@import url('../../vendor/bootstrap/bootstrap.min.css');
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKd3vUDQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiukDQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfFukDQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsukDQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/marcellus/v13/wEO_EBrOk8hQLDvIAF8FUQ.ttf) format('truetype');
}
.uvod {
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  color: white;
  font-weight: 500;
  padding-bottom: 25px;
  font-family: 'Playfair Display', serif !important;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-family: 'Playfair Display', serif !important;
  font-weight: 500 !important;
  color: white !important;
}
h2,
h3 {
  color: #222e3a;
}
h2 strong,
h3 strong {
  color: #222e3a !important;
}
* {
  font-family: 'Open Sans', sans-serif;
}
[class^="odstavec"] {
  padding: 50px 0 25px 0;
}
/*  @keyframes youspinmeround {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}*/
.btn {
  text-transform: uppercase;
  margin-top: 50px;
  border-radius: 0;
  overflow: hidden;
  letter-spacing: 2px;
  font-weight: bold;
  position: relative;
  color: #fff !important;
  transition: 0.3s;
  padding: 0 !important;
  border: 0 !important;
}
.btn .default {
  padding: 10px 45px;
  position: relative;
  background-color: #cfb18b !important;
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.btn .onHover {
  padding: 10px 45px;
  position: absolute;
  top: 100%;
  text-align: center;
  left: 0;
  right: 0;
  background-color: #222e3a;
  transition: 0.3s;
}
.btn:hover {
  cursor: pointer;
}
.btn:hover .onHover {
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.btn:hover .default {
  transform: translateY(-100%);
  transition: transform 0.3s;
}
.btn-primary {
  background: transparent;
  border: 1px solid #fff;
}
.btn-primary:hover {
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary {
  background: #cfb18b;
  border: 1px solid transparent;
}
.btn-secondary:hover {
  color: #fff !important;
  background-color: #222e3a !important;
  border-color: #222e3a !important;
}
@media (min-width: 901px) {
  .navbar-nav {
    line-height: 95px;
    height: 95px;
  }
  .navbar-light .navbar-nav .nav-link {
    color: white;
  }
  .navbar {
    background: #222e3a;
    z-index: 100001;
    transition: 0.3s;
    height: 95px;
    position: fixed;
    width: 100%;
    box-shadow: 0 14px 40px rgba(0, 22, 84, 0.08);
    padding-right: 0;
    padding-left: 0;
  }
  .navbar .langs {
    display: none;
    border-radius: 0;
    border: 0;
    width: 95px !important;
    min-width: auto;
    left: -30px !important;
    flex-wrap: wrap;
  }
  .navbar .langs .nav-link {
    text-align: center;
    min-width: auto !important;
    margin: 0;
    width: 100%;
    padding: 10px 15px !important;
    font-size: 18px;
    color: #222e3a;
    max-width: 100%;
    border-bottom: 1px solid #cfb18b;
    font-size: 16px;
  }
  .navbar .langs .nav-link.active {
    color: #cfb18b;
  }
  .navbar .langs .nav-link:last-child {
    border-bottom: none;
  }
  .navbar .btn-langs {
    border: none;
    margin-top: 0 !important;
    margin-right: 0px;
    color: white;
    height: 95px;
    line-height: 42px;
    margin-right: 30px;
    outline: 0;
    border-radius: 0;
    background-color: transparent;
  }
  .navbar .btn-langs:hover {
    cursor: pointer;
  }
  .navbar .nav-link {
    padding: 0 !important;
  }
  .navbar .dropdown {
    padding: 0;
  }
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar .dropdown.active > .dropdown-menu {
    display: flex;
    border-radius: 0;
    position: absolute;
    top: 92px;
    padding: 0;
    justify-content: center;
    width: 100%;
  }
  .navbar .dropdown:hover > .dropdown-menu {
    z-index: 999999999;
  }
  .navbar .dropdown .dropdown-item {
    max-height: 50px;
    line-height: 45px;
    text-align: center;
    width: auto;
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.8) !important;
    font-weight: 100;
    text-transform: uppercase;
  }
  .navbar .dropdown .dropdown-item:hover,
  .navbar .dropdown .dropdown-item.active {
    background-color: #cfb18b;
    color: #fff !important;
  }
  .navbar .btn {
    margin-top: 0 !important;
    margin-right: 0px;
    height: 65px;
    line-height: 45px;
    padding-top: 20px;
  }
  .navbar .btn .onHover {
    background-color: white;
    color: #222e3a;
  }
  .navbar .container-fluid {
    padding: 0;
  }
  .navbar .lang {
    background-color: #d9d9d9;
    padding: 30px 10px;
  }
  .navbar .lang .nav-link {
    color: #fff;
  }
  .navbar .lang .nav-link.active {
    color: #cfb18b;
    font-weight: bold;
  }
  .navbar .lang .nav-link:hover {
    color: #cfb18b;
  }
  .navbar .navbar-brand {
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    height: 95px;
    background-color: transparent;
  }
  .navbar .navbar-brand img {
    max-height: 95px;
    object-fit: contain;
    padding: 14px;
  }
  .navbar .nav-item:not(.lang) {
    position: static;
    padding: 0 20px;
  }
  .navbar .nav-item:not(.lang) .nav-link {
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
  }
  .navbar .nav-item:not(.lang) .nav-link:hover,
  .navbar .nav-item:not(.lang) .nav-link:active,
  .navbar .nav-item:not(.lang) .nav-link:focus,
  .navbar .nav-item:not(.lang) .nav-link.active {
    transition: 0.3s;
    color: #cfb18b;
  }
}
@media (min-width: 901px) and (max-width: 1440px) {
  .navbar {
    font-size: 15px;
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .navbar .lang {
    padding: 30px 0;
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .navbar .nav-item:not(.lang) .nav-link {
    font-size: 12px;
  }
}
.sidenav {
  display: none;
}
@media (max-width: 901px) {
  .sidenav .dropdown-menu {
    position: relative !important;
    width: 100%;
    transform: translate3d(0px, 0px, 5px) !important;
    border-radius: 0px;
    background-color: #47484b !important;
    padding: 0;
  }
  .sidenav .dropdown-menu.show {
    display: block;
  }
  .sidenav .dropdown-menu a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid white;
  }
  .sidenav .dropdown-menu a:hover {
    background: #cfb18b;
  }
  .sidenav .dropdown-menu a.active,
  .sidenav .dropdown-menu a:active {
    background: #cfb18b;
  }
  .sidenav a.nav-link {
    color: white;
    border-bottom: 1px solid white;
  }
  .sidenav a.nav-link:hover {
    background: #cfb18b;
  }
  .sidenav a.nav-link.active {
    background: #cfb18b;
  }
  .sidenav.show {
    display: block;
    list-style: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: #d9d9d9;
    padding: 50px 10px;
    z-index: 1110001;
    height: 1000%;
  }
  .sidenav .nav-langs {
    display: -webkit-box;
    float: right;
  }
  .sidenav .nav-langs .nav-item.lang:before {
    display: none;
  }
  .sidenav .nav-langs .nav-link {
    padding: 10px;
    border-bottom: none;
  }
}
.open-sidenav {
  display: none;
}
@media (max-width: 901px) {
  .open-sidenav {
    display: block;
    position: absolute;
    top: 30px;
    right: 10px;
    background: transparent;
    color: #222e3a;
    border: none;
    font-size: 30px;
  }
  .open-sidenav:hover {
    cursor: pointer;
  }
}
.closebtn {
  display: none;
}
.closebtn.show_closebtn {
  z-index: 100001;
  display: block;
  position: absolute;
  top: -15px;
  right: 5px;
  background: transparent;
  border: none;
  font-size: 60px;
  color: #cfb18b !important;
  cursor: pointer;
}
.headline {
  padding-top: 50px;
}
.headline h2 {
  font-size: 35px;
  font-weight: 500;
  position: relative;
  color: white;
}
.headline h2:after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 100%;
  max-width: 100px;
  background-color: white;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
}
.headline h2 strong {
  font-size: 60px;
  font-weight: 900 !important;
  letter-spacing: 3px;
  color: white!important;
}
#slider {
  height: calc(100vh - 87px);
}
#slider video {
  width: 100%;
  object-fit: cover;
  height: calc(100vh - 87px);
  object-position: top;
}
#slider img {
  height: calc(100vh - 87px);
  object-fit: cover;
  object-position: top;
}
.pod_bannerem {
  transform: translateY(-100%);
  z-index: 999;
  position: absolute;
  width: 100%;
  margin-bottom: 30px;
}
.pod_bannerem .col-md-4:hover img {
  transform: scale(1.1);
}
.pod_bannerem a {
  text-decoration: none !important;
}
.pod_bannerem img {
  transition: 0.3s;
  object-fit: contain;
  padding: 1px;
}
.pod_bannerem img:hover {
  transform: scale(1.1);
}
.pod_bannerem .container-fluid {
  max-width: 1100px;
}
@media (max-width: 850px) {
  .pod_bannerem {
    padding-top: 80px !important;
  }
}
@media (max-width: 1024px) {
  .pod_bannerem {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
    margin-bottom: 0;
    background: #fff;
    background: linear-gradient(none);
  }
}
.pod_bannerem strong {
  font-size: 35px;
  text-transform: uppercase !important;
  font-weight: 500;
  text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.6);
  font-family: 'Playfair Display', serif !important;
}
.pod_bannerem p {
  font-size: 20px;
  text-transform: lowercase;
  font-weight: 500;
}
.pod_bannerem * {
  z-index: 99999999;
  color: #fff !important;
}
@media (max-width: 1024px) {
  .pod_bannerem * {
    color: #222e3a !important;
  }
}
@media (max-width: 850px) {
  .pod_bannerem {
    transform: none;
    position: relative;
  }
  .pod_bannerem .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .pod_bannerem .col-6 * {
    color: #222e3a !important;
  }
}
.pod_bannerem img {
  max-height: 100px;
  object-fit: contain;
}
.free-time {
  padding-bottom: 0;
  position: relative;
  z-index: 10;
}
.free-time .container-fluid {
  padding: 0;
}
.free-time .col-md-4 {
  min-height: 600px;
  padding: 0;
}
.free-time .col-md-4:first-child {
  padding-left: 15px;
}
.free-time .col-md-4:last-child {
  padding-right: 15px;
}
@media (max-width: 1024px) {
  .free-time .col-md-4 {
    display: block;
    min-width: 100%;
  }
  .free-time .col-md-4:first-child {
    display: none;
  }
  .free-time .col-md-4:last-child {
    display: none;
  }
}
.free-time .col-md-4 img {
  object-fit: cover;
  min-height: 600px;
}
.free-time .col-md-4:nth-child(2) {
  min-height: 700px;
  padding: 100px 25px;
  margin-top: -50px;
}
@media (max-width: 1450px) {
  .free-time .col-md-4:nth-child(2) {
    padding: 35px;
  }
}
@media (max-width: 901px) {
  .free-time .col-md-4:nth-child(2) {
    min-height: auto;
    max-height: none;
  }
}
.free-time .col-md-4:nth-child(2) h2 {
  font-weight: 500;
  color: #fff !important;
  font-size: 25px;
  line-height: 50px;
}
.free-time .col-md-4:nth-child(2) h2 strong {
  font-size: 40px;
  color: #fff !important;
}
.free-time .col-md-4:nth-child(2) p {
  color: #fff;
  line-height: 40px;
  max-width: 80%;
  margin: 0 auto;
}
.free-time .col-md-4:nth-child(2):before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-image: url(/layout//images/freetime.jpg);
  background-size: cover;
  filter: brightness(0.5);
}
.mapa {
  padding: 0;
  max-height: 450px;
}
@media (max-width: 1024px) {
  .mapa {
    margin-top: 0;
  }
}
.mapa .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.mapa .container-fluid iframe {
  width: 100% !important;
  height: 450px !important;
  border: 0;
}
.mapa .container-fluid p {
  margin: 0;
}
.social-sites {
  padding: 0 0 10px 0;
  background-color: #222e3a;
}
.social-sites img {
  display: none;
}
.social-sites p {
  margin-bottom: 0;
}
.social-sites .btn-primary {
  margin-top: 0;
  background-color: #cfb18b;
  transform: translateY(-23px);
  border: transparent;
}
footer {
  background-color: #222e3a;
  padding: 25px 0;
}
footer ul {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 100%;
}
footer ul li {
  padding: 0 20px;
  display: inline;
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  footer ul li {
    display: flex;
  }
}
footer ul li a {
  color: #d9d9d9;
}
footer ul li a:hover {
  color: #d9d9d9;
}
.social a {
  color: #fff !important;
  text-decoration: none !important;
}
.rooms {
  background-color: #374952;
}
@media (max-width: 1024px) {
  .rooms .slide {
    min-height: 350px;
  }
}
.rooms h2 {
  padding-bottom: 0;
  color: white;
}
.rooms em {
  font-weight: 100;
  font-style: normal;
  color: white;
}
#apartmany-hp .btn-primary {
  color: #fff !important;
  background-color: transparent !important;
}
#apartmany-hp .btn-primary:hover {
  color: #fff !important;
}
#apartmany-hp .owl-nav {
  position: absolute;
  top: 50%;
  width: 110%;
  display: flex;
  justify-content: space-between;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  #apartmany-hp .owl-nav {
    width: 100%;
  }
}
#apartmany-hp .owl-nav button {
  font-size: 130px;
  font-weight: 100;
  color: #cfb18b;
  outline: 0;
}
#apartmany-hp .info {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 400px;
  padding: 35px 60px 35px 35px;
  z-index: 100000001;
}
#apartmany-hp .info .btn {
  margin: 10px 0 !important;
  display: block;
}
#apartmany-hp .info .people {
  display: inline-block;
  margin-bottom: 15px;
  color: #fff;
}
#apartmany-hp .info img {
  width: auto;
  display: inline;
}
#apartmany-hp .info p {
  color: #fff;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 27px;
}
@media (max-width: 901px) {
  #apartmany-hp .info p {
    font-size: 20px;
  }
}
#apartmany-hp .info h3 {
  color: #fff;
  margin-bottom: -15px;
  font-size: 25px;
  text-align: left !important;
}
#apartmany-hp .info .capacity {
  letter-spacing: 5px;
}
#apartmany-hp .owl-item.active + .active .info {
  right: 0;
  left: auto;
  text-align: left;
  padding: 35px 35px 35px 60px;
  transform: scale(0) !important;
}
.reservation-bar {
  padding: 20px 0 !important;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  position: sticky;
  bottom: 0;
  background: #f2f2f2;
  z-index: 100000001;
  height: 87px;
}
.reservation-bar .container-fluid {
  text-align: center;
}
.reservation-bar p {
  margin: 0;
}
.reservation-bar .form-reservation .btn {
  text-transform: uppercase;
  margin-top: 0;
  border-radius: 0;
  overflow: hidden;
  letter-spacing: 2px;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
  padding: 0 !important;
  border: 0 !important;
}
.reservation-bar .form-reservation .btn .default {
  padding: 10px 45px;
  position: relative;
  background-color: #cfb18b !important;
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.reservation-bar .form-reservation .btn .onHover {
  padding: 10px 45px;
  position: absolute;
  top: 100%;
  text-align: center;
  left: 0;
  right: 0;
  background-color: #222e3a;
  transition: 0.3s;
}
.reservation-bar .form-reservation .btn:hover {
  cursor: pointer;
}
.reservation-bar .form-reservation .btn:hover .onHover {
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.reservation-bar .form-reservation .btn:hover .default {
  transform: translateY(-100%);
  transition: transform 0.3s;
}
@media (max-width: 1024px) {
  .reservation-bar .form-reservation .btn {
    display: none;
  }
}
.reservation-bar .form-reservation label {
  padding-right: 10px;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
  .reservation-bar .form-reservation label {
    display: none;
  }
}
.reservation-bar .form-reservation input {
  margin-right: 30px;
  min-width: 240px;
  padding: 8px;
  border: 1px solid #d9d9d9;
}
@media (max-width: 1024px) {
  .reservation-bar .form-reservation input {
    display: none;
  }
}
.reservation-bar .form-reservation .phone-icon {
  margin-left: 60px;
  padding-right: 15px;
}
@media (max-width: 1024px) {
  .reservation-bar .form-reservation .phone-icon {
    margin-left: 0;
  }
}
.reservation-bar .form-reservation a {
  color: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  font-weight: bold;
}
.podstranka:not(.uvod) #content .boxes:first-child,
.podstranka:not(.home) #content .boxes:first-child {
  padding-top: 50px;
}
.podstranka:not(.uvod) h2 strong,
.podstranka:not(.home) h2 strong,
.podstranka:not(.uvod) h3 strong,
.podstranka:not(.home) h3 strong,
.podstranka:not(.uvod) h4 strong,
.podstranka:not(.home) h4 strong {
  color: #cfb18b;
}
.podstranka:not(.uvod) .btn-secondary,
.podstranka:not(.home) .btn-secondary {
  color: #fff !important;
  border: 1px solid transparent;
}
.podstranka:not(.uvod) .btn-primary,
.podstranka:not(.home) .btn-primary {
  background-color: transparent !important;
  border: 1px solid transparent;
  margin-left: 5px;
}
.podstranka:not(.uvod) .odstavec_nadpis,
.podstranka:not(.home) .odstavec_nadpis,
.podstranka:not(.uvod) .odstavec-nadpis,
.podstranka:not(.home) .odstavec-nadpis {
  text-align: center;
  position: relative;
  padding: 125px 0;
  margin-bottom: 50px;
  color: #fff;
  text-shadow: 2px 2px black;
}
.room-wrap {
  max-width: 1300px;
}
#galleries h2 {
  text-align: center;
  padding: 50px 0;
  margin: 0;
}
#galleries .col-12 {
  padding: 0;
}
#galleries .col-md-4 {
  position: relative;
  padding: 2px;
}
#galleries .col-md-4 img {
  height: 400px;
  object-fit: cover;
  width: 100%;
  filter: brightness(0.7);
  transition: 0.3s;
}
#galleries .col-md-4 h2,
#galleries .col-md-4 h3 {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
#galleries .col-md-4:hover img {
  filter: brightness(1);
}
.gallery-page {
  overflow-x: hidden;
}
.gallery-page .container-fluid {
  padding: 0;
}
.gallery-page .btn {
  display: block;
  margin: 20px auto;
}
.gallery-page p {
  margin: 0;
}
.package {
  position: relative;
  padding: 3px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 22, 84, 0.08);
  margin-bottom: 70px;
}
.package:hover {
  cursor: pointer;
}
.package:hover .onHover {
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.package:hover .default {
  transform: translateY(-100%);
  transition: transform 0.3s;
}
.package .pack-image {
  position: relative;
}
.package .pack-image img {
  width: 100%;
}
.package .pack-image .text-center {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  margin: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);
  padding: 3px !important;
}
.package .pack-image .text-center .btn {
  margin: 0;
  min-width: 250px;
  line-height: 40px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.32);
}
.package .apa-content {
  position: absolute;
  top: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 45%, transparent 100%);
  padding: 20px 30px;
  color: #fff;
  width: 100%;
  min-height: 380px;
}
@media (max-width: 1024px) {
  .package .apa-content {
    min-height: 440px;
  }
}
.package .apa-content .apa-price {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 30px;
  display: block;
}
.package .apa-content label {
  width: 100%;
}
.package .apa-content h3 {
  margin-bottom: -15px;
  color: #fff;
  text-shadow: 0 0 5px #808080;
}
.package .apa-content .capacity {
  color: #fff;
  margin-bottom: 0;
  padding: 8px 0;
  font-size: 30px;
  letter-spacing: 5px;
}
.package .apa-content .people {
  display: block;
  margin-bottom: 15px;
}
.package .apa-content .btn {
  display: block;
  max-width: 300px;
  margin-top: 10px;
  margin-left: 0;
}
.package .apartman-image img {
  object-fit: contain;
  width: 100%;
}
@media (max-width: 1024px) {
  .package .apartman-image img {
    min-height: 440px;
  }
}
.apa-gallery {
  margin-top: 50px;
}
.apa-gallery p {
  margin: 0;
}
.apa-gallery .container-fluid {
  max-width: initial;
}
#apartman_gallery {
  text-align: center;
}
#apartman_gallery .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 100;
  color: #cfb18b;
}
#apartman_gallery .owl-nav button {
  font-size: 130px;
  font-weight: 100;
  color: #cfb18b;
  outline: 0;
}
#apartman_gallery .owl-nav button:hover {
  background: transparent;
}
#apartman_gallery .gallery-item {
  max-height: 300px;
  object-fit: cover;
  overflow: hidden;
  margin: 10px 0;
  transition: 0.3s;
}
#apartman_gallery .gallery-item img {
  height: 300px;
  object-fit: cover;
}
.no-padding {
  padding: 0;
}
.no-padding h2,
.no-padding h3,
.no-padding h4,
.no-padding h5 {
  padding: 25px 0 10px;
  margin: 0;
}
.rooms-page {
  padding: 0 !important;
}
.rooms-page .col-md-8 {
  padding-left: 0 !important;
}
.rooms-page .container-fluid:not(.room-wrap) {
  padding: 0;
}
.rooms-page .description {
  padding: 35px 0;
}
.rooms-page .obrazek-apa img {
  width: 100% !important;
  object-fit: cover;
  max-height: 500px;
}
.rooms-page .obrazek-apa img:hover {
  cursor: pointer;
}
.rooms-page .parametry-ubytovani {
  padding: 35px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 22, 84, 0.08);
}
.inq_form {
  padding: 15px;
}
.inq_form input {
  margin-bottom: 15px;
}
.contact-page .row {
  justify-content: space-between;
}
.contact_formular {
  margin-bottom: 50px;
}
.contact_formular .button {
  text-transform: uppercase;
  border-radius: 0;
  color: #fff !important;
  padding: 10px 45px;
  letter-spacing: 2px;
  background: #cfb18b;
  border: 1px solid transparent;
  color: #fff;
}
.contact_formular .button:hover {
  cursor: pointer;
}
.contact_formular h2 {
  padding-bottom: 10px;
}
.contact_formular form {
  padding: 25px;
  box-shadow: 0 0 25px rgba(0, 22, 84, 0.08);
  background-color: #fff;
}
.contact_formular form .form-control {
  border: 1px rgba(0, 22, 84, 0.2) solid;
  color: #222e3a;
  border-radius: 0;
}
.vyhledavani_apartmanu [class^="odstavec"] {
  padding-top: 0 !important;
}
.vyhledavani_apartmanu .reservation-bar {
  padding-top: 20px !important;
}
.sidenav {
  display: none;
}
.sidenav .close-sidenav {
  position: absolute;
  right: 15px;
  background: transparent;
  border: none;
  top: 35px;
  font-size: 50px;
  color: #222e3a;
}
@media (max-width: 901px) {
  .sidenav .dropdown-menu {
    position: relative !important;
    width: 100%;
    transform: translate3d(0px, 0px, 5px) !important;
    border-radius: 0px;
    background-color: #47484b !important;
    padding: 0;
  }
  .sidenav .dropdown-menu a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #222e3a;
  }
  .sidenav .dropdown-menu a:hover {
    background: #cfb18b;
  }
  .sidenav .dropdown-menu a.active,
  .sidenav .dropdown-menu a:active {
    background: #cfb18b;
  }
  .sidenav a.nav-link {
    color: #222e3a;
    border-bottom: 1px solid #222e3a;
  }
  .sidenav a.nav-link:hover {
    background: #cfb18b;
  }
  .sidenav a.nav-link.active {
    background: #cfb18b;
  }
  .sidenav.show {
    display: block;
    list-style: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 50px 0;
    z-index: 1000000001;
    height: 100vh;
    overflow-y: scroll;
  }
  .sidenav.show h1 {
    padding-left: 10px;
    color: #222e3a;
  }
  .sidenav .nav-langs {
    display: -webkit-box;
    float: right;
  }
  .sidenav .nav-langs .nav-item.lang:before {
    display: none;
  }
  .sidenav .nav-langs .nav-link {
    padding: 10px;
    border-bottom: none;
  }
}
.accom {
  padding: 50px 0;
}
.accom:hover {
  cursor: pointer;
}
.accom .container-fluid {
  max-width: 1300px;
}
.accom h2 {
  color: white;
}
.accom h3,
.accom a {
  color: #fff !important;
  position: absolute;
  text-decoration: none !important;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  text-shadow: 2px 2px 1px #000000c9;
  display: block;
  width: 100%;
  font-family: 'Playfair Display', serif !important;
}
.accom h3:hover,
.accom a:hover {
  text-decoration: none;
}
.accom p {
  margin: 0;
}
.accom .col-md-4 {
  position: relative;
}
.accom .col-md-4 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 15px 0;
  background-color: #cfb18b;
  min-height: 111px;
  font-family: 'Playfair Display', serif !important;
}
.accom .col-md-4 ul li {
  font-family: 'Playfair Display', serif !important;
  display: flex;
  line-height: 18px;
  max-width: 50%;
  flex: 0 0 50%;
  text-align: center;
  color: #222e3a;
  font-size: 15px;
  padding: 0 5px;
  flex-direction: column;
  justify-content: center;
}
.accom .col-md-4 ul li:last-child {
  position: relative;
}
.accom .col-md-4 ul li:last-child::before {
  content: "";
  width: 1px;
  height: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  background-color: #222e3a;
}
.accom .col-md-4 ul li:last-child strong,
.accom .col-md-4 ul li:last-child em {
  font-family: 'Open Sans', serif !important;
}
.accom .col-md-4 ul li:last-child strong {
  font-size: 15px;
}
.accom .col-md-4 ul li:last-child em {
  font-size: 20px;
}
.accom .col-md-4 ul li strong {
  display: table-caption;
  font-family: 'Playfair Display', serif !important;
  font-size: 25px;
}
.accom .col-md-4 ul li em {
  height: unset;
  display: table-cell;
  font-family: 'Playfair Display', serif !important;
  vertical-align: middle;
  align-items: center;
  text-align: center;
  width: 100%;
  font-style: normal;
  font-weight: 600;
}
.odstavec_nadpis {
  text-align: center;
}
.prefooter {
  padding: 50px 0;
}
.prefooter ul {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  width: 100%;
  padding-left: 0;
}
.prefooter ul li {
  max-width: 50%;
  flex: 0 0 50%;
  text-align: center;
}
.prefooter ul:last-child {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  border-top: 1px solid #f1f1f1;
  padding-top: 30px;
}
.prefooter ul:last-child li {
  max-width: 33.33333%;
  flex: 0 0 33.33333%;
  text-align: center;
}
.prefooter ul:last-child li img {
  max-height: 100px;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  padding: 20px;
  transition: 0.3s;
}
.prefooter ul:last-child li img:hover {
  filter: grayscale(0);
  cursor: pointer;
}
.prefooter p {
  padding-bottom: 30px;
}
.references {
  padding: 50px 0 !important;
}
.references .stars {
  max-width: 500px;
}
.references .odstavec_nadpis {
  padding: 25px 0 !important;
  color: #222e3a !important;
  text-shadow: none !important;
  margin-bottom: 0 !important;
  font-weight: 500 !important;
}
.references ul {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
}
.references ul li {
  max-width: 33.33333%;
  flex: 0 0 33.33333%;
  text-align: center;
  line-height: 100px;
  font-size: 45px;
  font-weight: 900 !important;
}
.references ul li em {
  font-style: normal;
  color: white;
}
.references ul li strong {
  color: #BCBCBC;
}
.references ul li img {
  height: 100px;
  width: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  padding: 20px;
  transition: 0.3s;
}
.references ul li img:hover {
  filter: grayscale(0);
  cursor: pointer;
}
.windows-hp .container-fluid {
  max-width: 1300px;
}
.windows-hp img {
  height: 300px;
  object-fit: cover;
}
.windows-hp .box {
  display: block;
  max-width: 90%;
  margin: 0 auto;
  padding: 25px;
  transform: translateY(-65px);
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 5px 0px #8f8f8f;
  -moz-box-shadow: 0px 6px 5px 0px #8f8f8f;
  box-shadow: 0px 6px 5px 0px #8f8f8f;
  color: #797777;
  position: relative;
}
.windows-hp .box ul {
  list-style-image: url(/layout/images/check.png);
}
.windows-hp .box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #cfb18b;
  top: 0;
  left: 0;
  right: 0;
}
.windows-hp .box h3 {
  text-align: center;
  font-weight: 500;
  font-size: 25px;
  padding: 15px 0;
}
.windows-hp .btn {
  color: #fff !important;
  padding: 15px 35px;
  background-color: #cfb18b;
  font-weight: 500;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.perks {
  padding: 0;
  padding-bottom: 25px;
}
.perks .container {
  background-color: #222e3a;
  padding: 25px 15px;
}
.perks .container strong {
  color: #cfb18b;
}
.perks .container p {
  color: #fff;
}
.perks .container img {
  padding-right: 10px;
  max-height: 50px;
  object-fit: contain;
}
.colored-header h2 {
  background: #F7931E;
  color: #fff;
  margin: 0;
  padding: 15px 10px;
  margin-bottom: 25px;
}
.image-text .col-md-6 h2 {
  background-color: #E6E6E6;
  color: #cfb18b;
}
.podstranka:not(.uvod) h2 strong,
.podstranka:not(.homepage) h2 strong {
  color: #222e3a;
}
.podstranka:not(.uvod) #content a,
.podstranka:not(.homepage) #content a {
  color: #222e3a;
}
.img-right {
  padding: 0;
}
.img-right h3 {
  color: #222e3a !important;
  padding-bottom: 10px;
}
.img-right .col-md-6 {
  min-height: 370px;
}
.img-right .col-md-6:last-child {
  position: relative;
}
.img-right .col-md-6:last-child img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.img-right .col-md-6:first-child {
  padding: 50px 25px 0 0;
}
.img-right .btn {
  margin-top: 25px !important;
}
.img-right .btn-secondary {
  color: #fff !important;
  border: 1px solid transparent;
}
.img-right .btn-primary {
  background-color: transparent !important;
  border: 1px solid #cfb18b;
  margin-left: 15px;
  color: #fff !important;
}
.img-left {
  padding: 0;
}
.img-left h3 {
  color: #222e3a !important;
  padding-bottom: 10px;
}
.img-left .col-md-6 {
  min-height: 370px;
}
.img-left .col-md-6:first-child {
  position: relative;
}
.img-left .col-md-6:first-child img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.img-left .col-md-6:last-child {
  padding: 50px 0 0 25px;
}
.img-left .btn {
  margin-top: 25px !important;
}
.img-left .btn-secondary {
  color: #fff !important;
  border: 1px solid transparent;
}
.img-left .btn-primary {
  background-color: transparent !important;
  border: 1px solid #cfb18b;
  margin-left: 15px;
  color: #fff !important;
}
body.content_homepage .boxes {
  padding: 80px 0;
}
.boxes table {
  box-shadow: none !important;
}
.boxes h2 {
  padding-top: 25px;
  text-align: center;
}
.boxes .container {
  padding: 0;
}
.boxes .container > .col-12 {
  padding: 0;
}
.boxes .col-md-6 {
  max-width: 48%;
  flex: 0 0 48%;
  margin: 0 1%;
  position: relative;
}
.boxes .col-md-6 a {
  color: #cfb18b !important;
  text-decoration: underline;
}
.boxes .col-md-6 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.boxes .col-md-4 {
  max-width: 31.3333%;
  flex: 0 0 31.3333%;
  margin: 0 1%;
}
.boxes .col-md-3 {
  max-width: 25%;
  flex: 0 0 25%;
  margin: 0 1%;
}
.boxes .col-md-6,
.boxes .col-md-3,
.boxes .col-md-4 {
  padding: 35px 35px 55px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 22, 84, 0.08);
}
.boxes .col-md-6 h2,
.boxes .col-md-3 h2,
.boxes .col-md-4 h2 {
  text-align: left;
}
.boxes .col-md-6 .btn,
.boxes .col-md-3 .btn,
.boxes .col-md-4 .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-left: 0;
}
.buttons {
  padding: 0;
}
.buttons .btn {
  margin-top: 0;
}
.fakturacni-udaje {
  background-color: #374952;
}
.fakturacni-udaje h2,
.fakturacni-udaje h3,
.fakturacni-udaje p {
  color: white;
}
.fakturacni-udaje h2 strong {
  color: white!important;
}
.fakturacni-udaje .col-md-4 {
  border-right: 1px solid #cecece;
}
.fakturacni-udaje .col-md-4:last-child {
  border-right: none;
}
.fakturacni-udaje .container-flud {
  max-width: 85%;
}
@media (max-width: 1024px) {
  .fakturacni-udaje .container-flud {
    max-width: 100%;
  }
}
#reference {
  padding: 50px 0;
  position: relative;
}
#reference .gallery-slider {
  padding-top: 50px;
}
#reference:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url(/layout/images/background-texture.jpg);
  background-repeat: repeat;
  z-index: -1;
  opacity: 0.3;
}
#reference .col-md-4 {
  padding: 35px 35px 80px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 22, 84, 0.08);
  max-width: 31.3333%;
  flex: 0 0 31.3333%;
  margin: 1%;
  position: relative;
  transition: 0.3s;
}
#reference .col-md-4 .btn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
#reference .col-md-4 h3 {
  font-size: 20px;
  color: #222e3a;
}
#reference h1,
#reference h2 {
  text-transform: uppercase;
  color: #28363d;
  font-weight: bold;
  padding-bottom: 25px;
  text-align: center;
  font-size: 32px;
}
#reference h1 strong,
#reference h2 strong {
  color: #cfb18b;
}
.detail-reference {
  padding: 50px 0;
  position: relative;
}
.detail-reference:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url(/layout/images/background-texture.jpg);
  background-repeat: repeat;
  z-index: -1;
  opacity: 0.3;
}
.detail-reference a {
  color: #222e3a;
  text-decoration: underline;
}
.gallery-slider {
  padding: 0 0 50px;
}
.gallery-slider p {
  margin: 0;
}
.gallery-slider .container-fluid {
  padding: 0;
}
.gallery:hover .owl-nav,
#balicky-carousel:hover .owl-nav {
  opacity: 1;
  transition: 0.3s;
}
.gallery .owl-nav,
#balicky-carousel .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  width: 100%;
  opacity: 0;
  left: 0;
  display: flex;
  transition: 0.3s;
  justify-content: space-between;
  pointer-events: none;
  margin: 0 !important;
}
.gallery .owl-nav .owl-prev,
#balicky-carousel .owl-nav .owl-prev,
.gallery .owl-nav .owl-next,
#balicky-carousel .owl-nav .owl-next {
  pointer-events: all;
  margin: 0;
  color: #fff;
  width: 60px;
}
.gallery .owl-nav .owl-prev:hover,
#balicky-carousel .owl-nav .owl-prev:hover,
.gallery .owl-nav .owl-next:hover,
#balicky-carousel .owl-nav .owl-next:hover,
.gallery .owl-nav .owl-prev:focus,
#balicky-carousel .owl-nav .owl-prev:focus,
.gallery .owl-nav .owl-next:focus,
#balicky-carousel .owl-nav .owl-next:focus {
  background: transparent;
}
.gallery .owl-nav .owl-prev.owl-prev,
#balicky-carousel .owl-nav .owl-prev.owl-prev,
.gallery .owl-nav .owl-next.owl-prev,
#balicky-carousel .owl-nav .owl-next.owl-prev {
  outline: 0;
  padding-right: 12px !important;
  font-size: 100px;
  font-weight: bold;
  color: white;
}
.gallery .owl-nav .owl-prev.owl-prev:hover,
#balicky-carousel .owl-nav .owl-prev.owl-prev:hover,
.gallery .owl-nav .owl-next.owl-prev:hover,
#balicky-carousel .owl-nav .owl-next.owl-prev:hover,
.gallery .owl-nav .owl-prev.owl-prev.focus,
#balicky-carousel .owl-nav .owl-prev.owl-prev.focus,
.gallery .owl-nav .owl-next.owl-prev.focus,
#balicky-carousel .owl-nav .owl-next.owl-prev.focus {
  background-color: transparent;
  color: #222e3a;
}
.gallery .owl-nav .owl-prev.owl-next,
#balicky-carousel .owl-nav .owl-prev.owl-next,
.gallery .owl-nav .owl-next.owl-next,
#balicky-carousel .owl-nav .owl-next.owl-next {
  outline: 0;
  padding-left: 12px !important;
  font-size: 100px;
  font-weight: bold;
  color: white;
}
.gallery .owl-nav .owl-prev.owl-next:hover,
#balicky-carousel .owl-nav .owl-prev.owl-next:hover,
.gallery .owl-nav .owl-next.owl-next:hover,
#balicky-carousel .owl-nav .owl-next.owl-next:hover,
.gallery .owl-nav .owl-prev.owl-next.focus,
#balicky-carousel .owl-nav .owl-prev.owl-next.focus,
.gallery .owl-nav .owl-next.owl-next.focus,
#balicky-carousel .owl-nav .owl-next.owl-next.focus {
  background-color: transparent;
  color: #222e3a;
}
.gallery img,
#balicky-carousel img {
  width: 100%;
  object-fit: cover;
  height: 300px;
  object-position: top;
}
.gallery .owl-item,
#balicky-carousel .owl-item {
  padding: 50px 0;
  transition: 0.3s;
}
.gallery .owl-item img,
#balicky-carousel .owl-item img {
  opacity: 0.75;
  box-shadow: 0 0 17px rgba(170, 170, 170, 0.35);
}
.gallery .owl-item.active.center,
#balicky-carousel .owl-item.active.center {
  transform: scale(1.3, 1.3);
  transition: 0.3s;
  z-index: 9999;
}
.gallery .owl-item.active.center img,
#balicky-carousel .owl-item.active.center img {
  z-index: 9999;
  opacity: 1;
  position: relative;
}
.gray-background {
  background-color: #f2f2f2;
}
.balicky ul {
  list-style: url(/layout/images/check.png);
}
.balicky ul li {
  padding: 8px 0;
  text-align: left !important;
}
.balicky h2 {
  color: white;
  text-align: left;
  padding-top: 30px;
}
.balicky p {
  color: white;
}
.balicky .bigbox h2 {
  color: #222e3a;
}
.balicky .bigbox p {
  color: #222e3a;
}
.balicky .obrazek-apa img {
  width: 100%;
}
.balicky h3 {
  text-align: left !important;
}
.table {
  box-shadow: 0 14px 40px rgba(0, 22, 84, 0.08);
}
.table tr:first-child td,
.table tr:first-child th {
  border-top: 0;
}
.table tr td {
  padding: 1rem;
}
.table tr:nth-child(odd) td,
.table tr:nth-child(odd) th {
  background: white !important;
}
.ceniky .bigbox {
  /*     table tr:hover {background-color: white;} */
}
.ceniky .bigbox .odstavec_nadpis {
  padding: 50px 0 25px;
  margin-bottom: 0;
}
.ceniky .bigbox p {
  color: white;
}
.ceniky .bigbox .container {
  background-color: #374952;
}
.ceniky .bigbox table {
  width: 100%;
}
.ceniky .bigbox table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.ceniky .bigbox table td,
.ceniky .bigbox table th {
  border: 1px solid transparent;
  padding: 10px;
}
.ceniky .bigbox table td {
  padding-left: 25px;
  width: 80%;
}
.ceniky .bigbox table td + td {
  padding-left: 10px;
  font-weight: 600;
  width: 20%;
}
.ceniky .bigbox table tr:nth-child(even) {
  background-color: #cfb18b;
}
.ceniky .bigbox table tr:nth-child(odd) {
  background-color: #dcc2a1;
}
.ceniky .bigbox table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #222e3a;
  color: white;
}
.bigbox {
  padding: 5px 0;
  margin: 15px 0;
}
.bigbox .price {
  font-size: 25px;
  font-weight: 900;
  margin: 0;
}
@media (max-width: 901px) {
  .bigbox .price {
    padding-bottom: 25px;
  }
}
.bigbox a {
  text-decoration: underline;
  color: #cfb18b !important;
}
.bigbox .container {
  box-shadow: 0 14px 40px rgba(0, 22, 84, 0.08);
  padding: 25px;
  background-color: #fff;
}
.boxes {
  padding: 10px 0;
}
.boxes + :not(.boxes):not(.bigbox) {
  padding-top: 50px;
}
.find-us .col-md-6 {
  position: relative;
}
.find-us .col-md-6 p {
  margin: 0;
  position: relative;
  color: white;
}
.find-us p .btn.btn-primary {
  position: absolute;
  bottom: 25px;
  right: 50%;
  transform: translateX(50%);
  z-index: 10001;
  background-color: #cfb18b !important;
  color: #fff !important;
}
.kontakt .boxes,
.contact .boxes {
  padding: 50px 0;
}
.kontakt .boxes h2,
.contact .boxes h2 {
  color: white;
}
.kontakt .boxes h2 strong,
.contact .boxes h2 strong {
  color: white!important;
}
.langSelectWithButton {
  position: relative;
}
.langSelectWithButton .langSelect {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 0;
  left: calc(100% - 50px);
  width: 100%;
  justify-content: flex-start;
  height: 100%;
}
.langSelectWithButton .langSelect a {
  display: block;
  width: 100%;
  height: 45px;
  padding: 15px 20px;
  color: #222e3a;
  max-width: 65px;
}
.langSelectWithButton .langSelect img {
  width: 100%;
}
#articles .col-md-4 {
  padding: 35px 35px 80px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 22, 84, 0.08);
  max-width: 31.3333%;
  flex: 0 0 31.3333%;
  margin: 1%;
  position: relative;
}
#articles .col-md-4 .date {
  color: #c5c5c5;
}
#articles .col-md-4 .btn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
@media (max-width: 1024px) {
  #articles .col-md-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
#articles .col-md-4 h2 {
  font-size: 20px;
  color: #222e3a;
}
#articles .col-md-4 h2 a {
  color: #222e3a !important;
}
.clanek a {
  color: #222e3a !important;
}
#balicky-carousel .gallery-item img {
  object-fit: contain !important;
  height: 270px !important;
  box-shadow: none !important;
}
.header-wrap {
  position: relative;
  height: 450px;
}
.header-wrap img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  object-fit: cover;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 450px;
  z-index: -1;
  filter: brightness(0.7);
}
.header-wrap .withImg {
  position: absolute;
  top: 50%;
  margin-top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 85px;
  color: #fff;
  text-shadow: 0 3px 6px rgba(40, 54, 61, 0.53);
  width: 100%;
  margin-bottom: 0;
  font-weight: 500;
  padding-bottom: 25px;
  max-width: calc(90vw - 30px);
}
.header-wrap .withImg:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  max-width: 100px;
  background-color: #fff;
}
.header-wrap .withImg:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  max-width: 100px;
  background-color: #fff;
}
.header-wrap .square-outer,
.header-wrap .square-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 335px;
  width: 90vw;
  transform: translate(-50%, -50%);
}
.header-wrap .square-outer span,
.header-wrap .square-inner span {
  position: absolute;
  background: #cfb18b;
  display: inline-block;
}
.header-wrap .square-outer {
  overflow: hidden;
  z-index: 9999;
}
.header-wrap .square-outer span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateX(-100%);
  animation: outerLeft 0.5s linear forwards;
}
.header-wrap .square-outer span:nth-child(2) {
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  transform: translateY(-100%);
  animation: outerDown 1s linear forwards;
  animation-delay: 0.5s;
}
.header-wrap .square-outer span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  transform: translateX(100%);
  animation: outerRight 0.5s linear forwards;
  animation-delay: 1.5s;
}
.header-wrap .square-outer span:nth-child(4) {
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100%;
  transform: translateY(100%);
  animation: outerUp 1s linear forwards;
  animation-delay: 2s;
}
.header-wrap .square-inner {
  overflow: hidden;
  z-index: 9999;
  height: 315px;
  width: calc(90vw - 20px);
}
.header-wrap .square-inner span:nth-child(1) {
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  transform: translateY(-100%);
  animation: innerDown 1s linear forwards;
}
.header-wrap .square-inner span:nth-child(2) {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateX(-100%);
  animation: innerLeft 0.5s linear forwards;
  animation-delay: 1s;
}
.header-wrap .square-inner span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 2px;
  height: 100%;
  transform: translateY(100%);
  animation: innerUp 1s linear forwards;
  animation-delay: 1.5s;
}
.header-wrap .square-inner span:nth-child(4) {
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  transform: translateX(100%);
  animation: innerRight 0.5s linear forwards;
  animation-delay: 2.5s;
}
@keyframes outerLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes outerDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes outerRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes outerUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes innerLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes innerDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes innerRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes innerUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.hasSubmenu .header-wrap {
  top: 50px;
  margin-bottom: 50px;
}
.wellness_EN #content .img-right:first-child {
  padding-top: 50px;
}
#content {
  position: relative;
}
#content:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  /*       background-image: url(/layout/images/background-texture.jpg); */
  background-color: #222e3a;
  background-repeat: repeat;
  z-index: -1;
  opacity: 1;
}
.modal {
  z-index: 10000000001;
  max-width: 100%;
}
.modal .modal-content {
  width: 900px;
  height: 600px;
}
.modal .modal-content .modal-body {
  width: 900px;
  height: 600px;
  padding: 0;
}
.modal .modal-content .modal-body img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal .modal-content .modal-body .btn {
  margin-top: 15px;
}
.modal .modal-content .modal-body p {
  margin: 0;
}
.modal-backdrop.show {
  z-index: 1000000001;
}
.jinejfont {
  font-family: 'Marcellus', serif;
}
.img-right + .boxes {
  margin-top: 10px;
}
.img-right p,
.img-left p {
  margin: 0;
}
.img-right .container,
.img-left .container {
  padding: 0;
}
.lightboxOverlay {
  z-index: 10000000 !important;
}
.lightbox {
  z-index: 100000001 !important;
}
#content a:not(.btn) {
  color: #cfb18b;
  text-decoration: underline;
}
#certifikaty img {
  -webkit-box-shadow: 0px 0px 19px 0px #a1a1a1;
  -moz-box-shadow: 0px 0px 19px 0px #a1a1a1;
  box-shadow: 0px 0px 19px 0px #a1a1a1;
}
@media (min-width: 992px) {
  .modal-lg {
    width: 100%;
    max-width: 900px;
  }
}
.price-list .row [class^="col-"] {
  max-width: 700px;
  margin: 0 auto;
}
.price-list .row [class^="col-"]:hover {
  cursor: pointer;
}
.price-list .row [class^="col-"]:hover .onHover {
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.price-list .row [class^="col-"]:hover .default {
  transform: translateY(-100%);
  transition: transform 0.3s;
}
.price-list p {
  margin: 0;
}
.price-list .container {
  position: relative;
}
.price-list .container img {
  display: block;
  max-width: 700px;
  margin: 0 auto;
}
.price-list img:hover {
  cursor: pointer;
}
.price-list img:hover .onHover {
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.price-list img:hover .default {
  transform: translateY(-100%);
  transition: transform 0.3s;
}
.price-list p:last-child {
  text-align: center;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  margin: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);
  padding: 3px !important;
}
.price-list p:last-child .btn {
  margin: 0;
}
#rezervace-wrapper iframe {
  border: 0;
}
/* width */
::-webkit-scrollbar {
  width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #496076;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #cfb18b;
  border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cfb18b;
}
footer p {
  width: 100%;
  padding-top: 25px;
}
footer ul {
  padding-bottom: 25px;
  border-bottom: 1px solid #424242;
}
footer a,
footer p {
  color: #d9d9d9;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 100;
}
footer a:hover {
  color: #d9d9d9;
}
.ceniky .price-list:last-child {
  padding-bottom: 50px;
}
@media (max-width: 901px) {
  [class*="podstranka cenik_"] iframe {
    height: 500px !important;
  }
}