body	{	-webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; line-height: 1.40; font-size: 16px}

@media screen and (max-width : 1024px) { body	{	font-size: 12px; }}
@media screen and (min-width : 1025px) { body	{	font-size: 14px; }}

a			{	text-decoration: none; }
i			{	font-style: normal; }  
.nob, p a	{	white-space: nowrap; }  
small		{   font-size: 0.85em; }

.btn		{   font-size: 1.125em; line-height: 1.00; }
.link		{   font-size: 1.125em; line-height: 1.00; }
.hotline	{   font-size: 1.250em; line-height: 1.20; }

a, label,
button		{	cursor: pointer; }

label a		{	text-decoration: underline; }

input, 
textarea	{	font-size: 1.00em; }

h1, h2, h3			{   font-style: normal; font-weight: normal; }
		h1			{   font-size: 3.25vw; line-height: 1.20; } 	@media screen and (max-width : 1024px) { h1	{ font-size: 2.50em; }}
		h1 > span	{   font-size: 0.60em; line-height: 1.40; display: block; margin-top: 0.50em; }
		h2			{   font-size: 2.00em; line-height: 1.20; }
		h2 > span	{   font-size: 0.60em; line-height: 1.40; display: block; margin-top: 0.50em; }
		h3			{   font-size: 1.25em; line-height: 1.20; }
		
		#rates h2, #video h2,
		#txt h2, #txt h2 + p	{   text-align: center; }

p. ul	{   font-size: 1.00em; }

p, ul, label, td
		{	-ms-hyphens: 		auto;	-ms-hyphenate-limit-chars: 		auto 4;	-ms-hyphenate-limit-lines: 		4;
			-moz-hyphens:		auto;	-moz-hyphenate-limit-chars: 	auto 4;	-moz-hyphenate-limit-lines: 	4;
			-webkit-hyphens: 	auto;	-webkit-hyphenate-limit-chars: 	auto 4;	-webkit-hyphenate-limit-lines: 	4;
			hyphens: 			auto; 	hyphenate-limit-chars: 			auto 4;	hyphenate-limit-lines: 			4; }

ul					{	list-style: none; }
ul > li				{	position: relative; padding-left: 1.50em; }
ul > li:before		{	 }
ul > li.nr > span	{	display: block; margin-top: 0.50em; margin-left: 1.00em; text-indent: -1.00em; }

p.notice		{	position: relative; padding-left: 1.00em; }
p.notice:before	{	content: ''; position: absolute; top: 0.25em; left: 0; width: 0.20em; height: calc(100.0% - 0.50em); }

nav .jump 	{   font-size: 1.25em; }

header a	{   font-size: 0.85em; }
footer		{   font-size: 0.85em; }

.rate > span		{   font-size: 1.50em; text-align: center; }
.rate > span > span	{   font-size: 1.50em; text-transform: uppercase; }

.note p + p		{	font-size: 0.85em; margin-top: 0.50em; margin-left: 1.00em; text-indent: -1.00em; max-width: 700px; }
.note p.item	{	margin-left: 3.00em; text-indent: 0; }

/* --- FAQ --- */

.faq label					{	font-size: 0.85em; line-height: 1.40;  }
.faq ul	li span:last-child	{	font-style: italic; }

/* --- Prices --- */

.prices table tr > *				{	font-size: 0.90em; line-height: 1.0; font-weight: normal; text-align: center; }
.prices table tr .name				{	font-size: 2.00em; margin-top: 0.50em; }
.prices table tr .txt				{	font-size: 1.25em; }
.prices table tr .price				{	font-size: 1.75em; }
.prices table tr .nor				{	text-decoration: line-through; opacity: 0.30; }
.prices table tr > th:first-child	{	text-align: right; }
.prices table tr > td:first-child	{	text-align: left; }

/* --- Calculator --- */

#calculator 			{	font-size: 12px; }
#calculator p.head		{	font-size: 2.00em; text-align: center; }
#calculator p.head + p	{	margin: 1.00em auto 0; text-align: center; max-width: 740px; }
#calculator p.sub		{	font-size: 1.20em; }

#calc .tacho .round > img + div + div + div + div	{	font-size: 0.84em; }
#calc .tacho .support > div							{	font-size: 1.25em; }

/* --- Spacing --- */

#txt h2 + p	+ p	{   margin-top: 2.00em; }

h1 + *,
h2 + *,
h3 + *,
p + p		{   margin-top: 1.00em; }


li + li		{   margin-top: 0.50em; }

/* --- Fonts --- */

body, button, textarea 	
	{   font-family: 'sofo-200',  Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }

h2, h3, nav .jump, #calculator p.head, #calculator p.sub, table .act, table .oem, #txt h2 + p
	{   font-family: 'sofo-400',  Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }

strong, .rate > span > span, table .name
	{   font-family: 'sofo-600',  Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }		

.potential > .value
	{	font-family: 'sofo-digi', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }

	@font-face 	{   font-family: 'sofo-200';  src: url('../fonts/HyundaiSansText-Regular.woff2') format('woff2'); }
	@font-face 	{   font-family: 'sofo-400';  src: url('../fonts/HyundaiSansHead-Medium.woff2')  format('woff2'); }
	@font-face 	{   font-family: 'sofo-600';  src: url('../fonts/HyundaiSansText-Bold.woff2')  	 format('woff2'); }

	@font-face 	{   font-family: 'sofo-digi'; src: url('../fonts/DSDIGI.woff') format('woff'); }

/*	=================================
		END
	================================= */