.test {
	display: none;
}

html, body {
	height: 100%;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}

body {
	background-color: #404040;
	background-color: hsl(37, 4%, 25%);	/*NB! H=37 - paper-white (low sat)*/
}

.azure, .webui {
	display: none;
}

.noscroll {
	overflow: hidden;
}

#main-menu {
	position: fixed;
	left: 0;
	xtop: 0;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 0.5%;
	padding-left: 0.5vw;
	overflow: hidden;
	font-family: sofiapro, sans-serif;
	font-size: 1.4em;
	font-size: 2.0vw;
	font-weight: 600;
	box-sizing: border-box;
/*	border: 1px solid white;	/*debug*/
    border-width: 0 0 0.15vw 0;
    border-style: solid;
	border-color: darkred;	/*ie8*/
	border-image: linear-gradient(to right, red, rgba(160, 0, 0, 0)) 1 100%; 	/**/
	border-image-slice: 1; 	/**/
	z-index: 20;
}
#main-menu li {
	display: inline;
}
#main-menu li a {
	color: #cccccc;
	color: hsl(37, 4%, 80%);
	text-decoration: none;
	display: inline-block;
	padding: 0.9%;
	padding: 0.9vw;
	transition: color 0.3s ease-in-out;
}
#main-menu li a:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}
#main-menu li a.active {
	color: #e6e6e6;
	color: hsl(37, 4%, 90%);
}
#main-menu li a.active:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}
/*
#menu-saf:hover{color: hsl(0, 80%, 70%);}
#menu-uudis:hover{color: hsl(37, 4%, 100%);}
#menu-osta:hover{color: hsl(0, 100%, 50%);}
#menu-lisad:hover{color: hsl(0, 100%, 50%);}
#menu-failid:hover{color: hsl(0, 100%, 50%);}
#menu-firma:hover{color: hsl(0, 100%, 50%);}
#menu-kontakt:hover{color: hsl(0, 100%, 50%);}
*/

