@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i';

/* All Viewer Devices */

@media (min-width: 0px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--font-family: Open Sans, sans-serif;
		--font-weight-1: 300;
		--font-weight-2: 400;
		--font-weight-3: 600;
		--font-weight-4: 700;
		/* Content Values */
		--font-size-07: 10px; /* 7px */
		--font-size-08: 11px; /* 8px */
		--font-size-09: 13px; /* 9px */
		--font-size-10: 14px; /* 10px */
		--font-size-11: 15px; /* 11px */
		--font-size-12: 16px; /* 12px */
		--font-size-13: 18px; /* 13px */
		--font-size-14: 19px; /* 14px */
		--font-size-15: 21px; /* 15px */
		--font-size-16: 22px; /* 16px */
		--font-size-17: 23px; /* 17px */
		--font-size-18: 25px; /* 18px */
		--font-size-19: 26px; /* 19px */
		--font-size-20: 28px; /* 20px */
		--letter-spacing-07: normal;
		--letter-spacing-08: normal;
		--letter-spacing-09: normal;
		--letter-spacing-10: normal;
		--letter-spacing-11: normal;
		--letter-spacing-12: normal;
		--letter-spacing-13: normal;
		--letter-spacing-14: normal;
		--letter-spacing-15: normal;
		--letter-spacing-16: normal;
		--letter-spacing-17: normal;
		--letter-spacing-18: normal;
		--letter-spacing-19: normal;
		--letter-spacing-20: normal;
		--line-height-07: 14px; /* 2 * 7px */
		--line-height-08: 16px; /* 2 * 8px */
		--line-height-09: 18px; /* 2 * 9px */
		--line-height-10: 20px; /* 2 * 10px */
		--line-height-11: 22px; /* 2 * 11px */
		--line-height-12: 24px; /* 2 * 12px */
		--line-height-13: 26px; /* 2 * 13px */
		--line-height-14: 28px; /* 2 * 14px */
		--line-height-15: 30px; /* 2 * 15px */
		--line-height-16: 32px; /* 2 * 16px */
		--line-height-17: 34px; /* 2 * 17px */
		--line-height-18: 36px; /* 2 * 18px */
		--line-height-19: 38px; /* 2 * 19px */
		--line-height-20: 40px; /* 2 * 20px */
		--spacing-bottom-07: 4px;
		--spacing-bottom-08: 4px;
		--spacing-bottom-09: 5px;
		--spacing-bottom-10: 5px;
		--spacing-bottom-11: 6px;
		--spacing-bottom-12: 6px;
		--spacing-bottom-13: 7px;
		--spacing-bottom-14: 7px;
		--spacing-bottom-15: 8px;
		--spacing-bottom-16: 9px;
		--spacing-bottom-17: 9px;
		--spacing-bottom-18: 10px;
		--spacing-bottom-19: 10px;
		--spacing-bottom-20: 11px;
		--spacing-top-07: 3px;
		--spacing-top-08: 4px;
		--spacing-top-09: 4px;
		--spacing-top-10: 5px;
		--spacing-top-11: 5px;
		--spacing-top-12: 6px;
		--spacing-top-13: 6px;
		--spacing-top-14: 7px;
		--spacing-top-15: 7px;
		--spacing-top-16: 7px;
		--spacing-top-17: 8px;
		--spacing-top-18: 8px;
		--spacing-top-19: 9px;
		--spacing-top-20: 9px;
		/**/
		}
	/* Web Engine Related */
	@-moz-document url-prefix()
		{
		:root
			{
			/* Content Values */
			--letter-spacing-07: -0.0125em;
			--letter-spacing-09: 0.0125em;
			--letter-spacing-10: -0.015em;
			--letter-spacing-11: 0.0075em;
			--letter-spacing-12: -0.005em;
			--letter-spacing-13: -0.005em;
			--letter-spacing-14: -0.005em;
			--letter-spacing-18: 0.005em;
			--spacing-bottom-08: 5px;
			--spacing-top-08: 3px;
			--spacing-bottom-10: 6px;
			--spacing-top-10: 4px;
			/**/
			}
		}
	@supports (-ms-ime-align: auto)
		{
		:root
			{
			/* Content Values */
			--letter-spacing-12: -0.01em;
			/**/
			}
		}
	/**/
	}
	
