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

		--h1_font_size: 				48px;
		--h2_font_size: 				40px;
		--h3_font_size: 				30px;
		--h4_font_size: 				25px;
		--h5_font_size: 				20px;
		--h6_font_size: 				16px;

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

	    --text_color: 				#111111;

	    --text_color_lighten_5: 	#1e1e1e;
	    --text_color_lighten_10: 	#2b2b2b;
	    --text_color_lighten_15: 	#373737;
	    --text_color_lighten_20: 	#444444;
	    --text_color_lighten_25: 	#515151;
	    --text_color_lighten_30: 	#5e5e5e;
	    --text_color_lighten_35: 	#6a6a6a;
	    --text_color_lighten_40: 	#777777;
	    --text_color_lighten_50: 	#919191;
	    --text_color_lighten_60: 	#aaaaaa;
	    --text_color_lighten_70: 	#c4c4c4;

	   	--text_color_darken_5: 		#040404;
	    --text_color_darken_10: 	#000000;
	    --text_color_darken_15: 	#000000;
	    --text_color_darken_20: 	#000000;
	    --text_color_darken_25: 	#000000;
		
		--text_color_fade_10: 	rgba(17, 17, 17, 0.10);
		--text_color_fade_20: 	rgba(17, 17, 17, 0.20);
		--text_color_fade_30: 	rgba(17, 17, 17, 0.30);
		--text_color_fade_40: 	rgba(17, 17, 17, 0.40);
		--text_color_fade_50: 	rgba(17, 17, 17, 0.50);
		--text_color_fade_60: 	rgba(17, 17, 17, 0.60);
		--text_color_fade_70: 	rgba(17, 17, 17, 0.70);
		--text_color_fade_80: 	rgba(17, 17, 17, 0.80);
		--text_color_fade_90: 	rgba(17, 17, 17, 0.90);

	    --primary_color: 			#0f93d4;

	    --primary_color_lighten_5: 		#11a4ec;
	    --primary_color_lighten_10: 	#26adf0;
	    --primary_color_lighten_15: 	#3eb6f1;
	    --primary_color_lighten_20: 	#56bff3;
	    --primary_color_lighten_25: 	#6ec8f5;

	   	--primary_color_darken_5: 	#0d82bc;
	    --primary_color_darken_10: 	#0c72a4;
	    --primary_color_darken_15: 	#0a618d;
	    --primary_color_darken_20: 	#085175;
	    --primary_color_darken_25: 	#07405d;
		
		--primary_color_fade_5: 	rgba(15, 147, 212, 0.05);
		--primary_color_fade_10: 	rgba(15, 147, 212, 0.10);
		--primary_color_fade_20: 	rgba(15, 147, 212, 0.20);
		--primary_color_fade_30: 	rgba(15, 147, 212, 0.30);
		--primary_color_fade_40: 	rgba(15, 147, 212, 0.40);
		--primary_color_fade_50: 	rgba(15, 147, 212, 0.50);
		--primary_color_fade_60: 	rgba(15, 147, 212, 0.60);
		--primary_color_fade_70: 	rgba(15, 147, 212, 0.70);
		--primary_color_fade_80: 	rgba(15, 147, 212, 0.80);
		--primary_color_fade_90: 	rgba(15, 147, 212, 0.90);

	    --heading_color: 	#111111;

	    --heading_color_lighten_20: 	#444444;

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

	    --menu_font: 				Oswald;
	    --menu_font_weight: 		400;
	    --menu_font_size: 			14px;

	    --heading_font: 			Oswald;
	    --heading_font_weight: 	400;

	    --button_font: 			Oswald;
	    --button_font_weight: 	400;
	    --button_font_size: 		14px;

	    --primary_font: 			Roboto;
	    --primary_font_weight: 		400;
	    --primary_font_size: 		15px;

	    --page_title_bg_color: 			#f2f2f2;
	    --page_title_overlay_color: 	#000;
	    --page_title_overlay_opacity: 	0;
	    --page_title_color: 			#111111;
	    --page_sub_title_color: 			#111111;
	    --page_title_height: 			175px;

	    --main_menu_height: 	80px;

	    --logo_mobile_padding: 		20px;
	    --main_menu_mobile_height: 	80px;
	    --menu_mobile_color: #2d2e32;
	
		--header_1_nav_layout_padding: 	100px;
		--header_3_nav_layout_padding: 	60px;
		--header_4_nav_layout_padding: 	90px;
		--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: 		#223645;
		--top_bar_text_color: 		rgba(255,255,255,0.9);
		--top_bar_layout_padding: 	60px;

		--logo_padding_top: 	35px;
		--logo_padding_bottom: 	35px;

		--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: 		#EEEEEE;
		--header_1_nav_text_color: 		#121f38;
		--header_1_height: 			120px;

		--header_3_nav_bg_color: 	transparent;
		--header_3_nav_text_color: 	#101e38;
		--header_3_height: 			120px;

		--header_4_nav_bg_color: 	transparent;
		--header_4_nav_text_color: 	#0c1b38;
		--header_4_height: 			120px;

		--header_5_nav_bg_color: 	#FF0000;
		--header_5_nav_text_color: 	#121f38;
		--header_5_height: 			120px;
	
		--header_2_nav_bg_color: 	#eeeeee;
		--header_2_nav_text_color: 	#121f38;
		--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;

	}
}