.tab-mapa {position:relative;top:-20px;width:100%;height:auto;max-height:855px;background-color:;}
.tab-mapa img {width:100%;max-height: 900px;max-width:1600px;border:0px solid #102e4a}
.tab-mapa-m {display:none;}
/*.tab-mapa:nth-child(2) {
  aspect-ratio: 1/1;
}*/
.on-the-map {position:absolute;height:80px;width:120px;transform: translate(-50%, -50%);text-align:center;}
.on-the-map img {height:35px;width:35px;opacity:0.9;}
.on-the-map p {display:none;margin-top:0px;margin-bottom:0px;background-color:rgba(255, 255, 255, 1);font-size:0.8rem;}
.on-the-map svg {display:none;}
.location-montera{position:absolute;top:30%;left:40%;}
.location-montera img {height:70px;}
.nazwa-ulicy {position:absolute;font-family:Arial;color:#333;font-size:0.9rem;}
.ul-montera {top:40%;left:32%;transform: rotate(-50deg);}
.ul-cyrulikow {top:75%;left:32%;}
.ul-strazacka {top:61%;left:23%;}
.ul-bombariderow {top:25%;left:34%;transform: rotate(65deg);}
.ul-konwisarska {top:63%;left:45%;transform: rotate(4deg);}
.ul-polskich {top:36%;left:-2%;transform: rotate(68deg);}
.education  {}
.health {}
.sports {background-color:;}
.communication {background-color:;}
.services {background-color:;}

.tab-icons-mapa{position:absolute;top:0px;left:0px;width:100%;height:100%;}

.education-1 {top:5%;left:50%;}
.education-2 {top:16%;left:46%;}
.education-3 {top:56%;left:33%;}
.education-4 {top:23%;left:18%;}
.education-5 {top:77%;left:49%;}
.education-6 {top:5%;left:59%;}
.health-1 {top:53%;left:40%;}
.health-2 {top:50%;left:32%;}
.health-3 {top:23%;left:49%;}
.health-4 {top:60%;left:17%;}
.sports-1 {top:36%;left:8%;}
.sports-2 {top:34%;left:65%;}
.sports-3 {top:38%;left:76%;}
.sports-4 {top:56%;left:75%;}
.communication-1 {top:58%;left:27%;height:500px;width:500px;opacity:;}
.communication-2 {top:83%;left:25%;}
.communication-3 {top:62%;left:34%;}
.communication-4 {top:19%;left:55%;}
.communication-5 {top:48%;left:44%;}
.communication-6 {top:56%;left:14%;}
.services-1 {top:66%;left:22%;}
.services-2 {top:65%;left:15%;}
.services-3 {top:76%;left:53%;}

.on-the-map {z-index:1;}
.on-the-map.show-map {z-index:9;}
.show-map p , .show-map svg {display:block;}
.show-map img {opacity:1;}
.hiden-map img {opacity:0.5;}
.education img, .health img, .sports img, .communication img, .services img {transition: transform 0.4s ease;}
.education.show-map img, .health.show-map img, .sports.show-map img, .communication.show-map img, .services.show-map img {transform: matrix(2, 0, 0, 2, 0, -10);}
				
/*PANEL*/
.panel-map{position:relative;margin-left:auto;margin-right:0px;margin-top:50px;width:800px;height:100px;display:flex;justify-content: space-between;background-color:;}	
.panel-map>div {flex-direction: column;min-width:100px;justify-content:center;text-align:center;}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #d1c7bc;
  transition: 0.3s;
  border-radius: 26px;
}

.slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
.googlebtn {position: relative;margin-top:10px;color:#d1c7bc;padding:10px;text-align:center;  width: 100px; height: 20px;border-radius: 26px;background-color:#102e4a;} 
.googlebtn:hover {color:#102e4a;background-color:#d1c7bc;}
/* ON */
input:checked + .slider {
  background-color: #102e4a;
}

input:checked + .slider::before {
  transform: translateX(24px);
}




.draw-line {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: draw 2s ease-out forwards;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
/* FORMULARZ*/
.pracownicy>div {position:relative;width:100%;}
.dane-pracownika {display:flex;}
.qr-cod {height: 200px;width:200px;background-color:black;margin-right:20px;}
.pracownicy {height:800px;display: flex;align-items:flex-start;align-content:flex-start;}
.pracownicy table tr td {padding-bottom:20px;font-family: "GillSans";}
.pracownicy h4 {margin-bottom:0px;}
.pracownicy table tr td img {margin-bottom:10px;}
form label, form button {display: grid;}
form label input {margin:2px auto 5px 0px;padding:5px;width: 250px;}
.checkbox {display: inline-block;margin:10px auto 10px 0px;}
.checkbox input {width: 30px;}
#robotInput{width: 50px;}
#wiadomosc{min-height: 200px;min-width: 350px;}


@media only screen and (max-width: 1600px) {
	.communication-1 {top:58%;left:27%;height:360px;width:360px;}
	
}
@media only screen and (max-width: 1400px) {
	.location-montera{top:25%;left:39%;}
	.health-1 {top:50%;left:40%;}
	.health-2 {top:46%;left:32%;}
	.health-3 {top:20%;left:49%;}
	.health-4 {top:55%;left:17%;}
	.services-1 {top:62%;left:22%;}
	.services-2 {top:61%;left:15%;}
	.services-3 {top:71%;left:53%;}
	.communication-2 {top:76%;left:25%;}
	.communication-3 {top:61%;left:31%;}
	.communication-1 {top:52%;left:27%;}

	
}
@media only screen and (max-width: 1200px) {
.tab-mapa, .panel-map {display:none;}
.tab-mapa-m {display: inline-block;width:100%;height:80%;max-height:840px;overflow-y: hidden;overflow-x: scroll;text-align:center;}
.tab-mapa-m>img {height:100%;}
#wiadomosc{min-width: 250px;}

}