/* Colors */
/* Colors */
/* Breakpoints */
/* Fonts */
/* Font weights */
/* Text Sizes */
/* Fonts */
.bodytext {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #393939;
}
@media (max-width: 991px) {
  .bodytext {
    font-size: 14px;
  }
}
/* Functions */
/* Universal styles */
body {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #393939;
}
@media (max-width: 991px) {
  body {
    font-size: 14px;
  }
}
body a {
  text-decoration: none !important;
}
body h2 {
  margin-bottom: 35px;
  font-weight: 700;
  color: #83b564;
  text-transform: uppercase;
  text-align: center;
  font-size: 36px;
}
@media (max-width: 991px) {
  body h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  body h2 {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  body h2 {
    margin-bottom: 25px;
  }
}
body h3 {
  margin-bottom: 35px;
  font-weight: 400;
  color: #83b564;
  font-size: 32px;
}
@media (max-width: 991px) {
  body h3 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  body h3 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  body h3 {
    margin-bottom: 15px;
  }
}
body p {
  margin-bottom: 35px;
  text-align: center;
}
.clr {
  clear: both;
}
.npdr {
  padding-right: 0;
}
@media (max-width: 767px) {
  .npdr {
    padding-right: 15px;
  }
}
.npdl {
  padding-left: 0;
}
@media (max-width: 767px) {
  .npdl {
    padding-left: 15px;
  }
}
.npd {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .npd {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#fixed {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  border-bottom: 5px solid #83b564;
}
header {
  background: #ffffff;
  overflow: hidden;
}
header .navbar-brand {
  padding-top: 25px;
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  header .navbar-brand {
    padding: 5px 0;
  }
}
@media (max-width: 575px) {
  header .navbar-brand {
    padding: 5px 0;
  }
  header .navbar-brand img {
    width: 160px;
  }
}
header .navbar .nav-item .nav-link {
  font-size: 16px;
  font-weight: 400;
  color: #393939;
  padding: 15px 20px 12px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  header .navbar .nav-item .nav-link {
    font-size: 14px;
  }
}
header .navbar .nav-item .nav-link:hover {
  color: #83b564;
}
@media (max-width: 991px) {
  header .navbar .nav-item .nav-link {
    padding-left: 0;
    padding-right: 0;
    display: block;
    text-align: center;
  }
}
header .navbar .nav-item:nth-child(5) {
  padding-right: 25px;
}
header .navbar .nav-item .navButton {
  background: #83b564;
  color: #ffffff;
  padding: 14px 29px 12px;
  border: 2px solid #83b564;
  border-radius: 8px;
}
header .navbar .nav-item .navButton:hover {
  background: #ffffff;
}
@media (max-width: 991px) {
  header .navbar-nav {
    padding-bottom: 10px;
  }
}
#slider {
  margin-top: 115px;
  height: calc(100vh - 115px);
}
@media (max-width: 991px) {
  #slider {
    margin-top: 83px;
    height: calc(100vh - 83px);
  }
}
#slider img {
  width: 100%;
  height: calc(100vh - 115px);
  object-fit: cover;
  object-position: center;
}
@media (max-width: 991px) {
  #slider img {
    height: calc(100vh - 83px);
  }
}
#oprojektu {
  padding: 70px 0 90px;
}
@media (max-width: 991px) {
  #oprojektu {
    padding: 50px 0 50px;
  }
}
#oprojektu ul {
  margin: 0;
  padding: 0;
}
#oprojektu li {
  font-weight: 700;
  padding: 0;
  margin: 0 0 15px 15px;
}
@media (max-width: 991px) {
  #oprojektu li {
    margin: 0 0 7px 15px;
  }
}
#oprojektu img {
  width: 100%;
  height: auto;
}
#kdispozici {
  padding: 80px 0;
  background: #83b564;
}
#kdispozici h2 {
  color: #ffffff;
  margin-bottom: 60px;
}
#kdispozici .table {
  width: 100%;
  color: #000;
}
#kdispozici .table tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.9);
}
#kdispozici .table tr:nth-child(even) {
  background: rgba(255, 255, 255, 1);
}
#kdispozici .table tr:nth-child(1) {
  background: transparent;
}
#kdispozici .table th {
  padding: 10px 25px;
  border: none;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  #kdispozici .table th {
    padding: 10px 15px;
  }
}
#kdispozici .table td {
  padding: 25px;
  border: none;
  vertical-align: middle;
}
@media (max-width: 1199px) {
  #kdispozici .table td {
    padding: 15px 15px;
  }
}
@media (max-width: 991px) {
  #kdispozici .table td {
    min-width: 160px;
  }
  #kdispozici .table td:nth-child(2) {
    min-width: 110px;
  }
  #kdispozici .table td:nth-child(3),
  #kdispozici .table td:nth-child(4),
  #kdispozici .table td:nth-child(5) {
    min-width: 100px;
  }
  #kdispozici .table td:nth-child(7) {
    min-width: 80px;
  }
}
#kdispozici .table .clickable-row {
  cursor: pointer;
}
#lokalita {
  padding: 100px 0 0;
  border-bottom: 10px solid #83b564;
}
#lokalita .map {
  width: 100%;
  height: 420px;
  margin-top: 70px;
}
#lokalita .map iframe {
  height: 420px;
}
@media (max-width: 991px) {
  #lokalita .map {
    height: 280px;
  }
  #lokalita .map iframe {
    height: 280px;
  }
}
#fotogalerie {
  padding: 90px 0 150px;
}
#fotogalerie .content {
  margin-bottom: 30px;
}
#fotogalerie h2 {
  margin-bottom: 45px;
}
#fotogalerie img {
  width: 100%;
}
footer {
  padding: 7px 0;
  background: #83b564;
}
#subSlider {
  margin-top: 115px;
  height: 90px;
}
#subSlider img {
  width: 100%;
  height: 90px;
  object-fit: cover;
  object-position: bottom;
}
@media (max-width: 991px) {
  #subSlider {
    margin-top: 83px;
  }
}
#back {
  padding: 30px 0 5px;
}
@media (max-width: 991px) {
  #back {
    padding: 30px 0;
  }
}
@media (max-width: 991px) {
  #back .content {
    text-align: center;
  }
}
#back .content a {
  display: inline-block;
  float: left;
  padding: 13px 20px 12px;
  border: 2px solid #83b564;
  background: #83b564;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
}
@media (max-width: 991px) {
  #back .content a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  #back .content a {
    padding: 8px 20px;
    float: none;
  }
}
#back .content a:hover {
  background: #ffffff;
  color: #83b564;
}
#detailbytu .content {
  padding: 25px 0;
}
@media (max-width: 991px) {
  #detailbytu .content {
    padding: 10px 0;
  }
}
#detailbytu .content .mainImg {
  margin-bottom: 25px;
}
#detailbytu .content .smallImg {
  width: 24%;
  margin-bottom: 1%;
  margin-right: 1%;
  float: left;
}
#detailbytu .content .smallImg img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: center center;
}

