html {
	scroll-behavior: smooth;
}

.glide__slide .johdantootsikko {
	opacity: 0;
}

.glide__slide--active .johdantootsikko,
.glide__slide.karutext-visible .johdantootsikko {
	opacity: 1;
}

@font-face {
  font-family: "montsI";
  src: url("Montserrat-ThinItalic.ttf") format('truetype');
}
@font-face {
  font-family: "montsR";
  src: url("Montserrat-Regular.ttf") format('truetype');
}
@font-face {
  font-family: "montsB";
  src: url("Montserrat-Bold.ttf") format('truetype');
}

body {
	font-family: montsR;
}

.is-animated {
  padding: 0;
  position: fixed;
}

.is-animated span {
  display: block;
  width: 0%;
}

.property {
  width: 0;
  overflow: hidden;
  -webkit-animation-name: expandProperty;
  -webkit-animation-delay: 1s;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
}
@-webkit-keyframes expandProperty {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

.hampsniptable {
	z-index: 2147483645;
	text-decoration: none;
	position: fixed;
	top: 1em;
	right: 1em;
	width: 80px;
	border: 0px;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
	display:none;
}

.hampsnipsvg {
	z-index: 2147483646;
	position: fixed;
	top: 1em;
	right: 1.25em;
	width: 80px;
	height: 80px;
	border: 0px;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
}

.hampsniptableinnerup {
	height: 80;
	width: 100%;
	border: 0px;
	padding: 0;
	display: grid;
	grid-template-columns: 2fr 2fr 2fr 1fr;
	overflow: hidden;
}
.hampsniptableinnerlow {
	width: 100%;
	border: 0px;
	height: 0px;
	text-align: center;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	overflow: hidden;
}

.hampsniptabletdwrapper {
}

.hampsniptabletdupper {
	height: 80px;
	justify-content:center;
	display: flex;
	align-items: center;
	letter-spacing: var(--regularsp);
}
.hampsniptabletdupper:hover {
	font-weight: bold;
/*	background: var(--hoveringbg);
	color: var(--hoveringfg);*/
	letter-spacing: var(--hoveringsp);
}

.hampsniptabletdright {
	width: 80;
	display: flex;
	justify-content: right;
	padding: 0;
	height: 80;
	align-items: center;
	align-self: stretch;
}

.hampsnipline {
	stroke-width: 4; 
}

.hampsniprect {
	stroke-width: 4;
	fill: none;
	stroke: rgb(0,0,0);
}

.hampsniplinevert {
	stroke-width: 4; 
}

.hampsniptabletd {
	justify-content: center;
	display: flex;
	align-items: center;
	flex-grow: 1;
	height: 3em;
}

.hampsniptabletd:hover {
	/*font-family:montsI;*/
	background: var(--hoveringbg);
	color: var(--hoveringfg);
}

.hampsnipspan {
	vertical-align: middle; 
	display: block; 
	text-align: center; 
}

.hampsnipspanupper {
	vertical-align: middle; 
	display: block; 
	text-align: center; 
}


.hampsnipspan:hover {
/*	font-family:montsI;*/
	background: var(--hoveringbg);
	color: var(--hoveringfg);
}

.hampsniplink {
}

.logosvg {
	z-index: 2147483646;
	position: fixed;
	top: 0.325em;
	left: 1.65em;
	border: 0px;
	scale: 0.71;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}

.dimmersvg {
	z-index: 2147483630;
	position: fixed;
	top: 0em;
	left: 0em;
	border: 0px;
	height: 130px;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}

.infobutton {
	z-index: 2147483646;
	position: fixed;
	bottom: 0.325em;
	left: 3.5em;
	border: 0px;
	scale: 0.71;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
}

.liittobutton {
	z-index: 2147483646;
	position: fixed;
	bottom: 0.325em;
	right: 3.5em;
	border: 0px;
	scale: 0.71;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
}
.labbutton {
	z-index: 214740000;
	position: fixed;
	top: 0.325em;
	right: 3.5em;
	border: 0px;
	scale: 0.71;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
}

.cls-1 {
}

.cls-2 {
}

.grad-cls-1 {
}
.grad-cls-2 {
}
.grad-cls-3 {
}

.opacitywrapper {
}

.infotext {
	z-index: 2147483647;
	position: fixed;
	bottom: 3em;
	left: 1.5em;
	top: 3em;
	right: 1.5em;
	border: 0px;
	scale: 0.71;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	background-color: black;
	color: white;
	opacity: 1;
	pointer-events = auto;
	border-radius = 50px;
	overflow: "scroll";
}

.infotextinner {
	position: relative;
	left: 2.5%;
	width: 95%;
	top: 2em;
}

.infotextkappale {
	
}

.infotextsep {
	height: 1.5em;
}