/*fallback*/
/*caption*/
.c-saf {color: #c74200;}
.c-uudis {color: #cccccc;}
.c-osta {color: #e67300;}
.c-lisad {color: #669933;}
.c-failid {color: #36a1a1;}
.c-firma {color: #0099e6;}
.c-kontakt {color: #8866cc;}
/*nb*/
.nb-saf {color: #c74200;}
.nb-uudis {color: #cccccc;}
.nb-osta {color: #e67300;}
.nb-lisad {color: #669933;}
.nb-failid {color: #36a1a1;}
.nb-firma {color: #0099e6;}
.nb-kontakt {color: #8866cc;}
/*header*/
.h-saf {color: #cccccc;}
.h-uudis {color: #cccccc;}
.h-osta {color: #cccccc;}
.h-lisad {color: #cccccc;}
.h-failid {color: #cccccc;}
.h-firma {color: #cccccc;}
.h-kontakt {color: #cccccc;}

/*caption*/
.c-saf {color: hsl(20, 100%, 39%);}
.c-uudis {color: hsl(37, 4%, 80%);}
.c-osta {color: hsl(30, 100%, 45%);}
.c-lisad {color: hsl(90, 50%, 40%);}
.c-failid {color: hsl(180, 50%, 42%);}
.c-firma {color: hsl(200, 100%, 45%);}
.c-kontakt {color: hsl(260, 50%, 60%);}
/*nb*/
.nb-saf {color: hsl(20, 100%, 39%);}
.nb-uudis {color: hsl(37, 4%, 80%);}
.nb-osta {color: hsl(30, 100%, 45%);}
.nb-lisad {color: hsl(90, 50%, 40%);}
.nb-failid {color: hsl(180, 50%, 42%);}
.nb-firma {color: hsl(200, 100%, 45%);}
.nb-kontakt {color: hsl(260, 50%, 60%);}
/*header*/
.h-saf {color: hsl(37, 4%, 80%);}
.h-uudis {color: hsl(37, 4%, 80%);}
.h-osta {color: hsl(37, 4%, 80%);}
.h-lisad {color: hsl(37, 4%, 80%);}
.h-failid {color: hsl(37, 4%, 80%);}
.h-firma {color: hsl(37, 4%, 80%);}
.h-kontakt {color: hsl(37, 4%, 80%);}


#page-caption {
	position: fixed;
	bottom: 0vh;
	left: 85%;	/*ie8*/
	width: 15%;
	left: 100vw;
	width: 100vh;
	transform: rotate(270deg);
	transform-origin: 0% 100%;	
	box-sizing: border-box;
/*	border: 1px solid white;	/*debug*/
	margin: 0;
	padding: 0;
	padding-left: 2vh;
/*	color: hsl(37, 4%, 80%);	/**/
	font-family: sofiapro, sans-serif;
	font-size: 2em;
	font-size: 25vh;
	font-weight: 900;
}

h1 {
	display: inline;
	font: inherit;
}

#page-image {
	position: fixed;
	top: 0;
	right: 15%;
	right: 35vh;
	box-sizing: border-box;
/*	border: 1px solid white;	/*debug*/
	text-align: center;
	width: 15%;
	width: 15vw;
	overflow: hidden;
	z-index: 22;
}

#page-image img {
	height: 100%;
	height: 100vh;
	transform: scale(1);
	animation: img-pop 15s;
	animation-direction: alternate;
	animation-iteration-count: 2;
}

@keyframes img-pop {
	0% {transform: scale(1.00);}
	100% {transform: scale(1.05);}
}

#page-logo {
	position: fixed;
	top: 3vh;
	right: 15%;
	right: -0.5vh;
	box-sizing: border-box;
/*	border: 1px solid white;	/*debug*/
	text-align: center;
	width: 15%;
	width: 25vh;
	height: 50vh;
	overflow: hidden;
	z-index: 22;
}
#page-logo img {
	width: 72%;
	height: auto;
}

#content-page {
	position: fixed;
	top: 8%;
	top: calc(4vw + 2vh);
	height: 80%;
	height: calc(100% - 4vw - 5vh - 1px);
	overflow-y: auto;
	left: 0.3em;
	width: 65%;
	width: calc(100vw - 15vw - 35vh - 4vw);
	font-size: 1.7em;
	font-size: calc(0.6vw + 1.8vh + .5vmin);
	box-sizing: border-box;
/*	padding-bottom: 5%; /*doesn't work*/
/*	border: 1px solid yellow;	/*debug*/
/*	-ms-overflow-style: -ms-autohiding-scrollbar;	/*behaves strangely*/
}
/*gradients*/
#content-page-tgrad {
	position: fixed;
	top: calc(4vw + 2vh);
	height: 6vh;
	left: 0.3em;
	width: calc(100vw - 15vw - 35vh - 3vw);
	background: linear-gradient(hsl(37, 4%, 25%), rgba(64, 64, 64, 0));
	pointer-events: none;
/*	border: 1px solid white;	/*debug*/
}
#content-page-bgrad {
	position: fixed;
	xtop: calc(100% - 4vw);
	bottom: 3vh;
	height: 6vh;
	left: 0.3em;
	width: calc(100vw - 15vw - 35vh - 3vw);
	background: linear-gradient(rgba(64, 64, 64, 0), hsl(37, 4%, 25%));
	pointer-events: none;
/*	border: 1px solid white;	/*debug*/
}

div.article {
	position: relative;
	width: 100%;
	margin-top: 1em;
	margin-top: 5vh;
	box-sizing: border-box;
/*	border: 1px solid white;	/*debug*/
}

div.article-nb {
	display: inline-block;
	position: relative;
	width: 7em;
	margin-top: -1.3em;
	vertical-align: top;
	text-align: center;
	color: #cccccc;
	color: hsl(37, 4%, 80%);
	font-family: sofiapro, sans-serif;
	box-sizing: border-box;
/*	border: 1px solid red;	/*debug*/
}
div.article-nb-d {
	font-size: 5em;
	font-weight: 900;
}
div.article-nb-my {
	font-family: raleway, sans-serif;
	font-size: 0.7em;
	font-weight: 200;
	margin-top: -0.5em;
}
span.old-num {
    font-feature-settings: "onum" 1; 
/*	font-variant-numeric: oldstyle-nums; */
}
div.article-nb img {
	width: 1.0em;
	height: 1.0em;
	margin-top: 0.27em;
}

div.article-content {
	display: inline-block;
	position: relative;
	width: 69%;
	width: calc(100% - 9.5em + 2.6rem);
	min-height: 5em;
	vertical-align: top;
	text-align: left;
	padding-left: 0.5em;
	color: #ffffff;
	color: hsl(37, 4%, 100%);
	font-family: sofiapro, sans-serif;
	box-sizing: border-box;
/*	border: 1px solid red;	/*debug*/
	border-left: 1px solid red;
	border-left: 0.1vw solid red;
	font-size: calc(0.82em + 0.27rem);	/**/
}

div.article-content h2 {
/*	text-decoration: underline;	/**/
	margin: 0;
	font-size: 1.1em;
/*	color: hsl(37, 4%, 80%);	/**/
}
div.article-content p {
	margin: 0;
	margin-top: 0.5em;
	font-family: raleway, sans-serif;
	font-size: 0.7em;
	line-height: 1.25;
	font-weight: 300;
}
div.article-content p b {
	font-family: sofiapro;
	font-size: 1.2em;
	font-weight:600;
	color: hsl(37, 4%, 80%);
}
div.article-content p.date {
	margin-top: 0.5em;
	font-family: raleway, sans-serif;
	font-size: 0.6em;
	font-weight: 200;
	color: #cccccc;
	color: hsl(37, 4%, 80%);
}
div.article-content p.frak {
	font-family: fraktur;
	font-weight: 400;
	font-size: 0.87em;
	line-height: 1.1;
	color: #e6e6e6;
	color: hsl(37, 4%, 90%);
}
/*
div.article-content p.dl {
	font-family: sofiapro, sans-serif;
	font-weight: 200;
	font-size: 0.7em;
	xfont-variant-numeric: tabular-nums;
	color: hsl(37, 4%, 80%);
}
*/
div.article-content ul {
	margin: 0;
	padding-left: 1.3em;
	margin-top: 0.4em;
	font-family: raleway, sans-serif;
	font-size: 0.65em;
	xline-height: 1.25;
	font-weight: 300;
	color: hsl(37, 4%, 90%);
	list-style: circle;
}
div.article-content ul li {
	xmargin: 0;
	padding: 0.1em;
	padding-left: 0;
}

span.f-saf {
	font-family: sofiapro, sans-serif;
	font-weight: 900;
}
span.f-saf-r {
	font-family: sofiapro, sans-serif;
	font-weight: 900;
	color: red;
	color: hsl(20, 100%, 47%);
	font-size: 1.1em;
	line-height: 1;
}
a.f-saf {
	color: #bfbfbf;
	color: hsl(37, 4%, 75%);
/*	text-decoration: none;	/**/
	font-family: sofiapro, sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	transition: color 0.3s ease-in-out;
}
a.f-saf:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}
span.f-osta {
	font-family: sofiapro, sans-serif;
	font-weight: 900;
	font-size: 1.3em;
}
span.f-firma {
	font-family: sofiapro, sans-serif;
	font-weight: 900;
}
span.f-firma-b {
	font-family: sofiapro, sans-serif;	
	font-weight: 600;
/*	color: hsl(200, 100%, 55%);	/**/
	color: hsl(37, 4%, 85%);
	font-size: 1.2em;
	line-height: 0.9;
}
a.f-file, a.f-osta, a.f-firma, a.f-uudis {
	color: #bfbfbf;
	color: hsl(37, 4%, 75%);
/*	text-decoration: none;	/**/
	font-family: sofiapro, sans-serif;
	font-weight: 900;
	font-size: 1.2em;
	transition: color 0.3s ease-in-out;
}
a.f-firma, a.f-uudis {
	font-weight: 600;
	line-height: 0.9;
}
a.f-file:hover, a.f-osta:hover, a.f-firma:hover, a.f-uudis:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}
span.f-file-desc {
	font-family: sofiapro, sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	xfont-variant-numeric: tabular-nums;
	color: #b3b3b3;
	color: hsl(37, 4%, 70%);
}
span.f-kontakt {
	display: inline-block;
	margin-top: 0.3em;
	color: #f2f2f2;
	color: hsl(37, 4%, 95%);
	font-family: sofiapro, sans-serif;
	font-weight: 900;
	font-size: 1.2em;
}
a.f-kontakt {
	color: #bfbfbf;
	color: hsl(37, 4%, 75%);
/*	text-decoration: none;	/**/
	font-family: sofiapro, sans-serif;
	font-weight: 900;
	font-size: 1.1em;
	transition: color 0.3s ease-in-out;
}
a.f-kontakt:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}
a.phone {
	text-decoration: none;	/**/
	color: inherit;
	color: #e6e6e6;
	color: hsl(37, 4%, 90%);
	font-weight: 600;
	transition: color 0.3s ease-in-out;
}
a.phone:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}
span.address {
	color: #e6e6e6;
	color: hsl(37, 4%, 90%);
	font-weight: 600;
}
span.ib {
	display: inline-block;
}
img.kaart {
	width: 80%;
}

div.pad5 {
	min-height: 5%;
}

#content-page, body, .sbar {
/*IE scrollbar*/
	scrollbar-face-color: #595959;		/*hsl(37, 4%, 35%);*/
	scrollbar-arrow-color: #4d4d4d;		/*hsl(37, 4%, 30%);*/
	scrollbar-track-color: #4d4d4d;
	scrollbar-shadow-color: #4d4d4d;
	scrollbar-highlight-color: #4d4d4d;
	scrollbar-3dlight-color: #4d4d4d;
	scrollbar-darkshadow-color: #4d4d4d;
/*firefox new scrollbar*/
	scrollbar-color: #595959 #4d4d4d;	/*thumb track*/
	scrollbar-width: thin;
}

/*webkit scrollbar*/
#content-page::-webkit-scrollbar, body::-webkit-scrollbar, .sbar::-webkit-scrollbar {
	width: 10px;
	width: 0.7vw;
	height: 1.4vw;
}
#content-page::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .sbar::-webkit-scrollbar-thumb {
	background: #595959;		/*hsl(37, 4%, 35%);*/
	border-radius: 20px;
	border-radius: 1vw;
}
#content-page::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .sbar::-webkit-scrollbar-track {
	background: #4d4d4d;		/*hsl(37, 4%, 30%);*/
	border-radius: 20px;
	border-radius: 1vw;
}
.sbar::-webkit-scrollbar {
	width: 14px;
	width: 0.9vw;
	height: 1.4vw;
}
.sbar::-webkit-scrollbar-thumb {
	background: #b6b3af;		/*hsl(37, 4%, 70%);*/
	border-radius: 28px;
	border-radius: 1.4vw;
}
.sbar::-webkit-scrollbar-track {
	background: #85817a;		/*hsl(37, 4%, 50%);*/
	border-radius: 28px;
	border-radius: 1.4vw;
}

/*reference font*/
#font-ref {
	position: fixed;
	left: 0;
	top: 0;
	font-family: sofiapro, sans-serif;
	font-size: 500%;
	font-weight: 400;
	display: none;
}
/*measure scrollbar width*/
#scroll-ref {
	position: fixed;
	min-width: 100px;
	overflow-y: scroll;
	display: none;
}

#full-cover {
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%; 
	min-width: 100%; 
	color: white;
	background-color: black;
	transition: opacity 0.6s ease-out;	/*too long for desktop?*/
	opacity: 1.0;	/* for opacity transition */
	z-index: 30;
}

#lb-back {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.6;
	z-index: 41;
}
.lb-page {
	display: none;
	position: fixed;
	box-sizing: border-box;
/*	border: 1px solid black;	/**/
	top: calc(3vh + 1.2em);
	left: calc(1vh + 1vw);
	height: calc(94vh - 1.2em);
	max-height: calc(94vh - 1.2em);
	width: 79vw;
	font-size: 1.7em;
	font-size: calc(0.6vw + 1.8vh + .5vmin);
	font-size: calc(0.5vw + 2.0vh + 0.27rem);	/**/
	background-color: #b3b3b3;
	background-color: hsl(37, 4%, 70%);
	opacity: 1.0;
	z-index: 44;
}
.lb-page h2 {
	margin: 0;
	padding: 0.1em;
	padding-left: 0.3em;
	font-family: sofiapro, sans-serif;
	font-size: 1.4em;
	font-weight: 900;
	color: hsl(37, 4%, 30%);
	border-bottom: 1px solid black;
}

.close {
	position: absolute;
	right: 0.4em;
	top: 0.3em;
	width: 1.3em;
	height: 1.3em;
	opacity: 0.3;
	transition: opacity 0.3s;
}
.close:hover {
	opacity: 1;
}
.close:before, .close:after {
	position: absolute;
	left: 0.65em;
	content: ' ';
	height: calc(1.3em + 2px);
	width: 4px;
	background-color: hsl(37, 4%, 30%);
}
.close:before {
	transform: rotate(45deg);
}
.close:after {
	transform: rotate(-45deg);
}

.lb-content {
	height: calc(94vh - 1.2em - 2.8em);
	max-height: calc(94vh - 1.2em - 2.8em);
	overflow-x: auto;
	overflow-y: scroll;
	font-size: 0.7em;
	background-color: hsl(37, 4%, 80%);
}
.lb-content h3 {
	padding-left: 0.7em;
	padding-right: 0.8em;
	font-family: raleway, sans-serif;
	font-family: sofiapro, sans-serif;
	font-size: 1.3em;
	color: hsl(37, 4%, 30%);
}
.lb-content p {
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-family: raleway, sans-serif;
}
.lb-content ul {
	xmargin: 0;
	xpadding-left: 1.3em;
	margin-top: 0.4em;
	font-family: raleway, sans-serif;
	xfont-size: 0.95em;
	font-weight: 500;
	color: hsl(37, 4%, 30%);
	list-style: circle;
}
.lb-content ul li {
	padding: 0.2em;
	padding-left: 0;
}

.lb-content dl {
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-family: raleway, sans-serif;
	font-size: 0.94em;	
}

/*
.lb-content dl dd:first-of-type, .lb-content dl dt:first-of-type{
	background-color: hsl(37, 4%, 75%);
}
*/

.lb-content dl dt {
	padding: 0.4em;
	background-color: hsl(37, 4%, 75%);
/*	font-size: 0.9em;	*/
}
.lb-content dl dd {
	margin-left: 1.6em;
	padding-top: 0.3em;
	font-size: 0.9em;
}



.lb-content dd a {
	font-size: 1em;
	font-weight: 700;
	color: inherit;
	color: hsl(37, 4%, 35%);
	transition: color 0.3s ease-in-out;
}
.lb-content dd a:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}

