html,body {padding:0; margin:0; font-family:'Segoe UI',Arial,sans-serif; font-size:17px; color:#000000; line-height:28px;}
html {background:#e1eef1;}
body {background:#ffffff; width:100%; min-width:350px; max-width:1500px; margin:0 auto;}

@font-face {
  font-family: 'aino_regular';
  src: url('/static/font/aino_regular.woff2') format('woff2'),
       url('/static/font/aino_regular.woff') format('woff')
}

img,table {border:0;}
form,label {padding:0; margin:0;}
table {border-collapse:collapse;}
a {color:#004076;}
a:hover {color:#0078de;}
.left {float:left;}
.clear {clear:both !important;}

h1 {font-family:'aino_regular', Arial; font-size:60px; font-weight:normal;}
h2 {color:#004076; font-family:'aino_regular', Arial; font-size:40px; font-weight:normal; margin:0 0 40px 0;}

input[type="text"],textarea,select,[type="number"] {padding:6px; font-size:18px; border:none; font-family:'Segoe UI',Arial,sans-serif;}


#top {position:relative; background:url(/static/img/main.jpg) no-repeat center; background-size:cover; height:930px; color:#ffffff;}
#logo {margin:20px 0 0 40px;}
#top a {color:#ffffff; text-decoration:none; font-weight:bold;}
#top a:hover {text-decoration:underline;}
#top h1 {position:absolute; text-align:right; top:255px; right:0; margin:0 7%; padding:0; line-height:65px;}
#menu {position:absolute; text-align:right; top:58px; right:18%;}
#menu a {margin-left:50px;}
#top .descr {font-size:25px; line-height:33px; position:absolute; bottom:10px; right:7%; font-family:'aino_regular', Arial;}
#top .descr li {margin:12px 0;}

#lang-switcher {position:absolute; top:62px; right:7%; font-size:13px; font-weight:bold; letter-spacing:0.05em;}
#lang-switcher a {color:rgba(255,255,255,0.65); text-decoration:none; margin-left:18px;}
#lang-switcher a:hover {color:#ffffff;}
#lang-switcher a.active {color:#ffffff; border-bottom:2px solid #ffffff; padding-bottom:1px;}


#tutvustus {padding:55px;}
.pdf {background:url(/static/img/pdf.png) no-repeat left center; padding:17px 0 15px 70px;}

/*  363,465,368,192,725,153,346  */

#gallery {width:100%; overflow-x:hidden;}
#gallery img {cursor:pointer;}
#p1 {margin:0 0.57% 8px 0; width:25.70%;}
#p2 {margin:0 0.57% 8px 0; width:32.93%;}
#p3 {margin:0 0.57% 8px 0; width:26.05%;}
#p4 {margin:0 0 8px 0; width:13.595%;}

#p5 {margin:-6px 0.64% 8px 0; width:58.5%;}
#p6 {margin:-6px 0.64% 8px 0; width:12.32%;}
#p7 {margin:-6px 0 8px 0; width:27.9%;}


#asukoht {padding-top:50px;}
#asukoht .box {position:relative; overflow-x:hidden;}
#map {position:absolute; left:-2%; top:0; height:100%;}
#asukoht h2 {margin:0; padding:0 55px 35px 55px;}
#map {height:100%;}
#krundid {position:relative; z-index:1; float:right; width:65%; background:#e3e3e3; border-left:8px solid #ffffff; border-bottom:8px solid #ffffff;}
#skeem {width:100%;}
#krundid .txt {margin:-140px 7% 35px 40%;}

#krundid_descr {position:relative; background:#ffffff; z-index:2; float:right; width:60%;}
#krunt_descr h2 {color:#000000; padding:10px 0 35px 0; margin:0;}
#krundid_descr div {float:right; width:26%; margin-right:5%;}
#krundid_descr button {margin:20px 0 25px 0; padding:12px 20px; background:#952836; color:#ffffff; border:0; font-size:20px; cursor:pointer; outline:none;}

#krunt_descr {display:none; background:#d0b59d; padding:30px 55px;}
#krunt_descr .forma {float:left; width:36%;}
#krunt_descr .image {float:left; width:26%; text-align:center; position:relative;}
#krunt_descr .image img {margin-top:-35px; width:90%;}
#descr_kr1,#descr_kr2,#descr_kr3 {float:left; width:35%;}
form textarea {width:96%; margin:20px 0 0 0; padding:8px 2%; height:150px; font-family:'Segoe UI',Arial,sans-serif;}
form input[type="text"] {width:44%; padding:8px 2%;}
form input[type="text"].r {float:right; margin-right:0;}
form input[type="submit"] {margin:20px 0 25px 0; padding:12px 20px; background:#952836; color:#ffffff; border:0; font-size:25px; cursor:pointer; outline:none;}


#tingimused {padding:60px 55px 35px 55px;}
#tingimused .text {column-count:2; column-gap:5%;}


#kontakt {padding-top:55px;}
#kontakt h2 {padding:0 55px 33px 55px; margin:0;}
#kontakt .formbox {background:#dacfc0; padding:55px;}
#kontakt .formbox img {border:2px solid #ffffff; margin-right:30px;}
#kontakt .imgdiv {width:45%;}
#kontakt .olltxt {padding-top:66px; font-size:22px; line-height:35px; font-family:'aino_regular', Arial}
#kontakt .formdata {width:50%;}
#ollp {float:left;}



#item_thumbs {clear:both;}
#item_thumbs img {float:left; margin:10px 10px 0 0; height:70px; border:1px solid #ccc; border-radius:4px; cursor:pointer;}
#IMGpreview {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;}
#prev_bg {position:fixed; width:100%; height:100%; top:0; left:0;}
#prev {background:#fff url(/static/img/loader.gif) no-repeat center center; padding:10px; position:absolute; top:50%; left:50%; width:300px; height:300px;
	margin:-150px 0 0 -150px; border-radius:0;
}
#prevIMGBut,#nextIMGBut,#closeIMGBut {position:absolute; cursor:pointer; top:50%; left:50%;}
#closeIMGBut {margin:-160px 0 0 150px;}



/*************************************************/
@media screen and (max-width:1530px) {
	#map {left:-6%;}
}
@media screen and (max-width:1300px) {
	#map {display:none;}
	#map2 {width:100%; height:100%; float:right; border:0; background:#e3e3e3 url(/static/img/map.jpg) no-repeat left top; background-size:auto 100%;}
	#krundid {width:65%; border:0;}
	#krundid .txt {width:60%; margin:-90px 0 20px 35%;}
	#krundid_descr {float:none; width:100%;}
	#krunt_descr .image {margin:0 25px;}
	#descr_kr1,#descr_kr2,#descr_kr3 {float:left; width:30%;}
	form textarea {height:250px;}
	#ollp {float:none;}
	#kontakt .olltxt {padding:0;}
}
@media screen and (max-width:1100px) {
	#krunt_descr .forma {width:60%;}
	#krunt_descr .image {width:30%; margin-left:45px;}
	#descr_kr1,#descr_kr2,#descr_kr3 {clear:both; float:none; width:100%;}
}

@media screen and (max-width:900px) {
	#logo {position:absolute; left:50%; top:0; margin-left:-120px;}
	#menu {top:180px; width:100%; text-align:center; right:0;}
	#menu a {margin:0 15px;}
	#lang-switcher {top:218px; right:auto; left:50%; transform:translateX(-50%); white-space:nowrap;}
	#lang-switcher a {margin:0 8px;}
	
	#p1 {margin:0 1% 8px 0; width:43.4%;}
	#p2 {margin:0 0 8px 0; width:55.6%;}
	#p3 {display:none;}
	#p4 {margin:-6px 1% 8px 0; width:27.2%;}
	#p5 {display:none;}
	#p6 {margin:-6px 1% 8px 0; width:21.7%;}
	#p7 {margin:-6px 0 8px 0; width:49.1%;}

	#top h1 {font-size:53px; text-align:center; width:90%; margin:0 5%;}
	#asukoht .box {position:static; overflow-x:auto;}
	#map {position:static; display:block; width:100%; height:auto; display:block; float:none;}
	#map2 {width:100%; height:100%; background:none; float:none;}
	#krundid {width:100%; border:0; display:block;}
	#krundid .txt {width:60%; margin:-130px 0 20px 35%;}
}
@media screen and (max-width:850px) {
	#krunt_descr .forma {width:100%;}
	#krunt_descr .image {width:30%; margin:50px 0 10% 0; float:left;}
	#descr_kr1,#descr_kr2,#descr_kr3 {clear:none; float:left; width:50%; margin-left:15%;}
}
@media screen and (max-width:800px) {
	#ollp {float:left;}
	#kontakt .imgdiv {width:100%;}
	#kontakt .olltxt {padding-top:66px; float:left;}
	#kontakt .formbox .left {float:none;}
	#kontakt .formbox .formdata {margin-top:30px; width:100%;}
	#tingimused .text {column-count:1;}
	#krundid .txt {width:90%; margin:-70px 5% 15px 5%;}
}
@media screen and (max-width:750px) {
	#krundid_descr {clear:both;}
	#krundid_descr div {float:none; width:80%; padding:30px 10%; position:relative;}
	#krundid_descr div button {position:absolute; right:10%; margin:0; top:100px;}
}



/* Alert dialog */
dialog {
  border: none;
  border-radius: 4px;
  padding: 30px 35px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 4px 24px rgba(0,0,0,0.35);
  font-family: 'Segoe UI', Arial, sans-serif;
}
dialog::backdrop { background: rgba(0,0,0,0.55); }
dialog h3 { margin: 0 0 12px 0; color: #004076; font-size: 22px; font-weight: normal; }
dialog p { margin: 0 0 22px 0; font-size: 17px; line-height: 26px; }
dialog button {
  padding: 10px 28px;
  background: #952836;
  color: #fff;
  border: 0;
  font-size: 17px;
  cursor: pointer;
}
dialog button:hover { background: #7a1f2a; }

@media screen and (max-width:510px) {
	#krundid .txt {margin:-40px 5% 15px 5%;}
	#krundid_descr div {float:none; width:80%; padding:30px 10%; position:relative;}
	#krundid_descr div button {position:static; margin:30px 0 0 0; width:100%;}
	
	#krunt_descr .image {width:100%; margin:20px 0 10% 0; float:left;}
	#descr_kr1,#descr_kr2,#descr_kr3 {clear:none; float:none; width:100%; margin-left:0;}
	
	#p1 {margin:0 0 8px 0; width:100%;}
	#p2 {margin:-6px 0 8px 0; width:100%;}
	#p3 {display:none;}
	#p4 {display:none;}
	#p5 {display:none;}
	#p6 {display:none;}
	#p7 {margin:-6px 0 8px 0; width:100%;}
}