@charset "UTF-8";
/** Primex app stylesheet definitions	2.0.00 2018-08-10
 	AIP Solutions Ltd'2018 https://aip.solutions
*/
/* base rules */

@font-face {
  font-family:'Panton';
  font-weight: bold;
  src: url("../font/Panton/Panton-BlackCaps.otf") format("opentype");
}

@font-face {
  font-family:'Panton';
  font-style:italic;
  src: url("../font/Panton/Panton-BlackitalicCaps.otf") format("opentype");
}
@font-face {
  font-family:'Panton';
  font-weight:normal;
  src: url("../font/Panton/Panton-LightitalicCaps.otf") format("opentype");
}
@font-face {
  font-family:'Panton';
  font-weight:normal;
  src: url("../font/Panton/Panton-LightCaps.otf") format("opentype");
}

@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  src:url('../font/OpenSans/open-sans-v13-latin_cyrillic_latin-ext_cyrillic-ext-regular.eot'); /* IE9 Compat Modes */
  src:url('../font/OpenSans/open-sans-v13-latin_cyrillic_latin-ext_cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/OpenSans/open-sans-v13-latin_cyrillic_latin-ext_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/OpenSans/open-sans-v13-latin_cyrillic_latin-ext_cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/OpenSans/open-sans-v13-latin_cyrillic_latin-ext_cyrillic-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
html									{position: relative;min-height:100%;margin: 0;padding: 0;}
body 									{position:relative;margin:0;padding:0;min-width:320px;height:100vh;line-height:1;font-family:'Panton';font-style:normal;font-weight:normal;font-size:16px;color:#333;background:#fff;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-color: #f1e100;}
header, footer, nav, main       		{position:relative;display:block;margin:0;}
header::after,header::before, section>footer, footer::before, main::after, main > nav::after, section::after, h3::after, p::after, p::before, section ol::after	{content:"";display:block;clear:both;}
a 										{color:inherit;background:transparent;}
a:active, a:hover						{outline:0;}
[onclick]								{cursor:pointer;}
ul										{list-style:none;margin:0;padding:0;}
img										{width:180px;outline:none;border:0;}
address									{font-style:normal;}
small									{margin:0;font-size:12px;}
table 									{border-collapse:collapse;border-spacing:0;}
td,th 									{padding:0;}
select:-moz-focusring 					{color:transparent;text-shadow:0 0 0 #000;}
.left									{float:left;}
.right									{float:right;}
.hidden,.hide							{display:none;}
/* header */
body > header, body > section, body > footer	{margin:0;padding:10px 4%;}
body > header				{position:fixed;top:0;width:100%;padding:22px 25px 20px;color:#fff;background:#283d8d;z-index:10;}
body > form     			{margin-top:70px;}
header > nav 				{position:fixed;width:100%;top:79px;right:0px;padding-bottom:19px;cursor:pointer;}
header > nav::before 		{position:absolute;content:"";display:block;right:25px;top:-72px;width:45px;height:65px;/*background: url('data:image/svg+xml;utf8,<svg width="35" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M2,4 H18 M2,9 H18 M2,14 H18" stroke="#f0e000" stroke-width="2" /></svg>') no-repeat center center;*/background:url('../img/menu-icon.png') no-repeat center center;background-size:30px;}
header > nav > a 			{display:none;box-sizing:border-box;padding:8px 16px 10px;font-size:22px;text-decoration:none;}
header > nav.active 		{height:80vh;background-color:#283d8d;padding-top:28px;z-index: 10;border-top:1px solid #f1e100;}
header > nav.active::before	{background:url('../img/menu-icon-close.png') no-repeat center center;background-size:30px;}
header > nav.active > a 	{display:block;padding:20px 25px;font-size:20px;background-color:#283d8d;font-weight:bold;color:#f0e000;text-transform:uppercase;}
header > nav.active > a:hover{}
body h1						{position:relative;margin:0;font-size:20px;background-color:#f1e100;color:#333;font-weight:normal;text-align:center;display:none;}
body section				{min-height:100%;margin-bottom:40px;padding:0 25px;background-image:url('../img/background-img.png');background-repeat:no-repeat;background-size:114px;background-position:right 10px;text-align:center;z-index:1;}
section h2					{margin:0;padding-top:104px;font-size:40px;text-align:left;color:#283d8d;text-transform:uppercase;}
section h3, section h5, section h6		{margin:0;padding-top:20px;padding-bottom: 10px;text-align:left;font-family:Open Sans;font-weight:normal;font-size:18px;line-height:normal;}
section h5.completed		{margin-bottom:40px;}
section h6					{color:red;padding-top:0;}
section label   			{display:block;text-align:left;font-size:18px;font-family:Open Sans;}
section input				{display:block;box-sizing:border-box;width:100%;margin:16px 0;padding:12px 20px;border:0;font-family:'Panton';font-size:42px;font-weight:bold;}
section button				{width:100%;padding:16px 40px;background-color:#283d8d;color:#f0e000;font-family:Panton;font-weight:bold;font-size:20px;border:none;text-transform:uppercase;}
section dl					{position:relative;width:100%;margin-top:0;padding:0 0 20px;font-family:Open Sans;text-transform:uppercase;}
section dl.plate			{padding-top:63px;}
section dt					{margin-top:10px;padding:20px 0;text-align:left;border-bottom:1px solid #dacc00;font-size:16px;}
section dt:nth-of-type(3)   {border:none;}
section dd				    {margin-top:-42px;right:0;padding:5px 0px;font-weight:bold;text-align:right;font-family:Panton;font-weight:bold;font-size:20px;color:#283d8d;}
section dl.plate dt			{border-bottom:0;}
section dl.plate dd 	  	{margin-left:0;padding-top:25px;padding-left:0;color:#283d8d;font-size:40px;text-align:left;}
section table			    {position:absolute;left:0px;width:100%;padding-bottom:65px;background:white;font-family:Open Sans;}
section caption			    {background:inherit;}
section th, section td	    {padding:10px 5px;text-align:center;text-transform:uppercase;color:#000;}
section th                  {font-weight:500;font-size:14px;}
section tr:nth-of-type(2n)  {background-color:#dce1f1;}
section tr.active	        {}
section td.plate  		    {color:#283d8d;font-weight:bold;font-family:Panton;}
section footer > button		{margin-bottom:10px;}
body > footer			    {position:fixed;margin:0;padding:5px 0;bottom:0;width:100%;font-family:Open Sans;font-weight:normal;background:#283d8d;color:#f1e100;font-size:14px;text-align:center;z-index:10;}
/* notification element */
section > div				{transition:all 0.5s linear;}
.notification				{position:relative;border:1px solid #dacc00;background:white;padding:10px;font-family:Open Sans;font-size:14px;line-height:1.4;opacity:0;}
.notification.active		{opacity:1;}
.notification > button		{display:block;width:200px;margin:20px auto;cursor:pointer;}
.notification > a			{text-decoration:underline;color:#283d8d;cursor:pointer;}
/*blinking text*/
@keyframes blink {  
  0% { background: rgba(225, 85, 86, 0.0); }
  50% { background: rgba(225, 85, 86, 1); }
  100% { background: rgba(225, 85, 86, 0.0); }
  
}
@-webkit-keyframes blink {
  0% { background: rgba(225, 85, 86, 0.0); }
  50% { background: rgba(225, 85, 86, 1); }
  100% { background: rgba(225, 85, 86, 0.0); }
}
section.info .LEAVE {
  -webkit-animation: blink 2s linear infinite;
  -moz-animation: blink 2s linear infinite;
   animation: blink 2s linear infinite;
}
@keyframes blinkI {  
 0% { background: rgba(60, 184, 120,0.0); }
  50% { background: rgba(60, 184, 120,1); }
  100% { background: rgba(60, 184, 120,0.0); }
}
@-webkit-keyframes blinkI {
  0% { background: rgba(60, 184, 120, 0.0); }
  50% { background: rgba(60, 184, 120, 1); }
  100% { background: rgba(60, 184, 120, 0.0); }
}
section.info .ENTER {
  -webkit-animation: blinkI 3s linear infinite;
  -moz-animation: blinkI 3s linear infinite;
   animation: blinkI 3s linear infinite;
}
@media screen and (max-width:359px) {
	body					{height:auto;}
	/*body > header, body > section, body > footer {padding:5px 1%;}
	body > header			{padding:10px 20px;}*/
	body > form				{margin-top:60px;}
	body section			{padding:0 20px;background-size:77px;}
	header > nav			{}
	header > nav::before	{right:10px;}
	header > nav.active 	{padding-top:25px;}
	header > nav.active > a	{padding:15px 20px;font-size:16px;}
	section h2				{font-size:36px;}
	section h3, section h5, section h6	{font-size:16px;}
	section label			{font-size:16px;}
	section input			{margin:10px 0;padding:8px 15px;font-size:32px;}
	section button			{padding:12px 20px;font-size:16px;}
	section dl				{padding:0;}
	section dl.plate		{padding-top:21px;}
	section dt				{padding:10px 0;font-size:14px;}
	section dl.plate dt		{padding:20px 0;}
	section dd				{padding:10px 0;}
}
/* end of cod*/