.lb-content table {
	border-collapse: collapse;
}
.lb-content thead th {
	font-size: 1.2em;
	font-weight: 900;
	background-color: hsl(37, 4%, 70%);
}
.lb-content tr.dark td {
	background-color: hsl(37, 4%, 70%);
}
.lb-content tr.selcomp td {
/*	background-color: hsl(37, 4%, 90%);	/**/
}
.lb-content td, .lb-content th {
	font-family: sofiapro, sans-serif;
	font-weight: 400;
	color: inherit;
	color: hsl(37, 4%, 30%);
	background-color: hsl(37, 4%, 80%);
	padding: 0.6em;
	border: 1px solid hsl(37, 4%, 40%);
}
.lb-content td a {
	font-size: 1.1em;
	font-weight: 900;
	color: inherit;
	color: hsl(37, 4%, 30%);
	transition: color 0.3s ease-in-out;
}
.lb-content td a:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}
.lb-content th {
	white-space: nowrap;
}
.lb-content th.w {
	white-space: normal;
}
#lb-hinnad-page.lb-content th {
	padding: 0.3em;
}
#lb-hinnad-page button {
	font-family: sofiapro, sans-serif;
	font-weight: 900;
	font-size: 1.2em;
	border: 1px solid hsl(37, 4%, 30%);
	color: hsl(37, 4%, 30%);
	background-color: hsl(37, 4%, 80%);
	margin: 0.6em;
	margin-right: 0;
	padding: 0.2em 0.6em 0.4em 0.6em;
	transition: color 0.3s ease-in-out;
	cursor: pointer;
}
#lb-hinnad-page button:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}
#lb-hinnad-page button.active {
	color: hsl(37, 4%, 100%);
	background-color: hsl(37, 4%, 65%);
	cursor: auto;
}
#lb-hinnad-page div.intro {
	border-top: 1px solid hsl(37, 4%, 50%);
}

