@charset "UTF-8";
.imgCarousel {
  position: relative; }
  .imgCarousel .imgCarouselTrack {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    touch-action: pan-x pan-y pinch-zoom; }
  .imgCarousel .imgCarouselContent {
    height: 100%;
    white-space: nowrap; }
    .imgCarousel .imgCarouselContent img {
      display: inline-block;
      max-width: 70%;
      height: 100%;
      max-height: 45vw;
      cursor: pointer;
      opacity: 0.5;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -ms-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s; }
      .imgCarousel .imgCarouselContent img.active, .imgCarousel .imgCarouselContent img:hover {
        opacity: 1; }
      .imgCarousel .imgCarouselContent img:not(:first-child) {
        margin-left: 10px; }
  .imgCarousel .carouselLeft, .imgCarousel .carouselRight {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    height: 4em;
    width: 4em;
    border: 2px solid #9ecc7e;
    transform: translateY(-50%);
    margin: 0 .5em;
    max-width: 10vw;
    max-height: 10vw;
    opacity: 0.5;
    cursor: pointer;
    z-index: 90;
    -webkit-transition: box-shadow 0.1s;
    -moz-transition: box-shadow 0.1s;
    -ms-transition: box-shadow 0.1s;
    -o-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
    box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2); }
    .imgCarousel .carouselLeft:active, .imgCarousel .carouselRight:active {
      box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5); }
    .imgCarousel .carouselLeft::before, .imgCarousel .carouselRight::before {
      content: '◀';
      font-size: 1.5em;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-60%, -50%);
      filter: invert(21%) sepia(16%) saturate(3980%) hue-rotate(153deg) brightness(100%) contrast(102%); }
    .imgCarousel .carouselLeft:hover, .imgCarousel .carouselRight:hover {
      opacity: 0.8; }
  .imgCarousel .carouselRight {
    right: 0;
    left: unset; }
    .imgCarousel .carouselRight::before {
      content: '▶';
      transform: translate(-40%, -50%); }

@media (pointer: coarse) {
  .imgCarousel {
    overflow-x: hidden; }
    .imgCarousel .imgCarouselTrack {
      overflow-x: auto; } }

#introRight .introImg {
  object-position: 75%; }

#ordinacni-doba .pageSectionContent {
  text-align: center;
  font-size: 1.5em; }

#ordinacni-doba .sectionContent.text {
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 1.5em; }

img.opHours {
  max-width: 100%;
  max-height: 35em; }

#mapa {
  width: 100%;
  vertical-align: bottom; }

#mapLicense {
  position: absolute;
  right: 0.1em;
  bottom: 0.1em;
  background: rgba(255, 255, 255, 0.5);
  padding: 0.2em 0.5em; }
  #mapLicense:hover {
    text-decoration: underline;
    cursor: pointer; }

#licenseInfo {
  display: none; }

#openingHoursMain {
  display: flex;
  justify-content: center;
  font-variant-numeric: lining-nums; }

img.opHours {
  max-width: 100%;
  max-height: 35em; }

#mapOverlay {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 1em;
  left: 1em;
  max-width: 30%;
  padding: 0.5em 1em; }
  #mapOverlay .showGuide {
    display: inline-block;
    padding: 0.5em 1em;
    background: #b2e68d;
    cursor: pointer;
    color: #fff;
    margin: 0.1em; }
    #mapOverlay .showGuide:first-of-type {
      margin-left: 0; }
  #mapOverlay #directionsTitle {
    font-size: 2.5em;
    color: #b2e68d;
    text-transform: uppercase; }
  #mapOverlay .directionsMethod {
    font-size: 1.5em;
    color: #9ecc7e;
    margin-top: 0.5em; }

#napiste .contactForm {
  margin-top: 1em;
  width: 100%;
  text-align: center; }
  #napiste .contactForm .field {
    margin-bottom: 2em; }
    #napiste .contactForm .field label {
      display: block; }
  #napiste .contactForm #message {
    width: 30em;
    resize: vertical; }
  #napiste .contactForm #submit {
    padding: 0.5em 1em;
    background: #b2e68d;
    color: #fff;
    cursor: pointer; }

#introContact {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%; }
  #introContact a.fbLink {
    position: relative;
    left: 28%;
    opacity: 0.8; }
    #introContact a.fbLink:hover {
      opacity: 1; }
  #introContact img {
    height: 2.5em;
    vertical-align: bottom; }

.sectionContent.text {
  font-size: 1.7em; }

#openingHours {
  display: flex;
  justify-content: space-evenly; }
  #openingHours .openingHoursCont .title {
    color: #9ecc7e; }

@media all and (max-width: 964px) {
  #openingHours {
    flex-direction: column;
    align-items: center; }
    #openingHours > div {
      margin-bottom: 2em; }
  #mapa .pageSectionContent {
    display: flex;
    flex-direction: column; }
    #mapa .pageSectionContent #mapImg {
      position: relative; }
      #mapa .pageSectionContent #mapImg #mapLicense {
        font-size: 0.8em; }
    #mapa .pageSectionContent #mapOverlay {
      position: relative;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      left: 0; }
  #napiste .pageSectionContent {
    text-align: center; }
  #napiste .contactForm {
    margin-top: 2em; } }

@media all and (min-width: 965px) {
  #officeCarousel {
    height: 60vh; } }