html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
	background-color: white;
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
}

@font-face {
    font-family: 'AkzidenzGrotesk-Light';
    src: url('AkzidenzGrotesk-Light.woff');
    font-weight: light;
    font-style: normal;
}

p {
	font-family: AkzidenzGrotesk-Light, sans-serif;
	font-size: 1vw;
    line-height: 100%;	
}

a {
    text-decoration: none;
}
a:link, a:visited {
    color: black;
}
a:hover {
    color: black;
}

.border {
	position: relative;
	margin: 50px;
}

.footer {
	text-align: center;
	position: absolute;
	margin-top: 118.5%;
	padding-bottom: 2%;
	padding-top: 1.5%;
	width: 100%;
}

.info {
	display: none;
}	

.takk {
	margin-top: 2%;
	left: 0.5%;
	opacity: 1;
	position:absolute;
	width: 43%;
    background: none;
	border: none !important;
	
}

.takk_tekst {
	margin-top: 0.5%;
	left: 37.3%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
    z-index: 1;		
}

.aku {
	left: 92.4%;
	margin-top: 4.9%;
	opacity: 1;
	position:absolute;
	width: 6.3%;
    background: none;
	border: none !important;
	
}

.aku_tekst {
	margin-top: 0.2%;
	left: 84.4%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.kaimov {
	left: 29.5%;
	margin-top: 12%;
	opacity: 1;
	position:absolute;
	width: 57.4%;
    background: none;
	border: none !important;
}

.kaimov_tekst {
	margin-top: 7.4%;
	left: 61%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.vetik {
	margin-top: 20%;
	left: 0.5%;
	opacity: 1;
	position:absolute;
	width: 18.4%;
    background: none;
	border: none !important;	
}

.vetik_tekst {
	margin-top: 15.4%;
	left: 7.5%;
	opacity: 1;
	position:absolute;
	width: 14.7%;
    background: none;
	border: none !important;
	
}

.tomson {
	margin-top: 24%;
	left: 33.2%;
	opacity: 0;
	position:absolute;
	width: 49.8%;
    background: none;
	border: none !important;
}

.tomson2 {
	margin-top: 24%;
	left: 33.2%;
	opacity: 1;
	position:absolute;
	width: 49.8%;
    background: none;
	border: none !important;
	z-index: -5;
}

.tomson_tekst {
	margin-top: 19.2%;
	left: 43.8%;
	opacity: 1;
	position:absolute;
	width: 14.7%;
    background: none;
	border: none !important;
}

.kekishev {
	margin-top: 32%;
	left: 65%;
	opacity: 1;
	position:absolute;
	width: 22.8%;
    background: none;
	border: none !important;
}

.kekishev_tekst {
	margin-top: 30.7%;
	left: 54%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
    z-index: 1;		
}

.rebane {
	margin-top: 35.4%;
	left: 22%;
	opacity: 1;
	position:absolute;
	width: 37.8%;
    background: none;
	border: none !important;
}

.rebane_tekst {
	margin-top: 30.3%;
	left: 27.2%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.orro {
	margin-top: 49%;
	left: 0.3%;
	opacity: 1;
	position:absolute;
	width: 59.4%;
    background: none;
	border: none !important;	
}

.orro_tekst {
	margin-top: 44.3%;
	left: 3.3%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.ruum414 {
	margin-top: 62%;
	left: 2%;
	opacity: 1;
	position:absolute;
	width: 52.6%;
    background: none;
	border: none !important;
}

.ruum414_tekst {
	margin-top: 56.5%;
	left: 5.3%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.stuudio {
	margin-top: 62%;
	left: 59.6%;
	opacity: 1;
	position:absolute;
	width: 39.9%;
    background: none;
	border: none !important;
}

.stuudio_tekst {
	margin-top: 56.5%;
	left: 61.5%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.poldmaa {
	margin-top: 78%;
	left: 2.4%;
	opacity: 1;
	position:absolute;
	width: 57.2%;
    background: none;
	border: none !important;	
}

.poldmaa_tekst {
	margin-top: 73%;
	left: 10.5%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.metusala {
	margin-top: 86%;
	left: 5.3%;
	opacity: 1;
	position:absolute;
	width: 31.6%;
    background: none;
	border: none !important;
}

.metusala_tekst {
	margin-top: 88.5%;
	left: 36.3%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
    z-index: 1;	
}

.le60 {
	margin-top: 86.5%;
	left: 56.9%;
	opacity: 1;
	position:absolute;
	width: 32.2%;
    background: none;
	border: none !important;
}

.le60_tekst {
	margin-top: 95.6%;
	left: 84.3%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
    z-index: 1;		
}

.volk {
	margin-top: 105%;
	margin-bottom: 2%;
	left: 2.9%;
	opacity: 1;
	position:absolute;
	width: 34.6%;
    background: none;
	border: none !important;
}

.volk_tekst {
	margin-top: 100%;
	left: 0.5%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.siimar {
	margin-top: 107.8%;
	margin-bottom: 0%;
	left: 43%;
	opacity: 1;
	position:absolute;
	width: 53.3%;
    background: none;
	border: none !important;
	z-index: 0;
}

::-webkit-scrollbar {
	display: none;
    width: 0px;
    background: transparent; 
}

::-moz-scrollbars {
	display: none;
    width: 0px;
    background: transparent; 
}

.siimar_tekst {
	margin-top: 103%;
	left: 45.6%;
	opacity: 1;
	position:absolute;
    background: none;
	border: none !important;
}

.punkt {
	width: 1.5%; 
	left: 16.8%;
	position: absolute;
	margin-top: 119.7%;
}

.click {
	width: 3%; 
	left: 81.7%;
	position: absolute;
	margin-top: 118.9%;	
}

.Modal {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #ffffff;
	z-index: 9999;
}

.Modal .Close {
	transition: all 3000ms ease;	
	position: fixed;
	margin-top: 4%;
	margin-left: 93%;
	z-index: 999;
	cursor: pointer;
}

#close{
	width: 22%;
}

.kirjeldused {
	position: absolute;	
	margin-top: 18%;	
	margin-left: 5%;
	padding-bottom: 5vw;		
    line-height: 120%;		
}

#kirjeldused {
	position: fixed;
	width: 27%;
	height:100%;
	margin-left: 5%;
	overflow-y: scroll;
	z-index: 2;
}

.esitlus {
	width: 23vw;
	height: 12.9vw;
}

.kaas {
	margin-top: 4%;
	left: 32%;
	width: 60vw;
	position: absolute;
	padding-bottom: 5vw;	
}

#kaas {
	width: 100%;	
	overflow-y: scroll;
	position: fixed;
	height:100%;
}

.tooltip-span {
    display: none;
    z-index: -1;	
}

#tooltip {
	width: 7vw;
	margin-top: 0.6vw;
	margin-left: 0.6vw;
}

#tooltip-helene {
	width: 6.2vw;
	margin-top: 0.6vw;
	margin-left: 0.6vw;
}	

#tooltip-ruum {
	width: 14vw;
	margin-top: 0.6vw;
	margin-left: 0.6vw;
}	
	
#tooltip-stuudio {
	width: 28vw;
	margin-top: 0.6vw;
	margin-left: 0.6vw;
}

#tooltip-le60 {
	width: 15vw;
	margin-top: 0.6vw;
	margin-left: 0.6vw;
}	