/* Small Viewer Devices */

@media (max-width: 499px), (min-width: 780px) and (max-width: 919px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--background-position-x: 7px;
		--background-position-y: 5px;
		--spacing-general-1: 8px;
		--tooltip-width-after: 160px;
		--tooltip-width-before: 4px;
		/* Content Values */
		--font-size-n1: var(--font-size-07);
		--font-size-o0: var(--font-size-08);
		--font-size-p1: var(--font-size-09);
		--font-size-p2: var(--font-size-10);
		--font-size-p3: var(--font-size-11);
		--font-size-p4: var(--font-size-12);
		--letter-spacing-n1: var(--letter-spacing-07);
		--letter-spacing-o0: var(--letter-spacing-08);
		--letter-spacing-p1: var(--letter-spacing-09);
		--letter-spacing-p2: var(--letter-spacing-10);
		--letter-spacing-p3: var(--letter-spacing-11);
		--letter-spacing-p4: var(--letter-spacing-12);
		--line-height-n1: var(--line-height-07);
		--line-height-o0: var(--line-height-08);
		--line-height-p1: var(--line-height-09);
		--line-height-p2: var(--line-height-10);
		--line-height-p3: var(--line-height-11);
		--line-height-p4: var(--line-height-12);
		--spacing-bottom-n1: var(--spacing-bottom-07);
		--spacing-bottom-o0: var(--spacing-bottom-08);
		--spacing-bottom-p1: var(--spacing-bottom-09);
		--spacing-bottom-p2: var(--spacing-bottom-10);
		--spacing-bottom-p3: var(--spacing-bottom-11);
		--spacing-bottom-p4: var(--spacing-bottom-12);
		--spacing-top-n1: var(--spacing-top-07);
		--spacing-top-o0: var(--spacing-top-08);
		--spacing-top-p1: var(--spacing-top-09);
		--spacing-top-p2: var(--spacing-top-10);
		--spacing-top-p3: var(--spacing-top-11);
		--spacing-top-p4: var(--spacing-top-12);
		/**/
		}
	/**/
	}
	
/* Medium Viewer Devices */

@media (min-width: 500px) and (max-width: 639px), (min-width: 920px) and (max-width: 1059px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--background-position-x: 8px;
		--background-position-y: 6px;
		--spacing-general-1: 9px;
		--tooltip-width-after: 181px;
		--tooltip-width-before: 5px;
		/* Content Values */
		--font-size-n1: var(--font-size-08);
		--font-size-o0: var(--font-size-09);
		--font-size-p1: var(--font-size-10);
		--font-size-p2: var(--font-size-11);
		--font-size-p3: var(--font-size-12);
		--font-size-p4: var(--font-size-13);
		--letter-spacing-n1: var(--letter-spacing-08);
		--letter-spacing-o0: var(--letter-spacing-09);
		--letter-spacing-p1: var(--letter-spacing-10);
		--letter-spacing-p2: var(--letter-spacing-11);
		--letter-spacing-p3: var(--letter-spacing-12);
		--letter-spacing-p4: var(--letter-spacing-13);
		--line-height-n1: var(--line-height-08);
		--line-height-o0: var(--line-height-09);
		--line-height-p1: var(--line-height-10);
		--line-height-p2: var(--line-height-11);
		--line-height-p3: var(--line-height-12);
		--line-height-p4: var(--line-height-13);
		--spacing-bottom-n1: var(--spacing-bottom-08);
		--spacing-bottom-o0: var(--spacing-bottom-09);
		--spacing-bottom-p1: var(--spacing-bottom-10);
		--spacing-bottom-p2: var(--spacing-bottom-11);
		--spacing-bottom-p3: var(--spacing-bottom-12);
		--spacing-bottom-p4: var(--spacing-bottom-13);
		--spacing-top-n1: var(--spacing-top-08);
		--spacing-top-o0: var(--spacing-top-09);
		--spacing-top-p1: var(--spacing-top-10);
		--spacing-top-p2: var(--spacing-top-11);
		--spacing-top-p3: var(--spacing-top-12);
		--spacing-top-p4: var(--spacing-top-13);
		/**/
		}
	/**/
	}
	