#lb-inimesed-list {
	margin-top: 1em;
}
#lb-inimesed-list p {
	display: inline-block;
	width: 11em;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
}

.varia {
	display: none;
}
.paketid {
	display: block;
}
.teenus {
	display: none;
}

.sml {
	font-size: 0.9em;
}
span.sml {
	font-family: raleway, sans-serif;
	font-size: 0.9em;
	font-weight: 500;
}

label.chk {
	padding-left: 0.3em;
	padding-right: 0.3em;
	transition: color 0.3s ease-in-out;
}
label.chk:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
/*	border: 1px solid hsl(0, 50%, 40%);	/*debug*/
}

span.orange {
	color: hsl(30, 100%, 42%);
	font-size: 1.2em;
}

#v-hinnad th, #v-hinnad td {
	text-align: center;
	font-size: 1.2em;
	font-weight: 900;
}
#v-hinnad td.label {
	text-align: left;
	font-size: 1.0em;
	font-weight: 400;
}
#v-hinnad th.label {
	text-align: left;
	padding: 0.6em;
}
#v-hinnad td.sepr {
	background-color: hsl(37, 4%, 70%);
	padding: 0.05em;
}
#v-hinnad td img.chk {
	width: 1.7em;
	width: 1.3em;
}
#v-hinnad td:last-child, #v-hinnad th:last-child {
	border-left: 3px double gray;
}
#v-hinnad td input {
	font-size: 1.0em;
	font-weight: 900;