#tooltip-joosep {
	width: 6.8vw;
	margin-top: 0.6vw;
	margin-left: 0.6vw;
}

#tooltip-janno {
	width: 6.7vw;
	margin-top: 0.6vw;
	margin-left: 0.6vw;
}

.profiilikas {
	width: 5.5%;
}

.profiilikas:hover {
    transform: scale(5);
    -webkit-transform: scale(5);
    -ms-transform: scale(5);
}

.profiilikas2 {
	width: 4%;
}

.profiilikas2:hover {
    transform: scale(6);
    -webkit-transform: scale(6);
    -ms-transform: scale(6);
}

.profiilikas-rec {
	width: 9%;
}

.profiilikas-rec:hover {
    transform: scale(6);
    -webkit-transform: scale(6);
    -ms-transform: scale(6);
}

.profiilikas-rec2 {
	width: 7%;
}

.profiilikas-rec2:hover {
    transform: scale(6);
    -webkit-transform: scale(6);
    -ms-transform: scale(6);
}


.tooltip:hover span {
    display:block;
    position:fixed;
	cursor: none;
}

#hidecursor {
	cursor: none;
}
	
@media only screen and (max-width: 1280px) {
	
#tooltip {
	width: 7vw;
	margin-top: 50px;
	margin-left: 50px;
}	

