@font-face {
    font-family: 'ISOCPEUR';
    src: url('font/ISOCPEUR.eot');
    src: url('font/ISOCPEUR.eot?#iefix') format('embedded-opentype'),
	 url('font/ISOCPEUR.woff2') format('woff2'),
         url('font/ISOCPEUR.woff') format('woff'),
    	 url('font/ISOCPEUR.ttf') format('truetype'),
	 url('font/ISOCPEUR.svg#ISOCPEUR') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'English_';
    src: url('font/English_.eot');
    src: url('font/English_.eot?#iefix') format('embedded-opentype'),
	 url('font/English_.woff2') format('woff2'),
         url('font/English_.woff') format('woff'),
    	 url('font/English_.ttf') format('truetype'),
	 url('font/English_.svg#ISOCPEUR') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GARABD';
    src: url('font/GARABD.eot');
    src: url('font/GARABD.eot?#iefix') format('embedded-opentype'),
	 url('font/GARABD.woff2') format('woff2'),
         url('font/GARABD.woff') format('woff'),
    	 url('font/GARABD.ttf') format('truetype'),
	 url('font/GARABD.svg#ISOCPEUR') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
footer, header, 
nav, output, section, summary,
time, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	line-height: inherit;
	/* vertical-align: baseline; */
}
BODY, HTML {
	width:100%;
	height:100%;
	font-family: Calibri, Tahoma, Arial, sans-serif;
	font-size:16px;
	line-height:20px;
	background:#fff;
	color:#000;
}
	@media screen and (max-width: 1000px) {
		BODY, HTML { font-size:14px; line-height:18px; }
	}
HTML,BODY,TD,TH,DIV {
	position:relative;
}
ol, ul {
	list-style: none;
	box-sizing: border-box;
}
TABLE {
	border-collapse: collapse;
	border-spacing: 0;
}
CODE { font-family:ISOCPEUR, monospace; font-weight:bold  }
EM { font-style: italic; }
IMG { display: inline-block; }
IMG, TABLE, TD, TH, TR, DIV {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

A { color:#000; transition: 0.2s; }
	A:hover { color:#d40; }
NOBR { white-space:nowrap; }

.spacer { height: 0; clear: both; font-size:0; }
.clearfix:after { content:" ";visibility:hidden;display:block;height:0;clear:both;}

BODY { padding-top: 90px }

.zag { font-size:21px; line-height:25px; padding-bottom:.2em }
  @media screen and (max-width: 1000px) {
	.zag { font-size:18px; line-height:22px; }
  }

header {
	position:fixed;
	top:0px;
	z-index:100;
	background:rgba(255,255,255,.93);
	width:100%;
	box-shadow: 0 15px 10px 0 white;
}
header .win { border-bottom:2px solid #ddd }
header .win > DIV { width:30%; padding:20px 0 10px 0; text-align:center }
header .win > DIV IMG { height:48px; }
.iconi { font-family:GARABD, Times New Roman Bold, Times New Roman, serif; font-size:30px; line-height:19px;  }
.iconi2 { font-family:English_; font-size:27px; font-weight:bold; line-height:19px; padding-right:2px;  }
  @media screen and (min-width: 1300px) {
	header .win > DIV IMG { height:56px; }
  }
  @media screen and (max-width: 640px) {
	header .win > DIV { width:100%; }
  }
  @media screen and (max-height: 500px) {
	header .win > DIV { padding:15px 0 5px 0; }
    .iconi { font-size:26px; }
  }

.win {
	width:94%;
	max-width:1280px;
	margin:0 auto;
}
  @media screen and (max-width: 640px) {
	.win { width:100%; padding-left:15px; padding-right:15px; }
  }

.topic {
	text-align:center;
	/* background: url(img/APPROVED.png) no-repeat right center; */
	/* background-size: auto 95%; */
	margin:30px 0;
}
.err { width:33%; margin-left:10% }
.code { position:absolute;
	left:0px;
	height:100%;
	width:30%;
	background: url(img/QR_blue.png) no-repeat center center;
	background-size: auto 100%;
}
/*
.ico2 {
	background: url(img/invalid.png) no-repeat right center;
	background-size: auto 95%;
}
.ico3 {
	background: url(img/expired.jpg) no-repeat right center;
	background-size: auto 95%;
} */
  @media screen and (max-width: 640px) {
	.topic { text-align:left; }
	.code { display:none !important }
	.code_mob {
		height:100px;
		background: url(img/QR_blue.png) no-repeat center center;
		background-size: auto 100%;
		margin-bottom:30px;
	}
	.err { width:55%; margin-left:3% }
  }
.topic > DIV {
	display:inline-block;
	text-align:left;
	line-height:160%;
}

.color { color: #4c8800; }
.gray { color:#888 }
.line { border-bottom:2px solid #ddd; margin:30px 0; }

.params { display:flex; justify-content: space-between; flex-wrap: wrap; }
.params > DIV { width:30%; text-align:center; margin-bottom:30px }
.params IMG { display: block; width:30%; margin:8px auto 4px auto }
  @media screen and (max-width: 640px) {
	.params > DIV { width:49%; }
  }

.k24 {
	width:30%;
	height: 60%;
	margin:8px auto 4px auto;
	/* font-family: Calibri, Tahoma; */
	font-size:73px;
	display:flex;
	justify-content: center;
	align-items: center;
}
  @media screen and (max-width: 1100px) {
	.k24 { font-size:64px }
  }
  @media screen and (max-width: 900px) {
	.k24 { font-size:55px }
  }
  @media screen and (max-width: 600px) {
	.24k { font-size:50px }
  }

.setup > DIV {
	display:flex;
	justify-content:
	space-between;
	flex-wrap: wrap;
	align-items: center;
}
.setup > DIV > DIV:nth-child(1) { width:35%; text-align:left; padding-left:15%; box-sizing: border-box; }
.setup > DIV > DIV:nth-child(2) { width:30%; text-align:center }
.setup > DIV > DIV:nth-child(3) { width:35%; }
.setup IMG { width:30%; }
  @media screen and (max-width: 1000px) {
	.setup IMG { width:44%; min-width:42px }
	.setup > DIV > DIV:nth-child(1) { width:40%; padding-left:10%; }
	.setup > DIV > DIV:nth-child(2) { width:20%; }
	.setup > DIV > DIV:nth-child(3) { width:40%; }
  }
  @media screen and (max-width: 640px) {
	.setup > DIV > DIV:nth-child(1) { padding-left:5%; }
  }