@media (max-width: 991px) {
  #detailbytu .content .gallery {
    margin-bottom: 30px;
  }
}
#detailbytu .content img {
  width: 100%;
  border: 2px solid #dadada;
}
#detailbytu .content h3 {
  color: #83b564;
  font-weight: 900;
  font-size: 28px;
}
@media (max-width: 991px) {
  #detailbytu .content h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  #detailbytu .content h3 {
    font-size: 18px;
  }
}
#detailbytu .content p {
  text-align: left;
}
#detailbytu .content p strong {
  font-weight: 600;
}
#detailbytu .content ul {
  margin: 0 0 30px;
  padding: 0 0 0 15px;
}
#detailbytu .content .price {
  font-weight: 900;
  color: #83b564;
  font-size: 19px;
}
@media (max-width: 991px) {
  #detailbytu .content .price {
    font-size: 17px;
  }
}
#detailbytu .content .mb {
  display: block;
  margin-bottom: 10px;
}
#formular {
  padding: 80px 0 100px;
}
@media (max-width: 1199px) {
  #formular {
    padding: 40px 0 100px;
  }
}
@media (max-width: 991px) {
  #formular {
    padding: 20px 0 100px;
  }
}
#formular .content {
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  #formular .content {
    padding-bottom: 0;
  }
}
#formular h2 {
  margin-bottom: 15px;
  font-size: 24px;
}
@media (max-width: 991px) {
  #formular h2 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  #formular h2 {
    margin-bottom: 10px;
  }
}
#formular input,
#formular textarea {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px 15px;
  border: 1px solid #83b564;
}
#formular textarea {
  max-height: 115px;
}
@media (max-width: 767px) {
  #formular textarea {
    margin-bottom: 10px;
  }
}
#formular input[type="submit"] {
  border: 1px solid #83b564;
  background: #83b564;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  height: 115px;
}
#formular input[type="submit"]:hover {
  background: #ffffff;
  color: #83b564;
}
@media (max-width: 991px) {
  #formular input[type="submit"] {
    height: 111px;
  }
}
@media (max-width: 767px) {
  #formular input[type="submit"] {
    height: auto;
  }
}
.errorMail {
  padding: 15px;
  border: 1px solid #ff0000;
  background-color: #ff0000;
  color: #fff;
  margin-bottom: 15px;
}
.successMail {
  padding: 15px;
  border: 1px solid #699c4a;
  background-color: #699c4a;
  color: #fff;
  margin-bottom: 15px;
}