body,table {color:#3a3a3a;font-size:0.75em;font-family:'Lato', Arial, Verdana, sans-serif;}
h1{
  margin: 40px auto 0;
  color: #d5992a;
  font-size: 1.52em;
  font-weight: 400;
  text-align: left;
  max-width: 1120px;
  line-height: 1.56em;
  font-family: 'poppins',Arial,Verdana,Tahoma;
}
h2{
  margin: 20px auto 10px auto;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  line-height: 30px;
  font-family: 'poppins',Arial,Verdana,Tahoma;
  text-transform: none;
}

h3  {
  padding: 0;
  font-weight: 600;
  font-size: 2.5em;
  text-align: left;
  line-height: 1.3em;
  font-family: 'poppins',Arial,Verdana,Tahoma;
  max-width: 880px;
  color: #333;
  margin: 0;
  letter-spacing: 0;
}
p {font-size: 16px;}
#page div.content h1, #page div.content h2, #page div.content h3, #page div.content p {text-align: center !important;}
.img_4 {display:none;}
.podklad {background-image: linear-gradient(#0000,#0002);width: 100%;height: 50%;left:0;right: 0;bottom: 0;position: absolute;}
.galeria3 img {width: 100%;margin: auto;box-shadow: -10px 10px 40px rgba(0,0,0,.36);}
.galeria3 {max-width: 1600px;margin: auto;}
.start-opis2 h1, .start-opis2 h2, .start-opis2 h3 {text-align: center;margin: 20px auto 20px;max-width: 780px;padding: 0 4%;}
.start-opis2 h3 {font-size: 15px;font-weight: 400;font-family: 'lato';font-style: italic;}
#body .container {width: 100%;margin: 0 auto;text-align: left;padding: 0;}
#elmed .galeria img {width: 99.8%;}
#elmed .elmed {width: 100%;padding: 100px 0;}

#mapa .kontakt {display: none;}
#content {padding: 0;}
#mapa {margin: 0 auto;background-image: linear-gradient(#fff, #ddd);}
.start-promo p {font-size: 22px;color: #fff;text-align: center;font-weight: 300;letter-spacing: 0.5px;}

#head4 .container {margin:25px auto 0;border-top: 5px solid #d5992a;}
/*#head1 {background: rgba(255,255,255,0);}
.logo{padding: 0;float: left;display: none;}
#menu1 li a{float: left;height: auto;padding: 11px 26px 14px;font-weight: 400;margin: 16px 0 10px;color: #fff;font-size: 12.2px;text-decoration: none;-webkit-transition: all 0.25s;transition: all 0.25s;font-family: 'Lato',Arial,Verdana,Tahoma;letter-spacing: 1.75px;border-radius: 24px;text-transform: uppercase;}
#menu1 li a:hover, #menu1Scroll .selected a{color:#0d1c29 !important;background: #fff !important;}*/
#page div.content {width: 90%;}
#page div.content h2 {text-align: center;}
#mapa-cien {width: 100%;min-height: 200px;background: #fff;z-index: 11;position: relative;margin: 150px auto ;}
.mapa-cien {width:100%;height:160px;background: url('img/mapa-cien.webp');top:0;left:0;right:0;position: absolute;z-index: 10;}

@media (min-width: 960px) {
    #content {width: 100%;padding: 0 0 ;text-align: center;background: transparent;}
    .start-opis2 h2 {height: 78px;font-size: 20px; line-height: 32px;}
    #head4 .container {margin:52px auto 0;}
}
@media (min-width: 1024px) {
#body {width:100%;max-width:1920px;}
#body .container {width:100%;padding:0;margin: 0 auto 0;max-width: 100%;}
#page div.content {padding: 0;font-size: 1em;line-height: 1.5em;max-width: 740px;margin: 150px auto 40px;}
#page div.content p {margin: 0;}
#page {position: relative;width: 100%;margin: 0 auto 0;text-align: left;display: block;}
#content {float: left;width: 100%;padding: 0;text-align: center;background:#fff;}
.banner {height: auto;position: relative;}

.img_1 {border-bottom:1px solid #fff;border-right:1px solid #fff;width:99% !important;margin: 0;}
.img_2 {border-right:1px solid #fff;border-left:1px solid #fff;width:99% !important;}
.img_3 {border-left:1px solid #fff;}
.img_4 {display:block;border-left:1px solid #fff;border-top:1px solid #fff;width:49.8% !important;margin: 0;}
.galeria3 img {width: 20%;margin: 1px 0 0 40%;box-shadow: -10px 10px 40px rgba(0,0,0,.36);}
.galeria3 {max-width: 1600px;margin: auto;}
    
}

@media (min-width: 1360px){
.start-promo p {font-size: 38px;line-height: 64px;font-weight: 100;letter-spacing: 0;}
#elmed .elmed {padding: 120px 5% 100px;float: left;width: 30%;margin: 0;box-shadow: -10px 10px 40px rgba(0,0,0,.36);z-index: 1;position: relative;}
  .ikonki-start h2, #page div.content h2, .ikonki-start p, #page div.content p, #elmed h1 {text-align: left;max-width: 100%;}
  #mapa .kontakt {display: block;}
  .banner-tablet {display:none;}
.banner {display:block}
.start-promo p {font-weight: 100;}
#page div.content h2 {margin: 0 auto 10px auto;}
}

@media (max-width: 960px){
    .telefon {margin: 50px 0 0;display: inline-block;width: 100%;text-align: center;}
    .slogan {bottom: 25%;}
.slogan .kontakt {display: none;}
.slogan h2 {text-align: center;font-size: 32px;}

}


@media (max-width: 767px){
#page div.content h3, .start-opis2 h3 {
  padding: 0 2%;
  text-align: center;}
  #page div.content h1 {text-align: center;}
  #content {
    padding: 0 0;
  }

  
}

body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}


/* The dots/bullets/indicators */
.dot {
  height: 0;
  width: 0;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade2 {
  animation-name: fade2;
  animation-duration: 1.5s;
}

@keyframes fade2 {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}