/*	background-color: hsl(37, 4%, 90%);	*/
}
#v-hinnad tfoot th {
	background-color: hsl(37, 4%, 70%);
}
#v-hinnad td.p, #v-hinnad th.p {
	color: hsl(37, 4%, 45%);
}
#v-hinnad td.p, #v-hinnad td.r {
	color: hsl(37, 4%, 55%);
}
#v-hinnad tr.selcomp td.p, #v-hinnad tr.selcomp td.r {
	color: hsl(37, 4%, 30%);
}
#v-hinnad tr.p th {
	color: hsl(37, 4%, 45%);
}


#p-hinnad th, #p-hinnad td {
	text-align: center;
	font-size: 1.2em;
	font-weight: 900;
}
#p-hinnad td.label {
	text-align: left;
	font-size: 1.0em;
	font-weight: 400;
}
#p-hinnad th.label {
	text-align: left;
	padding: 0.6em;
}
#p-hinnad td.sepr {
	background-color: hsl(37, 4%, 70%);
	padding: 0.05em;
}
#p-hinnad td img.chk {
	width: 1.7em;
	width: 1.3em;
}
#p-hinnad tfoot th {
	background-color: hsl(37, 4%, 70%);
}
#p-hinnad td.p, #p-hinnad th.p {
	color: hsl(37, 4%, 45%);
}
#p-hinnad tr.p th {
	color: hsl(37, 4%, 45%);
}