#tooltip-helene {
	width: 7vw;
	margin-top: 50px;
	margin-left: 50px;
}	

#tooltip-ruum {
	width: 14vw;
	margin-top: 50px;
	margin-left: 50px;
}	
	
#tooltip-stuudio {
	width: 28vw;
	margin-top: 50px;
	margin-left: 50px;
}

#tooltip-le60 {
	width: 15vw;
	margin-top: 50px;
	margin-left: 50px;
}		

#tooltip-joosep {
	width: 6.8vw;
	margin-top: 50px;
	margin-left: 50px;
}

#tooltip-janno {
	width: 6.7vw;
	margin-top: 50px;
	margin-left: 50px;
}
	
}
	
@media only screen and (max-width: 768px) {
   
	.Modal {
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background: #ffffff;
		z-index: 9999;
	}

	.Modal .Close {
		position: fixed;
		margin-top: 8%;
		margin-left: 90%;
		z-index: 999;
		cursor: pointer;
	}   
	   
	.kirjeldused {
		margin-top: 5%;	
		position: relative;	
		padding-bottom: 5vw;		
		line-height: 120%;		
		font-size: 3vw;
	}

	#kirjeldused {
		position: relative;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		z-index: 2;
	}

	.esitlus {
		width: 75vw;
		height: 42vw;
	}

	.kaas {

		width: 100%;
		position: relative;
		padding-bottom: 5vw;	
	}

	#kaas {
		width: 100%;	
		overflow-y: scroll;
		position: relative;
		height:100%;
	}
	#close{
		width: 50%;
	}

	.takk {
		margin-top: 3%;
		left: 1%;
		opacity: 1;
		position:absolute;
		width: 85%;
		background: none;
		border: none !important;
		
	}

	.takk_tekst {
		margin-top: -0.5%;
		left: 74%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
		z-index: 1;		
	}

	.aku {
		left: 85.4%;
		margin-top: 30%;
		opacity: 1;
		position:absolute;
		width: 11%;
		background: none;
		border: none !important;
		
	}

	.aku_tekst {
		margin-top: 19%;
		left: 64.5%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	.kaimov {
		left: 3%;
		margin-top: 37%;
		opacity: 1;
		position:absolute;
		width: 80%;
		background: none;
		border: none !important;
	}

	.kaimov_tekst {
		margin-top: 26%;
		left: 28%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	.vetik {
		margin-top: 56.5%;
		left: 20%;
		opacity: 1;
		position:absolute;
		width: 44%;
		background: none;
		border: none !important;	
	}

	.vetik_tekst {
		margin-top: 46%;
		left: 37%;
		opacity: 1;
		position:absolute;
		width: 50%;
		background: none;
		border: none !important;	
	}

	.tomson {
		margin-top: 110%;
		left: 8%;
		opacity: 0;
		position:absolute;
		width: 75%;
		background: none;
		border: none !important;
	}

	.tomson2 {
		margin-top: 110%;
		left: 8%;
		opacity: 1;
		position:absolute;
		width: 75%;
		background: none;
		border: none !important;
		z-index: -5;
	}

	.tomson_tekst {
		margin-top: 99%;
		left: 24%;
		opacity: 1;
		position:absolute;
		width: 32%;
		background: none;
		border: none !important;
	}

	.kekishev {
		margin-top: 124%;
		left: 40%;
		opacity: 1;
		position:absolute;
		width: 50%;
		background: none;
		border: none !important;
	}

	.kekishev_tekst {
		margin-top: 119%;
		left: 13%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
		z-index: 1;		
	}

	.rebane {
		margin-top: 183%;
		left: 9%;
		opacity: 1;
		position:absolute;
		width: 75%;
		background: none;
		border: none !important;
	}

	.rebane_tekst {
		margin-top: 172%;
		left: 19.5%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	.orro {
		margin-top: 216%;
		left: 2.5%;
		opacity: 1;
		position:absolute;
		width: 95%;
		background: none;
		border: none !important;	
	}

	.orro_tekst {
		margin-top: 205%;
		left: 7.5%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	.ruum414 {
		margin-top: 237%;
		left: 4%;
		opacity: 1;
		position:absolute;
		width: 92%;
		background: none;
		border: none !important;
	}

	.ruum414_tekst {
		margin-top: 225.2%;
		left: 10%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	.stuudio {
		margin-top: 263%;
		left: 5%;
		opacity: 1;
		position:absolute;
		width: 80%;
		background: none;
		border: none !important;
	}

	.stuudio_tekst {
		margin-top: 252%;
		left: 9%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	.poldmaa {
		margin-top: 300%;
		left: 6%;
		opacity: 1;
		position:absolute;
		width: 88%;
		background: none;
		border: none !important;	
	}

	.poldmaa_tekst {
		margin-top: 289%;
		left: 60.5%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	.metusala {
		margin-top: 311%;
		left: 3%;
		opacity: 1;
		position:absolute;
		width: 56%;
		background: none;
		border: none !important;
	}

	.metusala_tekst {
		margin-top: 314%;
		left: 58%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
		z-index: 1;	
	}

	.le60 {
		margin-top: 336%;
		left: 5%;
		opacity: 1;
		position:absolute;
		width: 58%;
		background: none;
		border: none !important;
	}

	.le60_tekst {
		margin-top: 350%;
		left: 58%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
		z-index: 1;		
	}

	.volk {
		margin-top: 377%;
		margin-bottom: 2%;
		left: 12%;
		opacity: 1;
		position:absolute;
		width: 83%;
		background: none;
		border: none !important;
	}

	.volk_tekst {
		margin-top: 365%;
		left: 5%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	.siimar {
		margin-top: 414%;
		margin-bottom: 0%;
		left: 5%;
		opacity: 1;
		position:absolute;
		width: 90%;
		background: none;
		border: none !important;
		z-index: 0;
		padding-bottom: 4%;	
	}

	.siimar_tekst {
		margin-top: 402%;
		left: 9.5%;
		opacity: 1;
		position:absolute;
		background: none;
		border: none !important;
	}

	p {
		font-family: AkzidenzGrotesk-Light, sans-serif;
		font-size: 2.4vw;
		line-height: 100%;	
	}

	.footer {
		display: none;
	}

	.punkt {
		display: none;
	}

	.info {
		top: 1%;
		left: 4%;
		position: absolute;
		display: inline;
		width: 5%;
		z-index: 3;
	}	

	#tooltip {
		display: none;
	}	

	#tooltip-helene {
		display: none;
	}	

	#tooltip-ruum {
		display: none;
	}	
		
	#tooltip-stuudio {
		display: none;
	}

	#tooltip-le60 {
		display: none;
	}

	.click {
		display: none;
	}
	
	.border {
	position: relative;
	margin: 0;
	}

}