/* Large Viewer Devices */

@media (min-width: 640px) and (max-width: 779px), (min-width: 1060px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--background-position-x: 9px;
		--background-position-y: 6px;
		--spacing-general-1: 10px;
		--tooltip-width-after: 200px;
		--tooltip-width-before: 6px;
		/* Content Values */
		--font-size-n1: var(--font-size-09);
		--font-size-o0: var(--font-size-10);
		--font-size-p1: var(--font-size-11);
		--font-size-p2: var(--font-size-12);
		--font-size-p3: var(--font-size-13);
		--font-size-p4: var(--font-size-14);
		--letter-spacing-n1: var(--letter-spacing-09);
		--letter-spacing-o0: var(--letter-spacing-10);
		--letter-spacing-p1: var(--letter-spacing-11);
		--letter-spacing-p2: var(--letter-spacing-12);
		--letter-spacing-p3: var(--letter-spacing-13);
		--letter-spacing-p4: var(--letter-spacing-14);
		--line-height-n1: var(--line-height-09);
		--line-height-o0: var(--line-height-10);
		--line-height-p1: var(--line-height-11);
		--line-height-p2: var(--line-height-12);
		--line-height-p3: var(--line-height-13);
		--line-height-p4: var(--line-height-14);
		--spacing-bottom-n1: var(--spacing-bottom-09);
		--spacing-bottom-o0: var(--spacing-bottom-10);
		--spacing-bottom-p1: var(--spacing-bottom-11);
		--spacing-bottom-p2: var(--spacing-bottom-12);
		--spacing-bottom-p3: var(--spacing-bottom-13);
		--spacing-bottom-p4: var(--spacing-bottom-14);
		--spacing-top-n1: var(--spacing-top-09);
		--spacing-top-o0: var(--spacing-top-10);
		--spacing-top-p1: var(--spacing-top-11);
		--spacing-top-p2: var(--spacing-top-12);
		--spacing-top-p3: var(--spacing-top-13);
		--spacing-top-p4: var(--spacing-top-14);
		/**/
		}
	/**/
	}
	
/* Small Mobile Devices */

@media (max-width: 499px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--spacing-general-2: 10px;
		--spacing-general-3: 15px;
		/**/
		}
	/**/
	}
	
/* Medium Mobile Devices */

@media (min-width: 500px) and (max-width: 639px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--spacing-general-2: 12px;
		--spacing-general-3: 18px;
		/**/
		}
	/**/
	}
	
/* Large Mobile Devices */

@media (min-width: 640px) and (max-width: 779px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--spacing-general-2: 14px;
		--spacing-general-3: 21px;
		/**/
		}
	/**/
	}
	
/* Small Screen Devices */

@media (min-width: 780px) and (max-width: 919px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--spacing-general-2: 16px;
		--spacing-general-3: 24px;
		/**/
		}
	/**/
	}
	
/* Medium Screen Devices */

@media (min-width: 920px) and (max-width: 1059px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--spacing-general-2: 18px;
		--spacing-general-3: 27px;
		/**/
		}
	/**/
	}
	
/* Large Screen Devices */

@media (min-width: 1060px)
	{
	/* All Web Engines */
	:root
		{
		/* General Values */
		--spacing-general-2: 20px;
		--spacing-general-3: 30px;
		/**/
		}
	/**/
	}
	
/**/