.lb-content p a {
	font-family: sofiapro, sans-serif;
/*	font-size: 1.1em;*/
	font-weight: 900;
	color: inherit;
	color: hsl(37, 4%, 40%);
	transition: color 0.3s ease-in-out;
}
.lb-content p a:hover {
	color: #ffffff;
	color: hsl(37, 4%, 100%);
}

#t-hinnad th, #t-hinnad td {
	text-align: center;
	font-size: 1.2em;
	font-weight: 900;
}
#t-hinnad td.label {
	text-align: left;
	font-size: 1.0em;
	font-weight: 400;
}
#t-hinnad th.label {
	text-align: left;
	padding: 0.6em;
}
#t-hinnad td.c {
	text-align: center;
}
#t-hinnad td.sepr {
	background-color: hsl(37, 4%, 70%);
	padding: 0.05em;
}

#t-teenused th, #t-teenused td {
	text-align: center;
	font-size: 1.2em;
	font-weight: 900;
}
#t-teenused td.label {
	text-align: left;
	font-size: 1.0em;
	font-weight: 400;
}
#t-teenused th.label {
	text-align: left;
	padding: 0.6em;
}
#t-teenused td.c {
	text-align: center;
}
#t-teenused td.sepr {
	background-color: hsl(37, 4%, 70%);
	padding: 0.05em;
}
#t-teenused td input {
	font-size: 1.0em;
	font-weight: 900;
/*	background-color: hsl(37, 4%, 90%);	*/
}
#t-teenused td span.entry {
	white-space: nowrap;
	text-align: right;
	display: inline-block;
	width: auto;
	margin-right: 0;
}

.xchk input {
    position: relative;
    z-index: -9999;
	width: 0;
}

.xchk span {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    background: url('../images/checkonoff.png');
	background-size: 1.2em 2.4em;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: hsl(37, 4%, 86%);
	border: 1px solid hsl(37, 4%, 70%);
}

.xchk input:hover + span {
	background-color: hsl(37, 4%, 94%);
}
.xchk input:focus + span {
	border: 1px dotted hsl(37, 4%, 10%);
	background-color: hsl(37, 4%, 90%);
}
.xchk input:checked + span {
	background-position: top;
	border: 1px solid hsl(37, 4%, 30%);
}

div.plusminus {
	display: inline-block;
	width: 1.46em;
	height: 1.46em;
	border-radius: 0.78em;
	background-color: hsl(37, 4%, 70%);
	text-align: center;
	font-size: 1em;
	font-weight: 900;
	float: left;
	margin-top: -0.2em;
	margin-right: 0.4em;
	cursor: pointer;
}

tbody.steps {
	display: none;
}

tbody.steps tr td.label {
	padding-left: 2.5em;
	vertical-align: top;
}

#chart-container {
	width: 96%;
	height: 10em;
	background-color: white;
	background-color: hsl(37, 4%, 95%);
	margin-top: 1em;
	margin-bottom: 1em;
}

@media screen and (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4/3) {
	#page-image {
		display: none;
	}
	#main-menu {
		font-size: 2.5vw;
	}
	#content-page {
		width: calc(100vw - 20vw - 4vw);
	}
	#content-page-tgrad {
		width: calc(100vw - 20vw - 4vw);
	}
	#content-page-bgrad {
		width: calc(100vw - 20vw - 4vw);
	}
}


