video {
		object-fit: cover;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
}

a	{
	text-decoration:	none;
}

.nTB {
	position: fixed;
	font-size:	1.6vh;
	top:	30vh;
	left:	50%;
	margin-left: -40vw;
	margin-bottom: 50vh;
	width:	80vw;
	text-shadow:	2px 2px 2px #222222;
	font-weight:	bold;
	padding:	1vw;
	border:	1px solid #222222;
	border-radius:	15px;
	box-shadow:	3px 3px 5px #000000;
	background: rgba(235, 14, 14, 0.8);
	text-align: left;
}

.butticon {
	border: none;
	padding: 0px;
	margin: 0px;
	position: relative;
	bottom: -0.2vh;
	height: 2vh;
	width: 2vh;
}

.mrq {
	text-align: right;
}

.h1 {
	background: #8fbfff;
	border:	1px solid #222222;
	border-radius:	15px;
	opacity:	0.9;
/*	font-size:	8vh; */
	font-size:	6vh;
	color:	#222222;
/* 	line-height:	15vh; */
	line-height:	11vh;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	5px 5px 5px #ff2222;
	font-family:	Arial, sans-serif;
	letter-spacing:	1vh;
	padding:	1vh;
	margin: 2vh;
	box-shadow:	3px 3px 5px #000000;
	position: fixed;
	width:  95vw;
   top: 2vh;
   left:   50%;
   margin-left: -48vw;
}

.h2 {
	background: #8fbfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	2vw;
	color:	#222222;
	line-height:	3vh;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	2px 2px 3px #ff4444;
	font-family:	Arial, sans-serif;
	padding:	1vh;
	margin: 3vh;
	box-shadow:	3px 3px 5px #000000;
}


body {
   font-family:		Verdana, Tahoma, Arial, sans-serif;
	font-size:	2vh;
	line-height:	3vh;
	color:	#e3e3e3;
	background-color:	#545454;
}

.h3 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	25vh;
	left:	50%;
	margin-left: -10vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s, opacity 1s;
}

.h3:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.h4 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	19vh;
	left:	50%;
	margin-left: -10vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.h4:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.h5 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	13vh;
	left:	50%;
	margin-left: -10vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.h5:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.h6 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	7vh;
	left:	50%;
	margin-left: -10vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.h6:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.h7 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	1vh;
	left:	50%;
	margin-left: -10vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.h7:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.h7:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.h3b {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	3.5vh;
	font-weight:	bold;
	color:	#222222;
	line-height:	10vh;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	60vw;
	bottom:	21vh;
	left:	50%;
	margin-left: -30vw;
	padding:	2vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s, opacity 1s;
}

.h3b:hover {
	z-index:	50;
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.lh3 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	20vh;
	left:	50%;
	margin-left: -32vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.lh3:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}


.lh4 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	14vh;
	left:	50%;
	margin-left: -32vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.lh4:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.lh5 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	8vh;
	left:	50%;
	margin-left: -32vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.lh5:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.lh6 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	2vh;
	left:	50%;
	margin-left: -32vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.lh6:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}


.rh3 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	20vh;
	left:	50%;
	margin-left: 12vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.rh3:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.rh4 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	14vh;
	left:	50%;
	margin-left: 12vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.rh4:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.rh5 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	8vh;
	left:	50%;
	margin-left: 12vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.rh5:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.rh6 {
	z-index:	50;
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:	1vw;
	font-weight:	bold;
	color:	#222222;
	line-height:	1.5vw;
	font-weight:	bold;
	text-align:	center;
	text-shadow:	1px 1px 1px #ff7777;
	font-family:	Arial, sans-serif;
	position:	fixed;
	width:	20vw;
	bottom:	2vh;
	left:	50%;
	margin-left: 12vw;
	padding:	1vh;
	box-shadow:	3px 3px 5px #000000;
	transition: color 1s, text-shadow 1s;
}

.rh6:hover {
	color:	#ffffff;
	text-shadow:    2px 2px 5px #222222;
	transition: color 0.5s, text-shadow 0.5s;
}

.zips {
	background: #afdfff;
	border:	1px solid #222222;
	border-radius:	5px;
	font-size:      1vw;
	font-weight:    bold;
	color:  #222222;
	line-height:    2.5vw;
	text-align:     center;
	text-shadow:    1px 1px 1px #ff7777;
	font-family:    Arial, sans-serif;
	padding-left:	2vh;
	padding-right:	2vh;
	padding-top:	1vh;
	padding-bottom:	1vh;
	box-shadow:	3px 3px 5px #000000;
	opacity:	1;
	transition: color 1s, text-shadow 1s, opacity 1s;
	margin-top:	1vh;
	margin-bottom:	1vh;
}

.zips:hover {
	background-color:	#222222;
	color:  #ffffff;
	text-shadow:    2px 2px 5px #222222;
	opacity:	0.7;
	transition: color 0.5s, text-shadow 0.5s, opacity 5s;
}

.tablzips {
	width:	90vw;
	line-height: 5vh;
	padding-top:	25vh;
	padding-bottom:	20vh;
	z-index:	5;
}

.hint {
	z-index:	10;
	width: 30vw;
	height: 2vw;
	background-color: #dddddd;
	text-shadow:	1px 1px 1px #ff7777;
	border: 1px solid #000000;
	color: #222222;
	text-align: center;
	font-size: 1vw;
	line-height: 1.8vw;
	border-radius: 6px;
	padding: 5px 0;
	position: fixed;
	top: 94%;
	right:	10px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 1s;
}

.lh5:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.lh6:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.h3:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.h4:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.h5:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.h6:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.rh3:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.rh4:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.rh5:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.rh6:hover .hint {
  visibility: visible;
  opacity: 0.7;
  transition: opacity 1s;
}

.ainline {
	color:	#e3e3e3;
	text-shadow:	2px 2px 2px #222222;
}

.ainline:hover {
	text-decoration: underline;
}

.prodetal {
	background-color:       #bb2222;
        color:  #ffffff;
        text-shadow:    2px 2px 5px #222222;
        opacity:        0.85;	
	padding: 10px 30px 10px 30px;
	font-size:      2vh;
        line-height:    2.7vh;
}

.kalinfo {
	background-color:       #2222bb;
	color:  #ffffff;
	text-shadow:    2px 2px 5px #222222;
	opacity:        0.85;	
	padding: 10px 30px 10px 30px;
	font-size:      2vh;
	line-height:    2.7vh;
}

.konc {
	font-weight: bold;
	color: #ffffff;
	padding:	1vw;
   	background: rgba(235, 14, 14, 0.8);
	text-shadow:    2px 2px 5px #222222;
}