@media screen and (orientation: portrait) {
	.land {display: none;}

	/*caption*/
	.c-saf {color: hsl(20, 100%, 39%);}
	.c-uudis {color: hsl(37, 4%, 80%);}
	.c-osta {color: hsl(30, 100%, 45%);}
	.c-lisad {color: hsl(90, 50%, 40%);}
	.c-failid {color: hsl(180, 50%, 42%);}
	.c-firma {color: hsl(200, 100%, 45%);}
	.c-kontakt {color: hsl(260, 50%, 60%);}
	/*nb*/
	.nb-saf {color: hsl(37, 4%, 80%);}
	.nb-uudis {color: hsl(37, 4%, 80%);}
	.nb-osta {color: hsl(37, 4%, 80%);}
	.nb-lisad {color: hsl(37, 4%, 80%);}
	.nb-failid {color: hsl(37, 4%, 80%);}
	.nb-firma {color: hsl(37, 4%, 80%);}
	.nb-kontakt {color: hsl(37, 4%, 80%);}
	/*header*/
	.h-saf {color: hsl(20, 100%, 39%);}
	.h-uudis {color: hsl(37, 4%, 80%);}
	.h-osta {color: hsl(30, 100%, 45%);}
	.h-lisad {color: hsl(90, 50%, 40%);}
	.h-failid {color: hsl(180, 50%, 42%);}
	.h-firma {color: hsl(200, 100%, 45%);}
	.h-kontakt {color: hsl(260, 50%, 60%);}
	
	#page-caption {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		transform: none;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		padding-left: 2vw;
		font-family: sofiapro, sans-serif;
		font-size: 20vw;
		font-weight: 900;
		text-align: left;
		height: 20vw;
		line-height: 20vw;
		z-index: 35;
		background-color: hsl(37, 4%, 20%);
	}
	#page-caption h1 {
		display: inline-block;
		margin: 0;
		padding: 0;
		transform: translateY(-1.3vw);
	}
	
	#page-menu {
		display: block;
		position: fixed;
		bottom: 0;
		right: 0;
		width: 22vw;
		height: 20vw;
		margin: 0;
		padding: 0;
		color: hsl(37, 4%, 0%);
		background-color: hsl(37, 4%, 60%);
		xfont-family: sofiapro, sans-serif;
		xfont-size: 20vw;
		xfont-weight: 900;
		text-align: center;
		text-decoration: none;
		transition: color 0.3s ease-in-out;
		z-index: 36;
	}
	#page-menu:hover {
		color: hsl(37, 4%, 100%);
	}
	#page-menu svg {
		margin: auto;
		position: relative;
		top: 5.5vw;
		display: block;
	/*	border: 1px solid white;	/*debug*/
	}
	#menu-three {
		transition: all 0.3s ease-in-out;
		pointer-events: bounding-box;
		fill: black;
	}
	
	#main-menu {
		display: none;
		position: fixed;
		left: 4vw;
		xtop: 0;
		bottom: 4vw;
		width: 78vw;
		xheight: calc(100vh - 20vw);
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		color: hsl(37, 4%, 0%);
		background-color: hsl(37, 4%, 80%);
		font-family: sofiapro, sans-serif;
		font-size: 10vw;
		font-weight: 900;
		box-sizing: border-box;
	/*	border: 1px solid white;	/*debug*/
		border: none;
		z-index: 40;
	}
	#main-menu li {
		display: block;
		text-align: center;
		box-sizing: border-box;
		padding-bottom: 1vw;
		border-bottom: 1px solid hsl(37, 4%, 0%);
	}
	#main-menu li a {
		color: hsl(37, 4%, 0%);
		text-decoration: none;
		display: inline-block;
		width: 95%;
		box-sizing: border-box;
		padding: 0.9vw;
		transition: color 0.3s ease-in-out;
	}

	#main-menu li a.active {
		color: hsl(37, 4%, 100%);
	}
	
	div.article-content {
		font-size: 2em;
		width: calc(99% - 12vw);
		padding-right: 0.5em;
/*		border: 1px solid white;	/*debug*/
	}	
	div.article-nb {
		float: left;
		font-size: 0.6em;
		margin: 0;
		padding: 0;
		padding-bottom: 1.4vw;
		width: 12vw;
		background-color: hsl(37, 4%, 40%);
	}
	div.article-nb-my {display: none;}
	
	
	#content-page {
/*		
		position: fixed;
		top: 0;
		height: calc(100vh - 20vw - 1px);
		height: calc(100% - 20vw - 1px);
		overflow-y: scroll;
*/
		position: relative;
		top: 0;
		height: auto;
		overflow-y: auto;

		left: 0;
		width: 100%;
		font-size: calc(1.1vw + 1.8%);
		font-size: 3vw;
		box-sizing: border-box;
	/*	border: 1px solid yellow;	/*debug*/
	/*	-ms-overflow-style: -ms-autohiding-scrollbar;	/*behaves badly, not needed?*/
	/*	-webkit-overflow-scrolling: touch;	/*rumoured to allow momentum scrolling on iOS elements - maybe needs overflow: scroll*/
		background-color: hsl(37, 4%, 25%);
		z-index: 16;
	}
	/*gradients*/
	#content-page-tgrad {
		position: fixed;
		top: 0;
		height: 6%;
		left: 0;
		width: 100%;
		background: linear-gradient(hsl(37, 4%, 25%), rgba(64, 64, 64, 0));
		pointer-events: none;
		z-index: 18;
	/*	border: 1px solid white;	/*debug*/
	}
	#content-page-bgrad {
		position: fixed;
		bottom: 20vw;
		height: 6%;
		left: 0;
		width: 100%;
		background: linear-gradient(rgba(64, 64, 64, 0), hsl(37, 4%, 25%));
		pointer-events: none;
		z-index: 18;
	/*	border: 1px solid white;	/*debug*/
	}
	#content-page::-webkit-scrollbar, body::-webkit-scrollbar {
		width: 2vw;
	}

	#t-teenused td span.entry {
		width: 14em;
		margin-right: 1em;
	}
	
	div.pad5 {
		min-height: calc(5vh + 20vw);
	}
	
	img.kaart {
		width: 90%;
	}

	.lb-page {
		width: 89vw;
		height: calc(94vh - 1.2em - 2.8em - 10vw);
		max-height: calc(94vh - 1.2em - 2.8em - 10vw);
	}
	.lb-content {
		height: calc(94vh - 1.2em - 2.8em - 10vw);
		max-height: calc(94vh - 1.2em - 2.8em - 10vw);
	}
	.lb-content th.wp {
		white-space: normal;
	}

	div.plusminus {
		display: none;
	}	
}

@media screen and (orientation: landscape) {
	.port {display: none;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#menu-three:hover {
		fill: white;	/*svg hover doesnt' work in ie/fx properly*/
	}
}

div { 
    -webkit-font-feature-settings: "liga" 1, "dlig" 1; 
    -moz-font-feature-settings: "liga" 1, "dlig" 1; 
    -ms-font-feature-settings: "liga" 1, "dlig" 1; 
    font-feature-settings: "liga" 1, "dlig" 1; 
}
p, span, ul, h3, dl, dt, dd { 
    -webkit-font-feature-settings: "liga" 1, "dlig" 0; 
    -moz-font-feature-settings: "liga" 1, "dlig" 0; 
    -ms-font-feature-settings: "liga" 1, "dlig" 0; 
    font-feature-settings: "liga" 1, "dlig" 0; 
}


@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-Thin.ttf) format('truetype');
    font-weight: 100;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-ExtraLight.ttf) format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-Light.ttf) format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-Regular.ttf) format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-Medium.ttf) format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-SemiBold.ttf) format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-Bold.ttf) format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-ExtraBold.ttf) format('truetype');
    font-weight: 800;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-Black.ttf) format('truetype');
    font-weight: 900;
}
/*
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-ThinItalic.ttf) format('truetype');
    font-weight: 100;
	font-style: italic;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
	font-style: italic;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-LightItalic.ttf) format('truetype');
    font-weight: 300;
	font-style: italic;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-Italic.ttf) format('truetype');
    font-weight: 400;
	font-style: italic;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-MediumItalic.ttf) format('truetype');
    font-weight: 500;
	font-style: italic;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
	font-style: italic;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-BoldItalic.ttf) format('truetype');
    font-weight: 700;
	font-style: italic;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
	font-style: italic;
}
@font-face {
    font-family: raleway;
    src: url(fonts/RaleWay-BlackItalic.ttf) format('truetype');
    font-weight: 900;
	font-style: italic;
}
*/

/*
@font-face {
    font-family: sofiapro;
    src: url(fonts/sofiapro-ultra-light.otf) format('opentype');
    font-weight: 100;
}

@font-face {
    font-family: sofiapro;
    src: url(fonts/sofiapro-extra-light.otf) format('opentype');
    font-weight: 200;
}
*/
@font-face {
    font-family: sofiapro;
    src: url(fonts/sofiapro-light-webfont.woff) format('woff');
    font-weight: 300;
}

@font-face {
    font-family: sofiapro;
    src: url(fonts/sofiapro-regular-webfont.woff) format('woff');
    font-weight: 400;
}

@font-face {
    font-family: sofiapro;
    src: url(fonts/sofiapro-bold-webfont.woff) format('woff');
    font-weight: 600;
}

@font-face {
    font-family: sofiapro;
    src: url(fonts/sofiapro-black-webfont.woff) format('woff');
    font-weight: 900;
}

@media print {
	#page-menu {
		display: none;
	}
	#page-logo {
		display: none;
	}
	#page-caption {
		display: block;
		position: inherit;
		transform: none;
		font-size: 8em;
	}
	#page-caption.noprint {
		display: none;
	}
	#page-image {
		display: none;
	}
	#main-menu {
		display: none;
	}
	#content-page {
		position: inherit;
		width: 100%;
		height: auto;
		font-size: 1.8em;
	}
	#content-page.noprint {
		display: none;
	}
	#content-page-tgrad {
		display: none;
	}
	#content-page-bgrad {
		display: none;
	}

	div.article-content, div.article-content p, div.article-content p b, div.article-content h2 {
		color: black !important;
	}
	
	#lb-back {
		display: none;
	}
	
	.lb-page.print {
		position: absolute;
		top: 0;
		width: 96%;
		height: auto;
		max-height: none;
		font-size: 1.2em;
/*		border: 1mm solid red;	/*debug*/
	}
	.lb-page.print div.lb-content {
		height: auto;
		max-height: none;
/*		border: 1mm solid green;	/*debug*/
	}
	
	.xchk input {
		position: relative;
		z-index: inherit;
		width: auto;
	}
	.xchk span {
		display: none;
	}

	tfoot {
		display: table-row-group;
	}
	#v-hinnad td.p, #v-hinnad td.r {
		color: lightgray;
	}
	#v-hinnad tr.selcomp td.p, #v-hinnad tr.selcomp td.r {
		color: black;
	}
}