@import url(https://fonts.googleapis.com/css?family=Roboto:300,400&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin-ext);

/* foundation settings for complete build instead of custom */
.grid-x {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

a,
.breadcrumbs a,
.tabs-title > a,
.dropdown.menu > li.is-active > a {
  color: #f4d27b;
}

a:focus,
a:hover {
  color: #f0c24c;
}

.button,
.button.primary {
  background-color: #f4d27b;
}

.button:focus,
.button:hover {
  background-color: #f0c148;
}

.button-big {
  font-size: 1.3rem;
  padding: .8em 1.5em;
  font-weight: 800 !important;
  margin: 2rem 0 0 0;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent transparent transparent #f4d27b;
  display: none;
}

.width-100 {
  width: 100%;
}

/* foundation settings end */

body {
  background-color: #0a0a0a;
  font-size: 16px;
}

input::placeholder,
textarea::placeholder {
  color: #797b7d;
}

div.required {
  position: relative;
}

div.required::after {
  content: "*";
  position: absolute;
  right: 10px;
  top: 0;
  color: red;
  font-weight: bold;
}

.price-form .left div.required::after {
  right: 25px;
}

#kontaktni-formular div.required::after {
  font-size: 20px;
}

.close-button {
  right: .5rem;
  top: 0;
}

table {
  border-spacing: 0;
}

/* docasny div s pozici */
.temptop {
  position: relative;
  margin-top: -100px;
}

.relative-box {
  position: relative;
}

.bx-wrapper .bx-viewport {
  background: transparent;
  z-index: 0;
}

.not-found {
  color: white;
  text-align: center;
}

.not-found h3 {
  font-size: 1.5rem;
}

.not-found p {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* custom checkboxy */

input.check {
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  padding: 8px;
  border-radius: 0;
  margin: 5px 2px -3px 0 !important;
  display: inline-block;
  position: relative;
}

input.check[type='radio'] {
  border-radius: 50%;
}

input.check:checked {
  color: #ebca77;
  border: 1px solid #c5c5c5;
}

input.check:checked::after {
  content: '\2714';
  font-size: 22px;
  font-weight: bold;
  position: absolute;
  top: -7px;
  left: 2px;
  color: #ebca77;
}

input.check:focus {
  outline: none;
}

/* custom select */
.myselect {
  position: relative;
}

.myselect select {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  padding-left: 15px;
  padding-top: 9px;
  padding-bottom: 8px;
  color: black;
  letter-spacing: 1px;
}

.myselect::after {
  top: 5px;
  right: 20px;
  transition: color .25s ease-out;
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  content: "\f107";
  font-size: 22px;
  position: absolute;
  color: #0a0a0a;
  pointer-events: none;
}

.myselect:hover::after {
  color: #bb975d;
}

/* main menu */
.topmenu-outer {
  position: absolute;
  top: 0;
  width: 100%;
}

nav.topmenu {
  position: relative;
  z-index: 6;
  height: 100px !important;
}

nav.topmenu.no-js .language {
  position: relative;
}

nav.topmenu.no-js .menu-icon {
  display: none;
}

nav.topmenu.no-js .language ul.menu li a {
  padding: 8px 11px !important;
  border-radius: 3px;
}

nav.topmenu.no-js .language:hover ul.menu,
nav.topmenu.no-js .language ul.menu:hover {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  min-width: 0;
  width: 39px;
  left: -40px;
  bottom: 0;
  position: absolute;
}

.no-js .accordion-content {
  display: block;
}

.no-js .tabs-title > a:focus,
.no-js .tabs-title > a[aria-selected=true] {
  background-color: #f4d27b !important;
}

.no-js .tabs-title > a:hover,
.no-js .tabs-title > a[aria-selected=true]:hover {
  background-color: white !important;
}

.panely-zajezdu.no-js .tabs-content {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.panely-zajezdu.no-js .tabs-panel {
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-block;
  white-space: normal;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 1200px;
}

.panely-zajezdu.no-js .tabs-content .content-menu {
  margin-left: -70px !important;
}

.no-js #panel-mapa-label {
  display: none;
}

.panely-zajezdu.no-js #panel-mapa {
  display: none;
}

.panely-zajezdu.no-js #panel-program .detail-text-section ul {
  position: relative;
}

.page-results.no-js .listview .hidden,
.carousel-list-slider.no-js .listview .hidden,
.vypis-clanek.no-js .listview .hidden {
  display: block;
  transition: top .3s;
  top: 100%;
  left: 0;
}

.page-results.no-js .listview:hover .hidden,
.carousel-list-slider.no-js .listview:hover .hidden,
.vypis-clanek.no-js .listview:hover .hidden {
  top: 0;
}

nav.topmenu a {
  /* text-transform: uppercase; */
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1.5px;
}

nav.topmenu a:hover {
  color: #f4d27b;
}

nav.topmenu a:hover span {
  color: #fff;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 400;
  content: "\f107";
  border: 0;
  margin-top: -10px;
  width: 10px;
  font-size: 20px;
}

@media (min-width: 1024px) {
  .dropdown.menu > li.is-dropdown-submenu-parent > a.hamburger::after {
    content: none;
  }

  .dropdown.menu > li.is-dropdown-submenu-parent > a.hamburger span.more {
    display: none;
  }

  nav.topmenu.no-js .more {
    display: none;
  }
}

nav.topmenu .logo {
  float: left;
  padding-top: 10px !important;
  padding-left: 10px;
}

nav.topmenu .logo img {
  min-width: 80px;
  min-height: 45px !important;
}

.sticky.is-anchored.is-at-top .logo img {
  min-width: 160px;
}

nav.topmenu .logo a {
  padding: 11px 0 8px 0;
}

nav.topmenu .logo span {
  text-shadow: none;
  font-family: 'Roboto', serif;
  text-transform: none;
  font-size: 13px;
  float: right;
  display: block;
  font-style: normal;
  padding-top: 14px;
  padding-left: 12px;
  letter-spacing: 1px;
}

nav.topmenu a i {
  color: #f4d27b;
  font-size: 21px;
  transition: color .25s ease-out;
}

nav.topmenu a:hover i {
  color: #fff;
}

nav.topmenu .language a {
  transition: color .25s ease-out, background .25s ease-out;
  border: 0;
  background-color: #f4d27b;
  text-shadow: none;
  font-family: 'Roboto', sans-serif;
  color: #141414;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 14px;
  top: -3px;
  position: relative;
  margin-left: 4px;
}

nav.topmenu .language > a {
  width: 39px;
  padding: 8px 11px !important;
  border-radius: 3px;
}

nav.topmenu .language.is-active a {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

nav.topmenu .language a:hover {
  background-color: #141414;
  color: #f4d27b;
}

nav.topmenu .language > a::after {
  display: none !important;
}

nav.topmenu .sticky {
  top: 0 !important;
}

nav.topmenu .sticky.is-stuck {
  background-color: #0a0a0a;
  width: 100%;
}

nav.topmenu .sticky.is-stuck .logo {
  padding-top: 0;
}

nav.topmenu .sticky.is-stuck .logo a {
  background: url(/img/redesign/footer-logo.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 12px;
}

nav.topmenu .sticky.is-stuck .logo img {
  width: 75px;
  visibility: hidden;
}

nav.topmenu .sticky.is-stuck .logo span {
  padding-top: 8px;
}

#main-menu {
  text-align: right;
}

#main-menu li {
  display: inline-block;
  padding-top: 30px;
}

@media (min-width: 1024px) {
  .sticky.is-stuck #main-menu > li {
    padding-top: 14px !important;
  }
}

.sticky.is-stuck #main-menu .logo {
  padding-top: 0 !important;
  padding-left: 10px;
}

.sticky.is-stuck #main-menu .language li {
  padding-top: 14px !important;
}

/* submenu */

#main-menu .submenu {
  border: none;
  background: #0a0a0a;
  text-align: left;
}

#main-menu .submenu .submenu {
  position: relative;
}

#main-menu .submenu li {
  float: left;
  height: 265px;
}

#main-menu .submenu br {
  height: 0;
  display: block;
}

#main-menu .submenu li a {
  font-size: 14px;
  transition: color .25s ease-out, border .25s ease-out;
  text-shadow: none;
  color: #fff;
  text-transform: none;
  line-height: 1;
  letter-spacing: 1.2px;
  padding: 5px 0 5px 7px;
}

#main-menu .submenu a.continent {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #f4d27b;
  padding-left: 0;
  border-bottom: 1px solid #f4d27b;
  line-height: 1.6;
  margin-bottom: 12px;
  height: 40px;
  font-size: 14px;
}

#main-menu .submenu a.more {
  color: #f4d27b;
}

#main-menu .submenu a:hover {
  color: #f4d27b;
  background-color: rgba(255, 255, 255, .1);
}

#main-menu .submenu a.continent:hover {
  border-color: #fff;
}

#main-menu .kontinent-menu {
  font-size: 15px;
  padding: 20px 20px 40px;
  width: 900px;
  left: -10px;
}

#main-menu .kontinent-menu .submenu {
  font-size: 15px;
  width: 910px;
  left: -30px;
}

#main-menu .kontinent-menu::before {
  background-color: #0a0a0a;
  width: 150px;
  height: 60px;
  content: '';
  position: absolute;
  top: -60px;
  left: 0;
  z-index: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#main-menu .kontinent-menu li {
  max-width: 210px;
}

@media screen and (min-width: 1024px) {
  #main-menu .akcni-nabidky::before {
    background-color: #0a0a0a;
    width: 166px;
    height: 60px;
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    z-index: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  #main-menu .kontinent-menu li {
    padding: 0 16px 0 10px !important;
  }

  #main-menu .submenu li a {
    padding: 7px 0 7px 7px;
    border-bottom: 1px solid #202020;
  }

  #main-menu .submenu.more-menu {
    width: 15.2em;
    margin-left: calc(-7em + 50%);
    padding: .7em 0;
    border-radius: 0;
    left: auto;
    right: auto;
  }

  #main-menu .kontinent-menu.submenu {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }

  #main-menu .submenu.more-menu.info {
    margin-left: 0;
    right: 0 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
  }

  #main-menu .submenu.more-menu.akcni-nabidky {
    width: 16em;
    margin-left: 0;
    margin-top: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }

  #main-menu .submenu.more-menu li {
    width: 100%;
    display: block;
    height: auto;
    padding: 0 .8em;
    position: relative;
  }

  #main-menu .more-menu li a:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #f4d27b;
  }

  #main-menu .submenu.more-menu li.is-dropdown-submenu-parent > a::after {
    font-family: 'Font Awesome 5 Pro', serif;
    font-weight: 900;
    content: "\f107";
    border: 0;
    width: auto;
    top: 1em;
    font-size: 1.3em;
    margin-top: -.45em;
    display: inline-block;
    right: 18px;
  }

  #main-menu .submenu.more-menu li a {
    padding: .8em .5em;
    text-align: left;
    width: 100%;
    border-radius: 0 !important;
  }

  #main-menu .submenu.more-menu li:first-of-type a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  #main-menu .submenu.more-menu li:last-of-type a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  #main-menu .submenu.more-menu li.is-active {
    background-color: rgba(255, 255, 255, .07);
  }

  #main-menu .submenu.more-menu li.is-active > a {
    color: #f4d27b;
  }

  #main-menu .submenu.more-menu li .submenu {
    width: 100%;
    left: 0;
    padding: 0;
    border-radius: 5px;
  }

  #main-menu .submenu.more-menu li .submenu a {
    box-sizing: border-box;
    margin: 0;
    padding: .8em 1em .8em 1.5em;
  }

  #main-menu a.hamburger {
    padding: .7rem 1rem;
    width: auto;
  }

  #main-menu a.hamburger i {
    margin: 0;
  }

  #main-menu .is-active a.hamburger {
    background-color: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}

@media screen and (max-width: 1023px) {
  #main-menu li {
    display: block;
    background-color: #242424;
    border-bottom: 1px solid #2f2f2f;
    text-align: left;
    clear: both;
    padding: 0;
    float: none;
  }

  #main-menu .kontinent-menu .submenu {
    width: 100%;
    left: 0;
  }

  .grid-x.collapse.carousel-list > .large-12 {
    width: 100%;
  }

  #main-menu li.logo {
    display: none;
  }

  .topmenu-outer.no-js {
    position: static;
  }

  .topmenu.no-js {
    position: static;
    height: auto !important;
  }

  .title-bar {
    text-align: right;
    padding: .7rem;
  }

  .title-bar-title {
    margin: 6px;
  }

  .topmenu.sticky-container .dropdown.menu .submenu > li {
    background-color: #373737 !important;
  }

  .topmenu.sticky-container .dropdown.menu .kontinent-menu > li {
    max-width: none !important;
    padding: 5px 18px !important;
    height: auto !important;
  }

  .topmenu.sticky-container .dropdown.menu .kontinent-menu > li a:first-child {
    border: 0 !important;
    display: block !important;
  }

  .topmenu.sticky-container .dropdown.menu .submenu .submenu > li {
    background: #464646 !important;
  }

  .topmenu.sticky-container .dropdown.menu .kontinent-submenu > li {
    max-width: 100%;
    background: #464646 !important;
  }

  .topmenu.sticky-container .dropdown.menu .kontinent-menu a.continent {
    height: auto !important;
  }

  #main-menu {
    max-height: calc(100vh - 60px);
    max-width: 100%;
    overflow: auto;
    background-color: #242424;
  }

  #main-menu .submenu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
  }

  #main-menu li a,
  .menu > li > a {
    padding: 1.3rem 2rem;
    margin: 0;
  }

  #main-menu li > a:hover {
    color: #f4d27b;
    background: #000;
  }

  #main-menu .submenu li {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 !important;
    max-width: 100%;
    float: none;
    margin: 0;
    left: 0;
    box-sizing: border-box;
  }

  #main-menu .is-dropdown-submenu-parent a::after {
    margin-right: 10px;
  }

  #main-menu .hamburger-icon {
    display: none;
  }

  #main-menu span.more {
    display: inline;
  }

  #main-menu .submenu li a,
  #main-menu .submenu li a.continent {
    padding: 1rem 2.5rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    line-height: 1;
    float: none;
    position: relative;
    left: 0;
  }

  #main-menu .submenu .submenu li a {
    padding: .8rem 3rem;
  }

  #main-menu li.language {
    padding: 1rem 2rem;
  }

  #main-menu li.language a:hover {
    background-color: black;
  }

  #main-menu li.language .submenu {
    position: absolute;
    top: 1rem !important;
    left: 5rem !important;
  }
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  z-index: 999;
}

#main-menu .language .submenu {
  border: none;
  background: transparent;
  padding: 0;
  width: auto;
  min-width: 0;
  top: 0;
  left: -45px;
}

#main-menu .language .submenu li {
  height: auto;
  float: none;
  padding: 0;
  border: 0;
}

#main-menu .language .submenu a {
  color: #141414;
  font-size: 14px;
  padding: 8px 10px !important;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

#main-menu .language .submenu a:hover {
  color: #f4d27b;
}

.sticky.is-anchored.is-at-top #main-menu .language .submenu {
  top: 30px;
}

@media screen and (min-width: 1024px) {
  .topmenu.sticky-container .dropdown.menu .kontinent-menu {
    margin-top: 10px;
  }

  .topmenu.sticky-container .dropdown.menu .kontinent-submenu {
    display: block;
    position: relative;
    max-width: 250px;
    padding: 0 14px 10px !important;
  }

  .topmenu.sticky-container .dropdown.menu .kontinent-submenu > li {
    float: none !important;
    display: block !important;
    height: auto !important;
    padding: 0 !important;
  }

  .topmenu.sticky-container .dropdown.menu .kontinent-submenu img.katalog {
    max-height: 190px;
  }

  .topmenu .sticky.is-stuck .kontinent-menu {
    margin-top: 85px;
  }
}

/* HP slider */
.hpslider {
  height: 660px;
  overflow: hidden;
  position: relative;
}

.hpslider-inner {
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: 100%;
  width: 100%;
}

.hpslider-inner::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(10, 10, 10, 1) 0%, rgba(10, 10, 10, .25) 19%, rgba(10, 10, 10, .1) 47%, rgba(10, 10, 10, .25) 73%, rgba(10, 10, 10, 1) 100%);
}

.hpslider-inner li {
  position: relative;
  min-height: 660px;
  list-style: none;
  display: block;
  overflow: auto;
}

.hpslider-inner li::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(10, 10, 10, 1) 0%, rgba(10, 10, 10, .25) 19%, rgba(10, 10, 10, .1) 47%, rgba(10, 10, 10, .25) 73%, rgba(10, 10, 10, 1) 100%);
}

.hpslider-inner li .hpslider-content {
  margin-top: 180px;
  position: relative;
}

.hpslider-controls {
  position: absolute;
  left: 0;
  right: 0;
  top: 250px;
  z-index: 2;
  pointer-events: none;
}

.hpslider-controls a {
  display: block;
  color: #fff;
  pointer-events: visible;
}

.hpslider-controls a:hover {
  color: #f4d27b;
}

/* HP slider při vypnutém js */
.hpslider > .hpslider-inner {
  height: 700px !important;
  margin-bottom: 200px;
}

.hpslider > .hpslider-inner li {
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  white-space: normal;
}

.nojs-prev:not(.no-js),
.nojs-next:not(.no-js) {
  display: none;
}

.nojs-prev,
.nojs-next {
  color: white;
  position: absolute;
  top: 70px;
}

.nojs-next {
  right: 0;
}

.nojs-prev {
  left: 0;
}

/* Banner box - používá se v hpslideru a infoheaderu */
.banner-text-box {
  max-width: 380px;
  color: #403c3b;
  background: rgba(255, 255, 255, .8);
  position: relative;
  padding: 30px 40px 30px;
  display: inline-block;
  margin-left: 65px;
}

.banner-text-box .banner-datum {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1;
}

.banner-text-box .banner-datum .light {
  font-weight: lighter;
}

.banner-text-box .banner-cena {
  margin-top: 10px;
  display: block;
  font-size: 20px;
}

.banner-text-box .banner-cena strong {
  font-weight: bold;
  font-size: 24px;
}

.banner-text-box h3,
.banner-text-box p {
  font-family: 'Raleway', serif;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0;
  margin-top: 10px;
}

.banner-text-box p {
  margin-top: 0;
  font-size: 22px;
}

.banner-button {
  position: absolute;
  bottom: -30px;
  right: 30px;
  padding: .65em 1.5em;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
}

.banner-button:hover {
  background-color: #0a0a0a;
  color: #f4d27b;
}

.banner-position {
  position: relative;
  padding: 0 !important;
  height: 0;
}

.banner-position-inner {
  z-index: 1;
  position: absolute;
  top: 165px;
}

.banner-position-inner > * {
  float: right;
  margin-right: 10px;
}

.banner-close-icon {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 15px;
  height: 15px;
}

.banner-close-icon::before,
.banner-close-icon::after {
  position: absolute;
  left: 7px;
  content: ' ';
  height: 18px;
  width: 1px;
  background-color: #212121;
}

.banner-close-icon:hover::before,
.banner-close-icon:hover::after {
  background-color: #f0c148;
}

.banner-close-icon::before {
  transform: rotate(45deg);
}

.banner-close-icon::after {
  transform: rotate(-45deg);
}

.banner-open-icon {
  float: right;
  margin-top: 85px;
  margin-right: 5px;
  font-size: 1.5em;
}

.banner-open-icon:hover {
  color: #fff;
}

.carousel-list-controls #carousel-list-slider-next {
  float: right;
  right: -50px;
}

.carousel-list-controls #carousel-list-slider-prev {
  float: left;
  left: -50px;
}

/* vyhledávání */
.search {
  background: transparent;
}

.search-box {
  padding: 15px 50px 15px 50px;
  background-color: #f4d27b;
  border: 0;
}

.search-box.accordion-content {
  padding-top: 0;
}

.search-box p,
.search-box input,
.search-box select {
  margin: 0;
}

.search-box .text {
  padding: 0 0 0 18px;
  display: table;
  height: 40px;
}

.search-box .select {
  position: relative;
  padding: 0 9px;
}

.search-box .input {
  padding: 0 9px;
}

.search-box p.header {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #1c1a18;
  text-align: left;
  line-height: 1;
  display: table-cell;
  vertical-align: middle;
}

.search-box select,
.search-box input[type="text"] {
  background: #fff;
  border: 0;
  box-shadow: 0 1px 1px 0 rgba(20, 20, 19, .2);
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  padding-left: 15px;
  padding-top: 9px;
  padding-bottom: 8px;
  color: #bb975d;
  letter-spacing: 1px;
  border-radius: 3px;
}

.search-box input[type="text"] {
  color: #222;
  cursor: initial;
}

.search-box input[type="text"]::placeholder {
  color: #bb975d;
  opacity: 1;
}

.search-box .select::after {
  top: 5px;
  right: 20px;
  transition: color .25s ease-out;
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  content: "\f107";
  font-size: 22px;
  position: absolute;
  color: #0a0a0a;
  pointer-events: none;
}

.search-box .select.inp::after {
  display: none;
}

.search-box.accordion-content .select::after {
  top: 3px;
}

.search-box .select:hover::after {
  color: #bb975d;
}

.search-box input[type="submit"] {
  width: 160px;
  border-width: 2px;
  color: #f4d27b;
  background-color: #0a0a0a;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  border-radius: 3px;
  padding: 9px 30px;
  border-color: #0a0a0a;
  letter-spacing: 1.5px;
}

.search-box input[type="submit"]:hover {
  background-color: #f4d27b;
  color: #0a0a0a;
}

.search-box option {
  color: #000;
  padding: 8px !important;
}

.search-box select > option:first-child {
  color: #bb975d !important;
}

.search-box select[disabled] {
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, .6);
}

.search-box select.active {
  color: #222;
}

.search-box input {
  color: #222;
}

.search-box select optgroup {
  color: #bb975d;
}

.search-more {
  display: block;
  margin: 0;
  line-height: 1;
  transition: color .25s ease-out;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 30px;
}

.search-more:hover,
.search-more:focus {
  color: #fff;
}

/* Google fulltext */

.gsc-search-box .gsc-input {
  border: 0 !important;
  box-shadow: none !important;
  height: 2em;
}

.gsc-search-box #gs_id50 {
  margin: 0;
}

.gsc-search-box .gsc-search-button.gsc-search-button-v2 {
  background-color: #f4d27b;
  height: 50px;
  border: 0;
}

.gsc-search-box .gsc-search-button > svg {
  fill: #000;
  width: 16px;
  height: 16px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  background: #f4d27b !important;
  padding: 8px 12px !important;
  color: #000 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background: #000 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* hlavní boxy */
.main-boxes .primary {
  height: 220px;
  border: 0;
  padding: 0;
  width: 400px;
  border-radius: 3px;
  background-size: 390px !important;
}

.main-boxes .primary h2 {
  font-family: 'Noto Serif', serif;
  font-size: 36px;
  color: #fff;
  padding-top: 30px;
}

.main-boxes .primary p {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #f4d27b;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 5px;
}

.main-boxes .primary a {
  display: block;
  height: 100%;
}

.main-boxes .primary i {
  color: #f4d27b;
}

.main-boxes .primary hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #f4d27b;
  margin: 1em 2em;
  padding: 0;
}

.main-boxes .poznavaci {
  background: url(/img/redesign/box-poznavaci.jpg) 0 0 no-repeat;
}

.main-boxes .poznavaci:hover {
  background: url(/img/redesign/box-poznavaci_on.jpg) 0 0 no-repeat;
}

.main-boxes .pobytove {
  background: url(/img/redesign/box-pobytove.jpg) 0 0 no-repeat;
}

.main-boxes .pobytove:hover {
  background: url(/img/redesign/box-pobytove_on.jpg) 0 0 no-repeat;
}

.main-boxes .plavby {
  background: url(/img/redesign/box-plavby.jpg) 0 0 no-repeat;
}

.main-boxes .plavby:hover {
  background: url(/img/redesign/box-plavby_on.jpg) 0 0 no-repeat;
}

.main-boxes .na-miru {
  background: url(/img/redesign/box-na-miru.jpg) 0 0 no-repeat;
}

.main-boxes .na-miru:hover {
  background: url(/img/redesign/box-na-miru_on.jpg) 0 0 no-repeat;
}

.lang-sk .main-boxes .na-miru {
  background: url(/img/redesign/box-last-minute.jpg) 0 0 no-repeat;
}

.lang-sk .main-boxes .na-miru:hover {
  background: url(/img/redesign/box-last-minute_on.jpg) 0 0 no-repeat;
}

.main-boxes .cks {
  background: url(/img/redesign/box-cks-nadpis.jpg?v=2022) 0 0 no-repeat;
  background-position: center;
}

.main-boxes .cks:hover {
  background: url(/img/redesign/box-cks-nadpis_on.jpg?v=2022) 0 0 no-repeat;
  background-position: center;
}

.main-boxes .usa {
  background: url(/img/redesign/box-usa.jpg) 0 0 no-repeat;
}

.main-boxes .usa:hover {
  background: url(/img/redesign/box-usa_on.jpg) 0 0 no-repeat;
}

.main-boxes .exotika {
  background: url(/img/redesign/box-exotika.jpg) 0 0 no-repeat;
  background-position: 100%;
}

.main-boxes .exotika:hover {
  background: url(/img/redesign/box-exotika_on.jpg) 0 0 no-repeat;
  background-position: 100%;
}

.main-boxes .cks img {
  display: none;
}

/* výpis zájezdů */
.sorting .grid-x div {
  float: left;
  color: #f4d27b;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  padding: 0 40px 0 0;
}

.hp-tabs .tabs-content {
  background: transparent;
  border: none;
}

.hp-tabs .tabs-content .tabs-panel {
  padding: 0;
}

#vypis-zajezdu {
  margin-top: 50px;
  border: none;
  border-bottom: 1px solid #f4d27b;
  background: transparent;
}

#vypis-zajezdu a {
  font-family: 'Roboto', sans-serif;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 19px;
  padding: 12px 25px;
  margin-right: 5px;
}

#vypis-zajezdu .is-active a,
#vypis-zajezdu li:hover a {
  color: #262626;
  background: #f4d27b;
}

.sorting {
  margin-top: 15px;
  margin-bottom: 40px;
  padding: 0 10px;
  position: relative;
}

.sorting .grid-x div a {
  margin-right: 5px;
}

.sorting .listing-type {
  padding: 0 !important;
  position: absolute;
  right: 10px;
}

.sorting .listing-type a {
  float: right;
  margin-left: 10px;
}

.sorting .listing-type .list {
  background: url(/img/redesign/gfx/vypis-off.png) 0 0 no-repeat;
  width: 30px;
  height: 18px;
  display: block;
  float: right;
  margin-right: 15px;
}

.sorting .listing-type .list:hover {
  background: url(/img/redesign/gfx/vypis-on.png) 0 0 no-repeat !important;
}

.sorting .listing-type .list.active {
  background: url(/img/redesign/gfx/vypis-on.png) 0 0 no-repeat !important;
  margin-right: 0;
  cursor: default;
}

.sorting .listing-type .list::before {
  position: absolute;
  right: 80px;
  top: -3px;
  color: #f4d27b;
  opacity: .6;
  width: 120px;
}

.sorting .listing-type .list:hover::before {
  opacity: 1;
}

.sorting .listing-type .list.active::before {
  content: none !important;
}

.sorting .listing-type .grid {
  background: url(/img/redesign/gfx/mriz-off.png) 0 0 no-repeat;
  width: 30px;
  height: 18px;
  margin-top: 1px;
  display: block;
  float: right;
  margin-right: 15px;
}

.sorting .listing-type .grid:hover {
  background: url(/img/redesign/gfx/mriz-on.png) 0 0 no-repeat !important;
}

.sorting .listing-type .grid.active {
  background: url(/img/redesign/gfx/mriz-on.png) 0 0 no-repeat !important;
  margin-right: 0;
  cursor: default;
}

.sorting .listing-type .grid::before {
  position: absolute;
  right: 80px;
  top: -3px;
  color: #f4d27b;
  opacity: .6;
  width: 140px;
}

.sorting .listing-type .grid:hover::before {
  opacity: 1;
}

.sorting .listing-type .grid.active::before {
  content: none !important;
}

.hp-tabs .dalsi {
  text-align: center;
  padding: 40px 0 30px 0;
}

.hp-tabs .dalsi .button {
  border: 2px solid #f4d27b;
  padding: 1em 4em;
  font-family: 'Roboto', serif;
  font-size: 24px;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
  margin-top: 20px;
}

.hp-tabs .dalsi .button:hover {
  background-color: transparent;
  color: #f4d27b;
}

.cell:last-child:not(:first-child) {
  float: left;
}

/* nadpis zájezdu */
.infoheader {
  position: relative;
  margin-bottom: 20px;
  background: none;
  z-index: 2;
}

.infoheader-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  height: 670px;
  background: #0a0a0a url(/img/redesign/detail-background2.jpg) 50% 0 no-repeat;
  display: flex;
  overflow: hidden;
}

.infoheader-background::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-image: linear-gradient(to bottom, rgba(10, 10, 10, 1) 0%, rgba(10, 10, 10, 1) 33.5px, rgba(10, 10, 10, 0) 160.8px, rgba(10, 10, 10, 0) 268px, rgba(10, 10, 10, 1) 670px, rgba(10, 10, 10, 1) 100%);
}

.infoheader-background.content-stranka {
  min-height: 500px;
}

.infoheader-background.content-stranka::before {
  background-image: linear-gradient(to bottom, rgba(10, 10, 10, 1) 0%, rgba(10, 10, 10, 1) 33.5px, rgba(10, 10, 10, 0) 160.8px, rgba(10, 10, 10, 0) 268px, rgba(10, 10, 10, 1) 500px, rgba(10, 10, 10, 1) 100%);
}

.seznam-kontinetu .infoheader::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: rgb(16, 16, 16);
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 60%, rgba(10, 10, 10, 1) 85%, rgba(10, 10, 10, 1) 100%);
}

.zeme-detail {
  position: relative;
  z-index: 1;
}

#zeme-top .grid-x {
  display: block;
}

.infoheader .grid-x {
  padding-top: 400px;
  position: relative;
}

.infoheader .grid-x .large-5 {
  padding-right: 0;
}

.infoheader h1 {
  line-height: 1.2;
  font-family: 'Noto Serif', serif;
  font-size: 42px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 86px rgba(0, 0, 0, .5);
}

.infoheader h1 span {
  color: #f4d27b;
  font-size: 36px;
}

.infoheader h1 sup {
  font-size: 26px;
  color: #f4d27b;
}

.infoheader .breadcrumbs {
  transition: color .25s ease-out;
  letter-spacing: .8px;
  color: #f4d27b;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.infoheader .breadcrumbs .pipe {
  padding: 0 15px;
}

.infoheader .breadcrumbs a {
  transition: color .25s ease-out;
}

.infoheader .breadcrumbs a:hover {
  color: #fff;
  text-decoration: underline;
}

.infoheader .breadcrumbs .current {
  font-weight: bold;
}

.infoheader .perex {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 30px;
  text-align: justify;
  padding-right: 10px;
  position: relative;
}

.infoheader .order {
  text-align: right;
}

.infoheader .order .button {
  border: 2px solid #f4d27b;
  padding: 1em 2.5em;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: bold;
  background-color: transparent;
  color: #f4d27b;
  border-radius: 3px;
  position: relative;
}

.infoheader .order .button:hover {
  background-color: #f4d27b;
  color: #212121;
}

.infoheader .order .term-selector {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  color: #f4d27b;
  position: relative;
}

.infoheader .order .term-selector .date,
.infoheader .order .term-selector .year {
  color: #fff;
}

.infoheader .order .term-selector .year {
  font-weight: 100;
}

.infoheader .order .term-selector .pipe {
  padding: 0 5px 0 10px;
  font-weight: 100;
}

.infoheader .order .term-selector .arrow-down i {
  transition: color .25s ease-out;
  font-size: 30px;
  padding-bottom: 5px;
  vertical-align: middle;
  padding-left: 20px;
}

.infoheader .order .term-selector .arrow-down:hover i {
  color: #fff;
}

.infoheader .vyber-terminu {
  display: none;
  position: absolute;
  z-index: 999;
  border-radius: 5px 0 0 5px;
  right: 0;
  top: 25px;
  padding-top: 12px;
}

.infoheader .vyber-terminu ul {
  background: #000;
  overflow-x: auto;
  max-height: calc(100vh - 200px);
  margin: 0;
}

.infoheader .vyber-terminu li {
  padding: 5px 34px 5px 23px;
  margin: 5px;
  list-style: none;
  opacity: .5;
}

.infoheader .vyber-terminu li:hover {
  opacity: 1;
}

.infoheader .vyber-terminu .price:hover,
.infoheader .vyber-terminu .pipe:hover {
  color: #f4d27b;
}

.term-selector .vyber-terminu:hover {
  display: block;
}

.term-selector .arrow-down:hover ~ .vyber-terminu,
.term-selector .price:hover ~ .vyber-terminu {
  display: block;
}

/* záložky zájezdu */
.zalozky-zajezdu {
  margin-top: 35px;
}

.zalozky-zajezdu .tabs {
  border: 0;
  background: #0a0a0a;
}

.zalozky-zajezdu .tabs li {
  margin-right: 10px;
}

.zalozky-zajezdu .tabs.smaller li {
  margin-right: 4px;
}

.zalozky-zajezdu .tabs li:last-child {
  margin-right: 0;
}

.zalozky-zajezdu a {
  padding: 13px 20px;
  transition: background .25s ease-out;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #0a0a0a;
  background-color: #f4d27b;
  letter-spacing: 1px;
  border-radius: 5px 5px 0 0;
  font-weight: 100;
}

.zalozky-zajezdu .smaller a {
  padding: 13px 16.5px;
}

.zalozky-zajezdu a:focus,
.zalozky-zajezdu a:hover,
.zalozky-zajezdu a[aria-selected="true"] {
  color: #0a0a0a;
  background-color: #fff;
}

.zalozky-zajezdu-inner {
  padding-top: 5px;
  float: left;
}

.panely-zajezdu .tabs-panel {
  padding: 60px 100px;
}

/* přehled zájezdu */
.duvod {
  width: 720px;
  margin: 100px auto 0;
  display: table;
}

.duvod::before {
  display: block;
  width: 1px;
  height: 60px;
  background-color: #f4d27b;
  content: "";
  position: relative;
  top: -105px;
  left: 360px;
}

h2 + .duvod {
  margin-top: 50px;
}

h2 + .duvod::before {
  display: none !important;
}

.duvod:last-child {
  margin-bottom: 50px;
}

.duvod .number {
  display: table-cell;
  font-family: 'Noto Serif', serif;
  font-size: 50px;
  width: 235px;
  height: 130px;
  text-align: center;
  line-height: 130px;
  background-color: #f4d27b;
}

.duvod .popis {
  display: table-cell;
  vertical-align: middle;
}

.duvod:nth-child(even) .popis {
  padding-left: 45px;
}

.duvod:nth-child(odd) .popis {
  padding-right: 45px;
  text-align: right;
}

.duvod h3 {
  font-family: 'Noto Serif', serif;
  font-size: 25px;
  letter-spacing: .2px;
  margin-bottom: 0;
}

.duvod p {
  font-size: 17px;
  font-weight: 100;
  margin-bottom: 0;
}

/* mapa */
#mapa .accordion-item {
  margin-bottom: 10px;
}

#mapa .accordion-title {
  padding: 0;
  transition: background .25s ease-out;
  font-family: 'Roboto', serif;
  font-size: 20px;
  color: #0a0a0a;
  border: 0 !important;
  background-color: #fefefe;
  text-transform: uppercase;
}

#mapa .accordion-title::before {
  content: "";
}

#mapa .is-active > .accordion-title span.point-number {
  color: #fff;
  background-color: #cb1d1d;
  border-radius: 5px;
  font-weight: bold;
}

#mapa .is-active.disabled > .accordion-title span.point-number {
  border-radius: 5px;
  background-image: none;
  text-align: center;
  background-color: #cb1d1d;
  margin: -3px 9px 0 0;
}

#mapa .accordion-title span.point-number {
  text-align: center;
  background-color: #fefefe;
  padding: 13px 7px 8px 13px;
  border-radius: 5px 0 0 5px;
  min-width: 45px;
  height: 45px;
  top: 0;
  margin-top: -3px;
}

#mapa .accordion-title:hover {
  background-color: #fefefe;
}

#mapa .accordion-title span,
#mapa .accordion-title em {
  display: inline-block;
  padding: 13px 0;
}

#mapa .accordion-title span {
  text-transform: none;
}

#mapa .accordion-title em {
  font-style: normal;
  font-size: 15px;
  word-wrap: break-word;
  max-width: 340px;
  padding-left: 5px;
  line-height: 1.1;
  font-weight: 500;
  display: inline;
}

#mapa .accordion-content {
  border: 0;
  background-color: #fefefe;
  padding: 10px 0 10px 10px;
}

#mapa .accordion-content:last-child {
  border: 0;
}

#mapa div {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 100;
}

.pin-day {
  position: absolute;
  border-radius: 3px;
  border: 1px solid #79748b;
  min-width: 24px;
  height: 24px;
  background-color: #89849b;
  text-align: center;
  font-size: .8rem !important;
  font-weight: bold !important;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.pin-day.active {
  background-color: #cb1d1d;
  border: none;
  color: white;
}

.pin-poi {
  position: absolute;
  width: 44px;
  height: 42px;
  background: url(/img/redesign/gfx/stitek-zajimavost-inactive.png) 0 0 no-repeat;
}

.pin-poi.active {
  background: url(/img/redesign/gfx/stitek-zajimavost.png) 0 0 no-repeat;
}

/* itinerář */
.panely-zajezdu h2 {
  font-family: 'roboto', serif;
  font-size: 40px;
  font-weight: 100;
  color: #0a0a0a;
  letter-spacing: .2px;
  margin-bottom: 20px;
}

.panely-zajezdu .accordion-item {
  margin-bottom: 10px;
}

.panely-zajezdu .accordion-title {
  padding: 0;
  transition: background .25s ease-out;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #0a0a0a;
  border: 0 !important;
  background-color: #f0f1f3;
  text-transform: uppercase;
  border-radius: 0 5px 5px 0;
  font-weight: 300;
}

.panely-zajezdu .accordion-title::before {
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 400;
  content: "\f107";
  top: 21px;
}

.panely-zajezdu .is-active > .accordion-title::before {
  content: "\f106";
}

.panely-zajezdu .accordion-title:hover {
  background-color: #f4d27b;
}

.panely-zajezdu .accordion-title span,
.panely-zajezdu .accordion-title em {
  display: inline-block;
  padding: 13px 0;
}

.panely-zajezdu .accordion-title span {
  text-transform: none;
}

.panely-zajezdu .accordion-title span.day-number {
  text-align: center;
  background-color: #f4d27b;
  padding-left: 10px;
  border-radius: 5px 0 0 5px;
  padding-right: 5px;
  min-width: 90px;
  max-width: 90px;
  float: left;
}

.panely-zajezdu .accordion-title.wide span.day-number {
  width: 100%;
}

.panely-zajezdu .accordion-title span.day-number.empty {
  background-color: #fff;
  height: 46px;
  float: left;
}

.panely-zajezdu .accordion-title span.day-word {
  padding-left: 20px;
}

.panely-zajezdu .accordion-title em {
  font-style: normal;
}

.panely-zajezdu .accordion-content {
  border: 0;
  background-color: #fff;
  padding: 30px 88px;
}

.panely-zajezdu .accordion-content:last-child {
  border: 0;
}

.panely-zajezdu div {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 100;
}

.panely-zajezdu .center {
  text-align: center;
  margin-top: 50px;
}

.panely-zajezdu .button-big {
  border: 0;
  display: inline-block;
  padding: .8em 1em;
  font-family: 'Roboto', serif;
  font-size: 22px;
  font-weight: bold;
  color: #212121;
  background: #f4d27b;
  border-radius: 3px;
}

.panely-zajezdu .button-big:hover {
  background-color: #212121;
  color: #f4d27b;
}

/* termíny a ceny */
.terminy-zajezdu {
  border-collapse: separate;
  margin-bottom: 60px;
}

.terminy-zajezdu:not(.maximized) .hidden-row {
  display: none;
}

.terminy-zajezdu .termin-row:not(.active) {
  display: none;
}

.terminy-zajezdu tr td,
.terminy-zajezdu tr th {
  text-align: center;
}

.terminy-zajezdu tr .td-stav {
  text-align: left;
  min-width: 130px;
  position: relative;
}

.terminy-zajezdu tr .td-stav.doobsazeni {
  padding: 4px;
  padding-left: 10px;
  line-height: 1;
}

.terminy-zajezdu tr .td-dny {
  font-size: 15px;
}

.terminy-zajezdu.unstriped tr {
  transition: background .25s ease-out;
  background-color: #f0f1f3;
}

.terminy-zajezdu.unstriped thead tr {
  background-color: #fff;
}

.terminy-zajezdu.unstriped thead tr:hover {
  background-color: #fff;
}

.terminy-zajezdu th.custom-select {
  position: relative;
  box-sizing: content-box;
  cursor: pointer;
}

.terminy-zajezdu th.custom-select:hover {
  background-color: #cecece;
}

.terminy-zajezdu th.custom-select.open {
  background-color: #cecece;
}

.terminy-zajezdu th.custom-select .options {
  position: absolute;
  z-index: 3;
  background-color: #dcdcdc;
  overflow-y: visible;
  left: -1px;
  right: -1px;
  top: 100%;
  list-style: none;
  margin: 0;
  border: 1px solid #bababa;
  border-top: none;
  cursor: default;
}

.terminy-zajezdu th.custom-select .options li {
  padding: 5px 15px 5px 15px;
}

.terminy-zajezdu th.custom-select .options li:hover {
  background-color: #cecece;
}

.terminy-zajezdu th.custom-select:not(.open) .options {
  display: none;
}

.terminy-zajezdu.hover tbody tr:hover {
  background-color: #bababa;
}

.terminy-zajezdu.hover tbody tr.passive:hover,
.terminy-zajezdu.hover tbody tr.passive:hover td {
  background-color: #f0f1f3;
  color: #000 !important;
}

.terminy-zajezdu.hover tbody tr:hover td {
  color: #000;
}

.terminy-zajezdu td {
  font-weight: 400;
  padding-top: 6px;
  padding-bottom: 6px;
}

.terminy-zajezdu .td-termin {
  font-weight: bold;
  padding-left: 20px;
  border-radius: 5px 0 0 5px;
}

.terminy-zajezdu .v-obdobi {
  font-weight: 400;
  font-size: .8em;
}

.terminy-zajezdu .td-obdobi {
  font-size: .9em;
  line-height: 1.15;
  padding: 3px;
}

.terminy-zajezdu .td-cena {
  font-weight: bold;
}

.terminy-zajezdu .td-cena .price-item {
  display: inline-block;
  margin: 0 5px;
}

.terminy-zajezdu .td-cena .old-price {
  font-weight: 100;
  font-size: 16px;
}

.lang-sk .terminy-zajezdu .td-cena .old-price,
.terminy-zajezdu .td-cena .old-price .price-text {
  text-decoration: line-through;
}

.price-text {
  font-size: 16px;
  display: block;
}

.terminy-zajezdu .td-cena .price-item .popisek-ceny {
  display: block;
  text-decoration: none;
  font-size: 11px;
  line-height: 1;
  font-weight: 400;
}

.terminy-zajezdu .td-objednat {
  border-right: 0;
  padding: 0;
  background-color: #fff !important;
  position: relative;
}

.terminy-zajezdu .td-stav {
  font-size: 16px;
  font-weight: 100;
}

.terminy-zajezdu .td-hotel {
  text-align: left;
}

.terminy-zajezdu .td-termin,
.terminy-zajezdu .td-stav,
.terminy-zajezdu .td-dny,
.terminy-zajezdu .td-hotel,
.terminy-zajezdu .td-osoby {
  border-right: 1px solid #d6d6d7;
}

.terminy-zajezdu td .button {
  width: 100%;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #141414;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  padding: 8px;
}

.terminy-zajezdu .passive .button,
.terminy-zajezdu .passive .button:hover {
  background-color: #f0f1f3 !important;
  color: #999a9b !important;
  cursor: default;
}

.terminy-zajezdu.hover tbody tr.passive:hover td:last-child:hover {
  background-color: #fff !important;
}

.terminy-zajezdu.hover tbody tr:hover td .button,
.terminy-zajezdu td .button:hover {
  background-color: #000;
  color: #f0c148;
}

.terminy-zajezdu tr.term-note td,
.terminy-zajezdu tr.term-note td:hover {
  padding: 4px !important;
  text-align: right;
  padding-right: 15px !important;
  padding-bottom: 10px !important;
  z-index: 0;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: .6px;
  border-right: none;
}

.terminy-zajezdu tr.space td,
.terminy-zajezdu tr.space td:hover {
  height: 20px;
  border: none;
  background-color: #fff;
}

.terminy-zajezdu th {
  font-weight: 100;
  padding: .625rem .625rem .625rem;
  font-size: 16px;
  background: #dcdcdc;
  border-right: 1px solid #bababa;
  position: relative;
}

.price-form {
  background: #dcdcdd;
  padding: 40px 120px 20px 120px;
  margin-bottom: 50px;
}

.price-form input,
.price-form textarea {
  width: 95%;
  margin-right: 10px;
  min-width: 180px;
  border: 0;
  box-shadow: 1px 1px 1px #c9c9c9;
  font-weight: 100;
  border-radius: 3px;
}

.price-form .left {
  float: left;
  width: 50%;
  position: relative;
}

.price-form .message {
  width: 100%;
  height: 149px;
}

.price-form input::placeholder,
.price-form textarea::placeholder {
  color: #939598;
}

.price-form .button {
  max-width: 100px;
  margin: 50px auto 0;
  position: absolute;
  bottom: 30px;
  right: 20px;
  border: 0;
  padding: .6em 1em;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #212121;
  background: #f4d27b;
  border-radius: 3px;
}

.price-form .button:hover {
  background-color: #212121;
  color: #f4d27b;
}

#price-form-additional {
  display: none;
}

#footer-form-additional {
  display: none;
}

i.yellow {
  color: #f4d27b;
}

.terminy-zajezdu .hidden {
  background: #dcdcdc;
  border: 1px solid #bababa;
  border-top: 0;
  display: none;
  position: absolute;
  top: 40px;
  left: -1px;
  width: calc(100% + 2px);
  margin: 0;
  list-style: none;
  z-index: 1;
}

.terminy-zajezdu .hidden li {
  padding: 5px 15px 5px 15px;
  width: 100%;
}

.terminy-zajezdu .hidden li:hover {
  background: #cecece;
}

.aktualni-informace {
  margin-bottom: 2em;
}

.panely-zajezdu .zeme-nazev {
  margin-bottom: .2em;
}

.zeme-description {
  margin-bottom: 1em;
}

.zeme-vice {
  text-align: right;
  margin-bottom: 1.5em;
}

.zeme-vice a {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #1b1b1b;
  white-space: nowrap;
  text-decoration: underline;
  transition: color .25s ease-out;
}

.zeme-vice a i {
  font-size: 16px;
  text-decoration: inherit;
  font-weight: inherit;
}

.zeme-vice.empty {
  text-align: left;
}

.zeme-clanky {
  position: relative;
}

.zeme-clanky h3 {
  font-family: 'Roboto', serif;
  font-weight: 100;
  font-size: 30px;
  margin-bottom: 30px;
  color: #414042;
}

.zeme-clanky .zeme-clanky-vice {
  letter-spacing: .2px;
  transition: color .25s ease-out;
  text-decoration: underline;
  color: #1b1b1b;
  position: absolute;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  right: 0;
  top: 20px;
}

.zeme-clanky .zeme-clanky-vice::after {
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  content: " \f105";
  font-size: 16px;
}

.zeme-clanky .zeme-clanky-vice:hover {
  color: #f4d27b;
}

.zeme-clanky .clanek {
  display: table;
  border-bottom: 15px solid #fff;
}

.zeme-clanky .photo {
  display: table-cell;
}

.zeme-clanky .photo img {
  width: 100%;
  min-width: 250px;
}

.zeme-clanky .popis {
  display: table-cell;
  vertical-align: middle;
  background-color: #f6f7f9;
  padding: 20px 20px 20px 40px !important;
}

.zeme-clanky .popis .clanek-nadpis a {
  line-height: 1.2;
  transition: color .25s ease-out;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  color: #0a0a0a;
  font-weight: 300;
}

.zeme-clanky .popis .clanek-nadpis a:hover {
  color: #d4b66b;
}

.zeme-clanky .popis .button-box {
  overflow-y: auto;
}

.zeme-clanky .popis .button {
  padding: .5em 2em;
  margin: 0;
  float: right;
  background-color: #f4d27b;
  font-family: 'Roboto', serif;
  font-size: 18px;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
}

.zeme-clanky .popis .button:hover {
  background-color: #212121;
  color: #f4d27b;
}

.zeme-clanky .button.zeme-dalsi {
  max-width: 350px;
  margin: 30px auto 0;
  display: block;
  border: 0;
  padding: 1em 2.5em;
  font-family: 'Roboto', serif;
  font-size: 24px;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
}

.zeme-clanky .button.zeme-dalsi:hover {
  background-color: #212121;
  color: #f4d27b;
}

/* fakultativní výlety */
.fakultativni-vylety {
  position: relative;
  margin-bottom: 2em;
}

.fakultativni-vylety h3 {
  font-family: 'Roboto', serif;
  font-weight: 100;
  font-size: 30px;
  margin-bottom: .6em;
  color: #414042;
}

.fakultativni-vylety h4 {
  margin-top: 1em;
  margin-bottom: .5em;
}

.fakultativni-vylety h5 {
  margin: 0;
}

.fakultativni-vylety .clanek {
  display: table;
  border-bottom: 30px solid #fff;
  width: 100%;
}

.fakultativni-vylety .popis img {
  margin-right: 20px;
  float: left;
}

.fakultativni-vylety .popis {
  display: table-cell;
  vertical-align: middle;
  background-color: #f6f7f9;
  padding: 0 20px 20px 20px;
}

.fakultativni-vylety .popis .clanek-nadpis {
  line-height: 1.2;
  font-size: 24px;
  font-family: 'Noto Serif', serif;
  color: #0a0a0a;
  display: block;
  margin-top: 32px;
}

.fakultativni-vylety .popis .clanek-nadpis a {
  color: inherit;
  font-family: inherit;
  transition: color .25s ease-out;
}

.fakultativni-vylety .popis .clanek-nadpis a:hover {
  color: #d4b66b;
}

.fakultativni-vylety .popis .cena {
  padding-top: 5px;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #1b1b1b;
}

.fakultativni-vylety .popis .button {
  padding: .5em 2em;
  float: right;
  color: #212121;
  background-color: #f4d27b;
  font-family: 'Noto Serif', serif;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  border-radius: 3px;
  margin: 0 !important;
}

.fakultativni-vylety .popis .button:hover {
  background-color: #212121;
  color: #f4d27b;
}

.fakultativni-vylety .fotka {
  display: table-cell;
}

.fakultativni-vylety .fotka img {
  width: 100%;
}

.fakultativni-vylety p {
  font-size: 16px;
  margin-bottom: .2rem !important;
  margin-top: .2rem !important;
  color: #1b1b1b;
  min-height: 30px;
}

.fakultativni-vylety .popis .callout {
  border: 0;
  margin-top: 20px;
  width: 85%;
  padding: 20px 0 10px 40px;
  background-color: transparent;
}

.more-icon {
  position: absolute;
  right: 15px;
  margin: 10px 0 0 0;
  font-size: 14px;
  color: #1b1b1b;
}

/* sticky objednávka */

.sticky-objednavka-outer {
  max-height: 0;
  z-index: 5;
}

.sticky-objednavka .custom-select {
  position: relative;
  cursor: pointer;
}

.sticky-objednavka .custom-select .options {
  border: 1px solid #d1d3d4;
  border-top: 0;
  display: none;
  position: absolute;
  top: 44px;
  left: -1px;
  background: #fff;
  margin: 0;
  min-width: calc(100% + 2px);
  list-style: none;
  cursor: default;
  max-height: calc(100vh - 120px);
  overflow-x: auto;
}

.sticky-objednavka .custom-select.open .options {
  display: block;
}

.sticky-objednavka .custom-select .fa:not(.dropdown-icon) {
  color: #bb975d;
  margin-left: 10px;
}

.sticky-objednavka .custom-select li {
  padding: 5px 10px 5px 15px;
  white-space: nowrap;
  width: 100%;
}

.sticky-objednavka .custom-select:hover,
.sticky-objednavka .custom-select.open,
.sticky-objednavka .custom-select li:hover {
  background: #f2f2f2;
}

#sticky-cena {
  border-right: none;
  font-weight: bold;
}

.sticky-objednavka button {
  display: block;
  line-height: 1.6;
  font-weight: bold;
  background: #f4d27b;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  padding: 6px 15px 6px 15px;
  border-radius: 5px;
  border-right: 0;
  cursor: pointer;
  margin-top: 6px;
  float: left;
}

.sticky-objednavka button:hover {
  font-weight: bold;
  background: #000;
  color: #f4d27b;
}

.sticky-objednavka {
  display: none;
  width: 100%;
  background: #fff !important;
  border-bottom: 1px solid #d1d3d4;
}

.sticky-inner {
  font-family: 'Roboto', serif;
  font-size: 16px;
  background: #fff;
  border-radius: 0 0 5px 5px;
  width: 100%;
  margin-right: -13px;
}

.sticky-inner div {
  display: block;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  border-right: 1px solid #d1d3d4;
  line-height: 1.8;
  float: left;
}

.sticky-inner form {
  float: right;
}

.sticky-objednavka .sekce {
  margin-right: auto;
  position: relative;
  background: #f0f1f3;
  float: left;
}

.sticky-objednavka .sekce select {
  height: 1.6rem;
  border: 0;
  padding: 0 20px 0 0;
  margin: 0;
  box-shadow: none;
  position: relative;
  background: #f0f1f3;
}

.sticky-objednavka .sekce::after {
  top: 5px;
  right: 10px;
  transition: color .25s ease-out;
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  content: "\f107";
  font-size: 22px;
  position: absolute;
  color: #0a0a0a;
  pointer-events: none;
}

.sticky-objednavka .name {
  font-family: 'Roboto', sans-serif;
}

.sticky-objednavka .name i {
  color: #f4d27b;
}

.sticky-objednavka .date {
  font-weight: bold;
  position: relative;
}

.sticky-objednavka .date:hover {
  background: #f2f2f2;
}

.sticky-objednavka .date span {
  font-weight: 100;
}

.sticky-objednavka .date .fa.fa-calendar {
  color: #bb975d;
  margin-left: 10px;
}

.sticky-objednavka .night {
  font-weight: bold;
  position: relative;
}

.sticky-objednavka .night:hover {
  background: #f2f2f2;
}

.sticky-objednavka .night span {
  font-weight: 100;
}

.sticky-objednavka .person {
  font-weight: 500;
  position: relative;
}

.sticky-objednavka .person:hover {
  background: #f2f2f2;
}

.sticky-objednavka .person .fa.fa-user {
  color: #bb975d;
  margin-left: 10px;
}

.sticky-objednavka .price {
  font-weight: bold;
  border-right: 0;
}

.sticky-objednavka .food {
  position: relative;
}

.sticky-objednavka .food:hover {
  background: #f2f2f2;
}

.sticky-objednavka .room {
  position: relative;
}

.sticky-objednavka .room:hover {
  background: #f2f2f2;
}

.sticky-objednavka .hidden {
  border: 1px solid #d1d3d4;
  border-top: 0;
  display: none;
  position: absolute;
  top: 44px;
  left: -1px;
  background: #fff;
  margin: 0;
  width: calc(100% + 2px);
  list-style: none;
}

.sticky-objednavka .hidden li {
  padding: 5px 5px 5px 15px;
  width: 100%;
}

.sticky-objednavka .hidden li:hover {
  background: #f2f2f2;
}

.sticky-objednavka .order {
  font-weight: bold;
  background: #f4d27b;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  padding: 6px 15px 6px 15px;
  margin-top: 6px;
  border-radius: 5px;
  border-right: 0;
}

.sticky-objednavka .order:hover {
  font-weight: bold;
  background: #000;
  color: #f4d27b;
}

.sticky-objednavka.sticky.is-at-top.is-stuck {
  top: 68px !important;
  background: transparent;
  display: block;
}

/* sticky vyhledavani */

.sticky-vyhledavani {
  display: none;
}

.sticky-vyhledavani.sticky.is-at-top.is-stuck {
  top: 58px !important;
  background: #f4d27b;
  display: block;
  width: 100%;
  padding-bottom: 15px;
  z-index: 3;
}

.top-vyhledavani.sticky-container {
  height: 0 !important;
}

.sticky-vyhledavani .search-box {
  padding: 15px 30px 0 10px;
}

.sticky-vyhledavani ul {
  margin-bottom: 0;
}

#show-filter {
  width: 100px;
  padding: 12px 0 0 0;
  margin: 0;
  text-align: right;
  color: #000;
}

.sticky-vyhledavani .search-box p.header {
  text-align: left;
  line-height: 1;
}

.sticky-vyhledavani.hiddable.is-at-top.is-stuck {
  margin-top: -2px !important;
}

#myAccordion .hidden {
  display: none;
}

/* související zájezdy */
.carousel-list {
  text-align: center;
  margin-top: 25px;
}

.carousel-list h2 {
  letter-spacing: 4px;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 35px;
  color: #fff;
  padding: 10px 15px;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #f4d27b;
  font-weight: normal;
}

.carousel-list .subheader {
  margin-top: 15px;
  margin-bottom: 0;
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #f4d27b;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}

.carousel-list .bx-wrapper {
  max-width: 100% !important;
  margin-bottom: 0;
}

.carousel-list .bx-wrapper .bx-viewport {
  background: transparent;
}

.carousel-list .carousel-list-title {
  margin-bottom: 20px;
}

.carousel-list .carousel-list-controls {
  width: 100%;
  position: relative;
  top: -220px;
}

.carousel-list .carousel-list-controls > * {
  position: absolute;
  width: 24px;
  height: 64px;
}

.carousel-list-slider {
  white-space: nowrap;
  overflow-x: auto;
}

.carousel-list-slider > li {
  display: inline-block;
  white-space: normal;
  margin-left: 10px;
}

.bx-viewport .carousel-list-slider > li {
  margin-left: -10px;
}

/* Galerie v detailu - carousel */

.gallery {
  position: relative;
  max-width: 100%;
}

.gallery .bx-wrapper {
  margin: 0;
}

.gallery-slider {
  list-style: none;
  margin: 0;
  display: flex;
  overflow-x: auto;
}

.gallery-slider li {
  flex-shrink: 0;
  overflow: hidden;
}

.gallery-slider li img {
  transition: transform .6s ease, filter .1s;
}

.gallery-slider li:hover img {
  transform: scale(1.2);
}

.gallery-button {
  position: absolute;
  width: 200px;
  bottom: 10px;
  right: 10px;
  color: #f4d27b;
  font-family: 'Roboto', sans-serif;
  background-color: rgba(0, 0, 0, .6);
  padding: 12px;
  z-index: 1;
  font-weight: 500;
  border-radius: 5px;
}

.gallery-button:hover {
  color: #fff;
}

.gallery-button i {
  padding-right: 10px;
}

.gallery-controls {
  position: absolute;
  left: 0;
  top: calc(50% - 32px);
  right: 0;
  margin: 0 -50px;
  height: 0;
  display: flex;
  justify-content: space-between;
}

.gallery-controls-icon a {
  display: block;
}

@media (max-width: 1300px) {
  .gallery-controls {
    margin: 0;
  }

  .gallery-controls-icon a {
    background-color: #000;
    box-sizing: content-box;
  }

  .gallery-controls-icon:first-child a {
    border-radius: 0 5px 5px 0;
    padding: 3px 10px 3px 5px;
  }

  .gallery-controls-icon:last-child a {
    border-radius: 5px 0 0 5px;
    padding: 3px 5px 3px 10px;
  }
}

@media (max-width: 639px) {
  .gallery-button {
    display: none;
  }
}

/* Společné vlastnosti galerie a carouselu */

.gallery-controls a,
.carousel-list-controls a {
  color: #f4d27b;
}

.gallery-controls a:hover,
.carousel-list-controls a:hover {
  color: #fff;
}

/* Modifikátory galrie hotelu a pokoje */

.hotel-gallery .gallery-controls,
.pokoj-gallery .gallery-controls {
  margin: 0 -35px;
}

.hotel-gallery .gallery-controls a:hover,
.pokoj-gallery .gallery-controls a:hover {
  color: #a9a9a9;
}

.hotel-gallery .gallery-slider li,
.pokoj-gallery .gallery-slider li {
  width: 173px;
  max-height: 112px;
}

.hotel-gallery .gallery-slider li:hover img,
.pokoj-gallery .gallery-slider li:hover img {
  transform: none;
  filter: brightness(120%);
}

/* 404 */

.nenalezeno h3::before {
  content: '\f06a';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  font-size: 60px;
  float: left;
  margin-right: 25px;
  color: #c2c2c2;
  margin-top: -20px;
}

.nenalezeno h3 {
  margin-bottom: 23px;
  padding-top: 20px;
}

/* objednávka formulář */

.objednavka {
  height: auto;
  margin-bottom: -10px;
  min-height: 800px;
  background: #0a0a0a url(/img/redesign/order-bg.jpg) 50% 0 no-repeat;
}

.objednavka .order-sidebar {
  background: #fff;
  min-height: 600px;
  min-width: 460px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  margin-bottom: 60px;
}

#pojisteni-modal {
  overflow-y: visible;
}

.pojisteni-section {
  display: none;
}

.objednavka .order-content {
  min-height: 550px;
  max-width: 740px;
  color: #1b1b1b;
  margin-bottom: 80px;
}

.objednavka .title {
  font-family: 'Noto Serif', serif;
  color: #fff;
  font-size: 40px;
  text-align: center;
  margin: 40px 0 40px 0;
}

.objednavka .order-sidebar .order-img {
  margin-left: -40px;
  margin-right: -40px;
  max-width: none;
  margin-bottom: 25px;
}

.objednavka .order-sidebar .param {
  display: block;
  float: left;
  margin-bottom: 15px;
  color: #1b1b1b;
}

.objednavka .order-sidebar .param.summary {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 40px;
}

.objednavka .order-sidebar .param.date {
  font-size: 20px;
}

.objednavka .order-sidebar .param.vyzadani {
  font-weight: bold;
}

.objednavka .order-sidebar .price-detail {
  display: block;
  float: right;
  text-align: center;
  line-height: 1.1;
  font-family: 'Roboto', sans-serif;
  color: #808285;
  font-size: 14px;
  position: relative;
  margin-right: -7px;
  cursor: pointer;
}

.objednavka .order-sidebar .price-detail::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 400;
  color: #f4d27b;
  font-size: 70px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.objednavka .order-sidebar label {
  float: left;
  width: 130px;
  color: #808285;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  clear: both;
  line-height: 1.2;
  padding-top: 2px;
  margin-bottom: 15px;
}

.objednavka .order-sidebar h1 {
  font-family: 'Noto serif', serif;
  font-size: 28px;
  line-height: 1.2;
  color: #1b1b1b;
}

.objednavka .order-sidebar h1 a {
  color: #c09f6c;
  font-size: 17px;
  text-decoration: underline;
  font-family: 'Roboto', sans-serif;
}

.objednavka .order-sidebar .sub-title {
  color: #1b1b1b;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.objednavka .order-sidebar hr {
  margin: 30px -10px;
}

.objednavka .order-sidebar .tab-price {
  width: 100%;
  display: none;
}

.objednavka .order-sidebar .tab-price .param {
  max-width: calc(100% - 130px);
}

.objednavka .order-sidebar .tab-price .param .item:not(.last):not(:last-child) {
  margin-bottom: 1.5em;
}

.objednavka .order-sidebar .tab-price .param .item .price {
  font-weight: bold;
}

.objednavka .order-sidebar .tab-price hr {
  margin-bottom: 15px !important;
  margin-top: 10px !important;
}

.objednavka .order-sidebar .tab-price .param.summary {
  margin-bottom: 20px !important;
}

.objednavka .order-sidebar .tab-price .price-detail-hide {
  text-align: center;
  margin: -10px 0 10px 0;
  color: #1b1b1b;
}

.objednavka .order-sidebar .tab-price .price-detail-hide u {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
}

.objednavka .order-sidebar .tab-price .price-detail-hide u::after {
  content: '\f106';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  color: #000;
  font-size: 20px;
  position: absolute;
  top: -5px;
  right: -20px;
}

.objednavka .order-sidebar .tab-price .notes {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.4;
}

.objednavka .order-sidebar .tab-price .notes strong {
  font-family: 'Roboto', sans-serif;
}

.objednavka .order-sidebar .fa.fa-star {
  color: #c09f6c;
}

.objednavka .order-content .tabs-content {
  background: #ebebeb;
  border: 0;
  padding: 20px 15px 0 15px;
}

.objednavka .order-content h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 23px;
  color: #403c3b;
  margin-bottom: 20px;
}

.objednavka .order-content .price > .oldprice {
  text-decoration: line-through;
}

.objednavka .order-content .price-item {
  display: inline-block;
  margin-right: 5px;
  text-align: center;
}

.objednavka .order-content .price-item .price-label {
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
  display: block;
}

.objednavka .order-content .price label {
  font-size: 1em;
  line-height: inherit;
}

.objednavka .order-content .price label.hidden {
  display: none;
}

.objednavka .select-people {
  margin-top: 3px;
  float: right;
}

.objednavka .custom-select,
.pojisteni .custom-select {
  cursor: pointer;
  position: relative;
  padding: 5px 10px 5px 10px;
  width: 60px;
  background: #fff;
  border-left: 2px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 17px;
  color: #1b1b1b;
}

.objednavka .custom-select.disabled {
  color: gray;
  cursor: not-allowed;
}

.objednavka .custom-select::after,
.pojisteni .custom-select::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 19px;
}

.objednavka .custom-select .options,
.pojisteni .custom-select .options {
  z-index: 2;
  display: none;
  position: absolute;
  top: 37px;
  left: -2px;
  right: 0;
  background: #fff;
  margin: 0;
  list-style: none;
  cursor: default;
  max-height: calc(60vh);
  overflow-x: auto;
  border-left: 2px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
}

.objednavka .custom-select.open .options,
.pojisteni .custom-select.open .options {
  display: block;
}

.objednavka .custom-select .fa:not(.dropdown-icon),
.pojisteni .custom-select .fa:not(.dropdown-icon) {
  color: #bb975d;
  margin-left: 10px;
}

.objednavka .custom-select li,
.pojisteni .custom-select li {
  padding: 5px 10px 5px 10px;
  font-size: 15px;
  width: 100%;
}

.objednavka .custom-select li[data-disabled],
.pojisteni .custom-select li[data-disabled] {
  color: #bbb;
}

.objednavka .custom-select li:hover,
.pojisteni .custom-select li:hover {
  background: #f4f4f4;
}

.objednavka .custom-select li[data-disabled]:hover,
.pojisteni .custom-select li[data-disabled]:hover {
  background: transparent;
}

.objednavka .order-content .numsel {
  padding: 5px 10px 5px 10px;
  width: 60px;
  background: #fff;
  border-left: 2px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
  float: right;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 17px;
  position: relative;
  color: #1b1b1b;
  margin-top: 3px;
}

.objednavka .order-content .numsel span {
  text-decoration: none;
}

.objednavka .order-content .numsel.insurance {
  width: 100% !important;
  float: none !important;
  font-weight: 300 !important;
}

.objednavka .order-content .numsel::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 19px;
}

.objednavka .order-content .numsel .options {
  display: none;
  position: absolute;
  top: 37px;
  left: -22px;
  list-style: none;
  z-index: 9;
  border-left: 2px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
  width: 100%;
}

.objednavka .order-content .numsel .options.open {
  display: block;
}

.objednavka .order-content .numsel .options li {
  padding: 5px 10px 5px 10px;
  width: 58px;
  background: #fff;
  font-size: 15px;
}

.objednavka .order-content .numsel .options li:hover {
  background: #f4f4f4;
}

.objednavka .order-content .numsel.insurance .options li {
  width: calc(100% + 2px) !important;
}

.objednavka .order-content .price {
  margin-bottom: 15px;
}

.objednavka .order-content .price strong {
  line-height: 1;
  font-size: 16px;
}

.objednavka .order-content input[type="text"] {
  width: 100%;
  background: #fff;
  border-left: 2px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
  border-right: 0;
  border-top: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  position: relative;
  color: #808285;
  margin-bottom: 10px;
}

.objednavka .start-info {
  display: block;
  margin-top: 15px;
}

.objednavka .order-content input[type="text"].invalid,
.objednavka .order-content div.numsel.invalid {
  border: 3px solid #f56;
}

.objednavka .order-content input[type="checkbox"].invalid {
  box-shadow: 0 0 0 2px #f56;
}

.objednavka .order-content input::placeholder {
  color: #989b9f;
}

.objednavka .order-content textarea::placeholder {
  color: #989b9f;
}

.objednavka .order-content textarea {
  height: 186px;
  border-left: 2px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
  border-right: 0;
  border-top: 0;
  padding: 12px;
}

.objednavka .order-content .check {
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  padding: 8px;
  border-radius: 0;
  margin: 5px 10px -3px 0 !important;
  display: inline-block;
  position: relative;
}

.objednavka .order-content .check[type='radio'] {
  border-radius: 50%;
}

.objednavka .order-content .check:checked {
  color: #ebca77;
  border: 1px solid #c5c5c5;
}

.objednavka .order-content .check:checked::after {
  content: '\2714';
  font-size: 22px;
  font-weight: bold;
  position: absolute;
  top: -7px;
  left: 2px;
  color: #ebca77;
}

.objednavka .order-content .check:focus {
  outline: none;
}

.objednavka .order-content .agree {
  font-size: 15px;
  color: #1b1b1b;
}

.objednavka .order-content .agree label {
  margin: 0;
  font-size: 1em;
}

.objednavka .order-content .agree .rules {
  text-decoration: underline;
  color: #fb0000;
}

.objednavka .order-content .button {
  padding: 1em 3em;
  font-family: 'Roboto', serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.objednavka .order-content .button:hover {
  background-color: #000;
  color: #f4d27b;
}

.objednavka .order-content .backbutton {
  float: right;
  margin: 25px;
  text-decoration: underline;
  font-family: 'Roboto', serif;
  color: #141414;
  font-weight: bold;
}

.objednavka .order-content .tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  line-height: 1;
  color: #1b1b1b;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.objednavka .order-content .tabs-title > a.disabled {
  background: transparent !important;
  cursor: default;
}

.objednavka .order-content .tabs-title > a:focus:not(.disabled),
.objednavka .order-content .tabs-title > a[aria-selected="true"] {
  background: #ebebeb;
  color: #1b1b1b;
  font-weight: bold;
}

.objednavka .order-content .content {
  background: #ebebeb;
}

.objednavka .order-content .call {
  margin: 0 0 15px 0;
  height: 50px;
  position: relative;
}

.objednavka .order-content .call .call-box {
  font-family: 'Roboto', serif;
  color: #f4d890;
  font-size: 22px;
  text-align: left;
  position: relative;
  padding-left: 60px;
  padding-top: 3px;
  width: 295px;
  float: right;
  z-index: 99;
  line-height: 1;
  cursor: pointer;
}

.objednavka .order-content .call .call-box-black {
  padding-top: 15px;
}

.objednavka .order-content .call-box span {
  line-height: 1;
  font-size: 16px;
}

.objednavka .order-content .call-box::before {
  content: '\f3cd';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 400;
  font-size: 52px;
  position: absolute;
  left: 15px;
  top: 0;
}

.objednavka .order-content .call .call-box-black::before {
  left: 15px;
  top: 15px;
}

.objednavka .order-content .call-box::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 400;
  font-size: 60px;
  position: absolute;
  right: 7px;
  top: -11px;
}

.objednavka .order-content .call .call-box-black::after {
  right: 15px;
  top: 0;
}

.objednavka .order-content .call-box-detail {
  display: none;
  background: #e8c875;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;
  position: absolute;
  width: 100%;
  font-size: 15px;
  padding: 10px 20px 20px 20px;
  z-index: 9;
}

.objednavka .order-content .pojisteni-select {
  line-height: 1.2;
  color: #989b9f;
  font-size: 13px;
  margin: 15px 0 0 10px;
}

.objednavka .order-content .pojisteni-select strong {
  display: block;
}

.objednavka .sale-box label,
.objednavka .doobsazeni-box label {
  margin: 0;
  font-size: 1em;
}

.objednavka a.button.insurrance {
  font-family: 'Roboto', serif;
  font-style: normal;
  padding: 15px 20px;
  background: #d7d7d7;
  font-size: 15px;
}

.pojisteni-blok {
  overflow: auto;
}

.pojisteni-blok > * {
  float: left;
}

.pojisteni {
  margin: 0 !important;
  padding: 0;
  position: relative;
}

.fancybox-slide::before {
  height: 0 !important;
}

.pojisteni .button {
  padding: 12px 30px;
  font-family: 'Roboto', serif;
  font-size: 17px;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
  margin-left: 30px;
  margin-bottom: 20px;
  float: right;
}

.pojisteni .button:hover {
  background-color: #000;
  color: #f4d27b;
}

.objednavka .order-content .call-box-black {
  color: #000 !important;
}

.objednavka .order-content .call-form {
  margin-top: 25px;
  text-align: center;
}

.objednavka .order-content .call-form input[type="text"] {
  border-top: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-left: 0;
  border-bottom: 0;
}

.objednavka .order-content .call-box-detail .button {
  border: 2px solid #000;
  background: #000;
  text-align: center;
  padding: .5em 2em;
  font-family: 'Roboto', serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  color: #f4d27b;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 5px;
  float: none;
}

.objednavka .order-content .call-box-detail .button:hover {
  background-color: #e8c875;
  border: 2px solid #000;
  color: #000;
}

.objednavka .order-content .insurance-link {
  text-decoration: underline;
  color: #fb0000;
  font-size: 14px;
  display: block;
  text-align: right;
  margin-top: 5px;
}

.objednavka .order-content .cestujicibox {
  display: none;
  margin-top: 10px;
}

.cestujicibox hr {
  margin: 5px 0 15px 0;
}

@media (min-width: 1024px) {
  .cestujicibox hr {
    display: none;
  }
}

.objednavka .order-content .objednatelbox {
  display: none;
  margin-top: 10px;
}

.objednatelbox:not(.s-pojistenim) .birthdate-blk,
.cestujicibox:not(.s-pojistenim) .birthdate-blk {
  display: none;
}

.objednavka .fakultativni-vylety .clanek {
  border-bottom: 30px solid #ebebeb;
}

.objednavka .fakultativni-vylety .popis .clanek-nadpis {
  font-size: 20px;
}

.objednavka .fakultativni-vylety p {
  font-size: 13px !important;
  min-height: 20px;
}

.objednavka .fakultativni-vylety .popis .clanek-nadpis.no-top-margin {
  margin-top: 1em;
}

.objednavka .fakultativni-vylety .popis .button {
  padding: .5em 1.5em !important;
}

.objednavka .fakultativni-vylety .popis .cena {
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 10px;
}

.objednavka .platba {
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.objednavka .platba > div {
  margin-bottom: 10px;
}

.objednavka .platba > ul li {
  list-style: none;
  margin-left: 15px;
  margin-bottom: 10px;
  position: relative;
}

.objednavka .platba > ul li::before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  position: absolute;
  left: -30px;
}

.objednavka .dokonceni {
  max-width: 540px;
  margin: 0 auto;
  margin-bottom: 80px;
  float: none;
}

.objednavka .dokonceni .text {
  font-size: 18px;
  color: #585856;
}

.objednavka .dokonceni h2 {
  margin-top: 40px;
}

.objednavka .dokonceni #submit-state {
  text-align: center;
}

.objednavka .dokonceni #submit-state .fas {
  margin-bottom: 30px;
  font-size: 3em;
  color: #999;
}

.objednavka .dokonceni #submit-state p.centered {
  text-align: center;
}

.objednavka .dokonceni #submit-state .fas.green {
  color: #3cdc00;
}

.objednavka .dokonceni #submit-state .fas.red {
  color: #b11;
}

.objednavka .dokonceni .func {
  font-size: 15px;
  vertical-align: middle;
  margin: 25px 0 30px 0;
  line-height: 1.2;
}

.objednavka .dokonceni .func > i {
  font-size: 23px;
  margin-right: 30px;
  float: left;
}

.objednavka .dokonceni .func a {
  color: #fe1c0b;
}

/* katalogy */

#catalogTable td {
  width: 33%;
  padding: 20px;
}

#catalogTable tr {
  background: #fff !important;
}

#catalogTable tr td img {
  border: 1px solid #999;
  box-shadow: 2px 2px 4px #ccc;
  max-height: 340px;
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

#catalogTable td p {
  display: block;
  height: 50px;
  margin-top: 10px;
  text-align: center;
}

#katalog_form {
  background-color: #f1f1f1;
  padding: 30px;
}

#katalog_form tr {
  background: #f1f1f1;
}

#katalog_form td {
  padding: .3rem 0 .3rem;
}

#katalog_form .button {
  float: right;
}

#katalog_form b {
  font-size: 26px;
  font-weight: 300;
  display: block;
  margin-bottom: 20px;
}

#katalog_form table b {
  font-size: 22px;
}

/* popup s pojistením */

.white {
  background: #fff !important;
}

.pojisteni .tabs-title > a:focus,
.pojisteni .tabs-title > a[aria-selected="true"] {
  background: #e6e6e6;
  color: #454344;
  font-size: 16px;
  font-weight: bold;
}

.pojisteni .tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 16px;
  line-height: 1;
  color: #454344;
}

.pojisteni > .grid-x {
  max-width: 45rem;
  padding: 30px;
  background: #fff;
}

.custom-reveal {
  max-width: 43.5rem !important;
  top: 0 !important;
  padding: 0;
}

.pojisteni .tabs-content {
  font-size: 14px;
}

.pojisteni table .paddingleft {
  padding-left: 20px;
}

.pojisteni .print {
  color: #0a0a0a;
  text-decoration: underline;
}

.pojisteni .print::before {
  content: '\f016';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  padding-right: 10px;
}

.pojisteni .box {
  font-weight: 300;
  background: #e6e6e6;
  padding: 20px;
  width: 600px;
  margin: 20px 0;
}

.pojisteni .box label {
  font-weight: bold;
}

.pojisteni .custom-select {
  float: left;
  margin-right: 30px;
}

.pojisteni .typ {
  float: left;
  line-height: .8;
  width: 200px;
  margin-top: -5px;
}

.pojisteni .typ span {
  line-height: 1.2;
}

.pojisteni .cena {
  line-height: 2.2;
}

.pojisteni .info-link {
  color: #585858;
  text-decoration: underline;
  display: block;
}

.pojisteni .info-link:hover {
  color: #000;
}

.pojisteni .box .grid-x {
  margin: 10px 0 !important;
}

.fancybox-slide--iframe .fancybox-content {
  max-width: 800px !important;
  background: transparent !important;
  margin: 0;
}

.fancybox-slide--iframe .fancybox-iframe {
  background: transparent !important;
}

.fancybox-slide--iframe body {
  background: transparent !important;
}

.transparent {
  background: transparent !important;
}

.fancybox-container--ready .fancybox-bg {
  opacity: .92;
}

.fancy-iframe .fancybox-buttons {
  display: none;
}

.pojisteni .fancy-close {
  border: 4px solid #fff !important;
}

/* blok s detailem zájezdu */
.carousel-list .primary,
.primary.list-box {
  background: #fff;
  border: 0;
  padding: 0;
  width: 384px;
  height: 355px;
  margin: 7.5px 0;
  overflow: hidden;
  position: relative;
  text-align: left;
}

.carousel-list .primary h2,
.primary.list-box h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  color: #403c3b;
  padding: 5px 20px;
  margin: 0;
  text-transform: none;
  text-align: left;
  letter-spacing: 0;
  display: block;
  border: 0;
  height: 57px;
  line-height: 1.1;
}

.carousel-list .primary hr,
.primary.list-box hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #f4d27b;
  margin: 1.4em 0 1.8em 0;
  padding: 0;
}

.carousel-list .primary p,
.primary.list-box p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #f4d27b;
  margin: 0;
  text-align: left;
}

.carousel-list .primary .detail-info,
.primary.list-box .detail-info {
  position: relative;
}

.carousel-list .primary .detail-info .days,
.primary.list-box .detail-info .days {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 12px;
  color: #f4d27b;
}

.primary .detail-date {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.primary .detail-date a {
  color: inherit;
}

.primary .detail-date i {
  margin-right: 3px;
  color: #f4d27b;
}

.primary .detail-date span {
  font-weight: 300;
}

.primary .detail-date .other-dates {
  font-size: 12px;
  color: #fff;
  padding-left: 20px;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
}

.primary .visible .detail-date {
  padding-left: 22px;
  float: left;
}

.primary .detail-date .vyprodano strong {
  font-size: 20px;
}

.primary .visible .detail-date a {
  color: #000;
}

.primary .visible .detail-date i {
  padding-right: 5px;
  color: #000;
}

.primary .visible .detail-date .other-dates {
  font-size: 12px;
  color: #000;
  padding-left: 20px;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
}

.primary.pobyt-box .visible .detail-date {
  padding-left: 22px;
  float: left;
}

.primary.pobyt-box .visible .detail-date a {
  color: #000;
}

.primary.pobyt-box .visible .detail-date i {
  padding-right: 3px;
  color: #000;
}

.primary.pobyt-box .visible .detail-date .other-dates {
  font-size: 12px;
  color: #000;
  padding-left: 20px;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
}

.primary.pobyt-box .hidden .detail-date {
  color: #fff;
  font-weight: normal;
}

.primary.pobyt-box .detail-date .other-dates {
  font-size: 12px;
  color: #fff;
  padding-left: 20px;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
}

.primary .savings {
  font-size: 13px;
  letter-spacing: .3px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
  display: block;
}

.list-rows .savings {
  font-size: 15px;
}

.carousel-list .primary .term,
.primary.list-box .term,
.primary.pobyt-box .term {
  display: block;
  font-size: 17px;
  padding-top: 5px;
}

.carousel-list .primary .term strong,
.primary.list-box .term strong,
.primary.pobyt-box .term strong {
  font-weight: bold;
  font-size: 22px;
}

.carousel-list .primary span.button,
.primary.list-box span.button {
  margin-top: 30px;
  padding: .65em 1.5em;
  float: right;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #f4d27b;
  color: #141414;
  border-radius: 3px;
}

.carousel-list .primary span.button:hover,
.primary.list-box span.button:hover {
  background: #000;
  color: #f4d27b;
}

.carousel-list .primary .hidden,
.primary.list-box .hidden {
  height: 100%;
  display: none;
  padding: 15px;
  background: #0a0a0a;
  position: absolute;
  max-width: 100%;
  width: 100%;
}

.carousel-list .primary .hidden h2,
.primary.list-box .hidden h2 {
  padding: 0;
  color: #fff;
}

.carousel-list .primary .tour-type,
.primary.list-box .tour-type {
  color: #797b7d;
  padding: 8px 0 0 20px;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
}

.carousel-list .primary .hidden .tour-type,
.primary.list-box .hidden .tour-type {
  padding: 0 0 10px 0;
  font-size: 14px;
}

.carousel-list .primary .hidden .tour-type a,
.primary.list-box .hidden .tour-type a {
  color: #797b7d;
}

.carousel-list .primary .tour-type i,
.primary.list-box .tour-type i {
  margin-right: 5px;
  margin-left: 3px;
}

.carousel-list .primary .place,
.primary.list-box .place,
.primary.pobyt-box .place {
  color: #797b7d;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
}

.primary.list-box .place {
  padding: 0 0 0 16px;
  width: 77%;
}

.primary.pobyt-box .place {
  padding: 0;
}

.carousel-list .primary .place em,
.primary.list-box .place em,
.primary.pobyt-box .place em {
  font-style: normal;
  text-decoration: underline;
  padding: 0 8px 0 8px;
}

.primary.pobyt-box .place em {
  padding: 0;
}

.carousel-list .primary div.popis,
.primary.list-box div.popis {
  height: 92px;
  text-align: left;
}

.primary .term-price {
  font-family: 'Roboto', sans-serif;
  float: right;
  margin: 0 20px 0 0;
  margin-top: 12px;
  position: relative;
}

.primary .term-price .price {
  color: #000;
  font-weight: normal;
  font-size: 17px;
}

.primary .term-price .price strong {
  font-weight: bold;
  font-size: 20px;
}

.primary .term-price .days {
  position: absolute;
  top: -15px;
  right: 0;
  font-size: 12px;
  color: #797b7d;
}

/* výpis pobytových zájezdů */
.primary.pobyt-box {
  background: #fff;
  border: 0;
  padding: 0;
  width: 384px;
  height: 355px;
  margin: 7.5px 0;
  overflow: hidden;
  position: relative;
  text-align: left;
}

.primary.pobyt-box h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  color: #403c3b;
  padding: 7px 20px;
  margin: 0;
  text-transform: none;
  text-align: left;
  letter-spacing: 0;
  display: block;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 57px;
  line-height: 1.1;
}

.primary.pobyt-box h2 sup {
  color: #f4d27b;
  font-size: 14px;
}

.primary.pobyt-box hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #f4d27b;
  margin: 1em 0 1.8em 0;
  padding: 0;
}

.primary.pobyt-box div.popis,
.primary.pobyt-box p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #f4d27b;
  margin: 0;
  text-align: left;
}

.primary.pobyt-box .tour-type,
.carousel-list .primary .tour-type,
.primary.list-box .tour-type {
  color: #797b7d;
  padding: 8px 0 0 20px;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}

.primary.pobyt-box div.popis {
  min-height: 84px;
  margin-top: 5px;
}

.primary.pobyt-box .hidden div.popis ul {
  margin-left: 0;
}

.primary.pobyt-box .hidden div.popis ul li {
  list-style: none;
}

.primary.pobyt-box .hidden .tour-type {
  padding: 0 0 0 0;
  font-size: 13px;
}

.primary.pobyt-box .tour-type i {
  margin-right: 10px;
  margin-left: 3px;
}

.primary.pobyt-box .hidden .price {
  color: #fff;
}

.primary.pobyt-box .price span {
  font-weight: normal;
  font-size: 17px;
}

.primary .exclusive {
  color: #000;
  background: #f4d27b;
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 10px;
  top: 0;
  right: 0;
  height: 60px;
  width: 85px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.primary .exclusive.wide {
  width: 155px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 10px;
}

.primary.pobyt-box span.button {
  margin-top: 27px;
  padding: .65em 1.5em;
  float: right;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #f4d27b;
  color: #141414;
  border-radius: 3px;
}

.primary.pobyt-box span.button:hover {
  background: #000;
  color: #f4d27b;
}

.primary.pobyt-box .hidden {
  height: 100%;
  display: none;
  padding: 15px;
  background: #0a0a0a;
  position: absolute;
  width: 100%;
}

.primary.pobyt-box .hidden i {
  margin-right: 10px;
}

.primary.pobyt-box .hidden .popis i.fa-star {
  margin-right: 4px;
}

.primary.pobyt-box .hidden h2 {
  padding: 0;
  color: #fff;
  margin: 5px 0 0 0;
  font-size: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.2;
  max-height: 52px;
}

.primary.pobyt-box .hidden h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 14px 0 3px 0;
}

.primary.pobyt-box .hidden ul li {
  font-size: 16px;
  color: #eee;
  font-weight: 400;
}

.primary.pobyt-box .hidden ul li i {
  color: #f4d27b;
}

.primary.pobyt-box .detail-info {
  position: relative;
}

.primary.pobyt-box .detail-info .days {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #f4d27b;
}

/* výpis pobytových zájezdů - seznam */

.list-rows .primary {
  border-bottom: 1px solid #494a4c;
  margin-bottom: 25px;
  min-height: 135px;
}

.list-rows .primary h2 {
  font-family: 'Noto Serif', serif;
  font-size: 22px;
  color: #fff;
  padding: 0 10px;
  margin: 0;
  text-transform: none;
  text-align: left;
  letter-spacing: 0;
  display: block;
  border: 0;
  height: 60px;
}

.list-rows .primary h2 sup {
  color: #f4d27b;
  font-size: 14px;
}

.list-rows .primary .tour-type {
  color: #797b7d;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
}

.list-rows .primary .tour-type i {
  margin-right: 6px;
  margin-left: 12px;
}

.list-rows .primary .image {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 25px;
  position: relative;
}

.list-rows .exclusive {
  color: #000;
  background: #f4d27b;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  top: 0;
  right: 0;
  height: 38px;
  width: 70px;
  font-size: 10px;
  font-weight: 500;
}

.list-rows .exclusive.wide {
  width: 125px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.list-rows .primary h2 a {
  color: inherit;
}

.list-rows .primary .parametr {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #f4d27b;
  margin: 0;
  text-align: left;
}

.list-rows .primary .parametr i {
  margin-right: 6px;
}

.list-rows .primary .param-item {
  float: left;
  margin-left: 10px;
}

.list-rows .primary .param-item sup {
  color: #797b7d;
}

.list-rows .primary .parametr i.fa-star,
.list-rows .primary .parametr i.fa-star-half {
  margin: 0;
}

.list-rows .primary .popis {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #f4d27b;
  text-align: left;
  padding-left: 12px;
  margin-top: -20px;
  width: 85%;
}

.list-rows .primary .price {
  color: #f4d27b;
  padding: 0;
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}

.list-rows .primary .price-info {
  color: #fff;
  padding: 23px 0 0 0;
  margin: 0;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
}

.list-rows .primary a.button {
  margin-top: 33px;
  padding: .65em 1em;
  float: right;
  font-family: 'Roboto', serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  border: 2px solid #f4d27b;
  color: #141414;
  border-radius: 3px;
}

.list-rows .primary a.button:hover {
  background: #000;
  color: #f4d27b;
}

.list-rows .detail-date.vertical-center {
  margin-top: 2.5em;
}

.list-rows .detail-date a {
  color: #fff;
}

.list-rows .detail-date a .fa-calendar {
  padding-top: 12px;
  color: #f4d27b;
  margin-right: .1em;
}

.list-rows .other-dates {
  color: #fff;
  font-size: 14px;
  min-height: 16px;
  width: 100%;
  display: inline-block;
}

/* kontinenty */
.continents {
  text-align: center;
  margin-top: 70px;
}

.continents h2 {
  letter-spacing: 4px;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 35px;
  color: #fff;
  padding: 10px 15px;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #f4d27b;
  font-weight: normal;
}

.continents span.subheader,
.continents h3 {
  margin-top: 15px;
  margin-bottom: 80px;
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #f4d27b;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}

.continents h3 {
  font-size: 15px !important;
  height: 280px;
  margin-bottom: 0;
}

.continents h3 a {
  transition: color .25s ease-out;
}

.continents > div {
  position: relative;
}

.continents > div:hover .states {
  display: block;
}

.continents > div > div {
  height: 280px;
}

.continents .afrika h3 a {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-afrika.png) 50% 0 no-repeat;
}

.continents .asie h3 a,
.continents .azia h3 a {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-asie.png) 50% 0 no-repeat;
}

.continents .australie-a-oceanie h3 a,
.continents .australia-a-oceania h3 a {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-australie-a-oceanie.png) 50% 0 no-repeat;
}

.continents .evropa h3 a,
.continents .europa h3 a {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-evropa.png) 50% 0 no-repeat;
}

.continents .latinska-amerika h3 a {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-latinska-amerika.png) 50% 0 no-repeat;
}

.continents .polarni-oblasti h3 a,
.continents .polarne-oblasti h3 a {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-polarni-oblasti.png) 50% 0 no-repeat;
}

.continents .severni-amerika h3 a,
.continents .severna-amerika h3 a {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-severni-amerika.png) 50% 0 no-repeat;
}

.continents h3 a:hover {
  color: #fff;
}

.continents .states {
  background-color: #0a0a0a;
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}

.continents .states a {
  font-size: 13px;
  display: block;
  text-align: center;
  letter-spacing: 2px;
  font-family: 'Roboto', sans-serif;
  transition: color .25s ease-out, border .25s ease-out;
  text-shadow: none;
  color: #fff;
  text-transform: none;
  line-height: 1.2;
  padding-top: 5px;
  padding-bottom: 5px;
}

.continents .states a.continent {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  color: #f4d27b;
  border-bottom: 1px solid #f4d27b;
  line-height: 1.6;
  margin-bottom: 5px;
}

.continents .states a.more {
  color: #f4d27b;
}

.continents .states a:hover {
  color: #f4d27b;
}

.continents .states a.continent:hover {
  color: #fff;
  border-color: #fff;
}

.continents .states a.more:hover {
  color: #fff;
}

/* kontinenty výpis */
.continents-page {
  text-align: center;
  margin-top: 40px;
}

.continents-page h2 {
  letter-spacing: 4px;
  display: inline-block;
  font-family: 'Noto Serif', serif;
  font-size: 35px;
  color: #fff;
  padding: 10px 15px;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #f4d27b;
}

.continents-page .afrika .pic {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-afrika.png) 50% 0 no-repeat;
}

.continents-page .asie .pic,
.continents-page .azia .pic {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-asie.png) 50% 0 no-repeat;
}

.continents-page .australie-a-oceanie .pic,
.continents-page .australia-a-oceania .pic {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-australie-a-oceanie.png) 50% 0 no-repeat;
}

.continents-page .evropa .pic,
.continents-page .europa .pic {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-evropa.png) 50% 0 no-repeat;
}

.continents-page .latinska-amerika .pic {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-latinska-amerika.png) 50% 0 no-repeat;
}

.continents-page .severni-amerika .pic,
.continents-page .severna-amerika .pic {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-severni-amerika.png) 50% 0 no-repeat;
}

.continents-page .polarni-oblasti .pic,
.continents-page .polarne-oblasti .pic {
  display: block;
  padding-top: 175px;
  background: #0a0a0a url(/img/redesign/gfx/kontinent-polarni-oblasti.png) 50% 0 no-repeat;
}

.continents-page h3 a:hover {
  color: #fff;
}

.continents-page .states {
  background-color: #0a0a0a;
  width: 70%;
  margin: 0 auto;
  padding: 0 0 100px 0;
}

.continents-page .states a {
  font-size: 16px;
  font-weight: bold;
  display: block;
  text-align: center;
  letter-spacing: 2px;
  font-family: 'Roboto', sans-serif;
  transition: color .25s ease-out, border .25s ease-out;
  text-shadow: none;
  color: #fff;
  text-transform: none;
  line-height: 1.4;
  padding-top: 5px;
  padding-bottom: 5px;
}

.continents-page .states a.continent {
  font-family: 'Roboto', serif;
  text-transform: uppercase;
  color: #f4d27b;
  border-bottom: 1px solid #f4d27b;
  line-height: 1.6;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}

.continents-page .states a.more {
  color: #f4d27b;
}

.continents-page .states a:hover {
  color: #f4d27b;
}

.continents-page .states a.continent:hover {
  color: #fff;
  border-color: #fff;
}

.continents-page .states a.more:hover {
  color: #fff;
}

/* kontinent detail */

.kontinent-detail .subsection-list a {
  font-family: 'Roboto', serif;
  color: #fff;
  font-size: 18px;
}

.kontinent-detail .subsection-list a:hover {
  color: #f4d27b;
}

.kontinent-detail .subsection-list .cell {
  margin: 6px 0 6px 0;
}

.kontinent-detail .relative {
  margin-top: 20px;
}

.kontinent-detail .sorting {
  margin-top: 10px;
  margin-bottom: 20px;
}

.kontinent-detail .dalsi {
  text-align: center;
  padding: 40px 0 70px 0;
}

.kontinent-detail .dalsi .button {
  border: 2px solid #f4d27b;
  padding: 1em 2.5em;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
  margin-top: 20px;
}

.kontinent-detail .dalsi .button:hover {
  background-color: transparent;
  color: #f4d27b;
}

/* země detail */

.subsection-list {
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}

.subsection-list a {
  font-family: 'Roboto', serif;
  color: #fff;
  font-size: 16px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.subsection-list a:hover {
  color: #f4d27b;
}

.subsection-list .cell {
  margin-top: 6px;
  margin-bottom: 6px;
  height: 27px;
}

.zeme-detail #vypis-zajezdu {
  margin-top: 0;
}

.zeme-detail .search-box.accordion-content {
  padding-top: 0 !important;
}

/* SEO odkazy */

.seolinks {
  text-align: center;
  margin-top: 70px;
}

.seolinks h2 {
  letter-spacing: 4px;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 35px;
  color: #fff;
  padding: 10px 15px;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #f4d27b;
  font-weight: normal;
}

.seolinks span.subheader {
  margin-bottom: 20px;
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #f4d27b;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}

.seolinks .seolinks-header {
  margin-bottom: 20px;
}

.seolinks.single-col .subheader {
  display: none;
}

.seolinks .link-list a {
  font-family: 'Roboto', serif;
  color: #fff;
  font-size: 18px;
  display: block;
  margin: 5px 0;
  font-weight: 100;
}

.seolinks .link-list a:hover {
  color: #f4d27b;
}

/* formulář */
.form-footer {
  margin-top: 20px;
  text-align: center;
  background: #0a0a0a url(/img/redesign/form-background.jpg) 50% 100% no-repeat;
  height: 1050px;
}

.form-footer h2 {
  letter-spacing: 4px;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 35px;
  color: #fff;
  padding: 10px 15px;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #f4d27b;
}

.form-footer span.subheader {
  margin-top: 15px;
  margin-bottom: 80px;
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #f4d27b;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}

.form-footer form {
  max-width: 385px;
  margin: 0 auto;
}

.form-footer form .input-group-field,
.form-footer form textarea {
  resize: none;
  padding: 10px 20px;
  height: 50px;
  border: 0;
  box-shadow: none;
  background: #fff !important;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #262626;
  border-radius: 3px !important;
}

.form-footer form textarea {
  height: 220px;
}

.form-footer form .input-group-field:focus,
.form-footer form textarea:focus {
  box-shadow: none;
  background: #fff !important;
}

.form-footer form .button {
  display: block;
  margin: 0 auto;
  padding: .85em 2.65em;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #141414;
  border-radius: 3px;
}

.form-footer form .button:hover {
  background: #000;
  color: #f4d27b;
}

/* formulář - objednávka */
.form-order {
  padding: 35px;
  text-align: center;
  border: 1px solid #ebca77;
}

.form-order h2 {
  letter-spacing: 4px;
  display: inline-block;
  font-family: 'Noto Serif', serif;
  font-size: 35px;
  color: #fff;
  padding: 10px 15px;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #f4d27b;
}

.form-order span.subheader {
  margin-top: 15px;
  margin-bottom: 80px;
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #f4d27b;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}

.form-order form {
  max-width: 360px;
  margin: 0 auto;
}

.form-order form .input-group-field,
.form-order form textarea {
  resize: none;
  padding: 10px 20px;
  height: 45px;
  border: 0;
  box-shadow: none;
  background: #fff !important;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-style: italic;
  color: #6f6f6f !important;
}

.form-order form textarea {
  height: 180px;
}

.form-order form .input-group-field:focus,
.form-order form textarea:focus {
  box-shadow: none;
  background: #fff !important;
}

.form-order form .button {
  display: block;
  margin: 22px auto 0;
  padding: .85em 2.65em;
  font-family: 'Noto Serif', serif;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: #141414;
  border-radius: 3px;
}

.form-order form .button:hover {
  background: #000;
  color: #f4d27b;
}

.form-order .dalsi-prani {
  font-family: 'Roboto', serif;
  color: #ebca77;
  text-align: left;
  margin: 30px 0 10px 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.form-order .note {
  font-family: 'Roboto', serif;
  color: #ebca77;
  text-align: left;
  margin: -20px 0 10px 0;
  font-size: 14px;
}

.form-order .note a {
  text-decoration: underline;
}

/* patička */
.footer {
  padding: 100px 20px 0 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #f4d27b;
  font-weight: lighter;
  letter-spacing: 1px;
}

.footer.padding {
  padding: 0 20px 100px 20px !important;
}

.footer .footer-kontakt {
  max-width: 290px;
}

.footer .footer-kontakt h2 {
  margin-top: 135px;
}

.footer .footer-menu {
  max-width: 270px;
}

.footer .footer-menu h2.adresy {
  margin-top: 80px;
}

.footer .footer-oblibene {
  max-width: 270px;
}

.footer .footer-zajezdy {
  max-width: 340px;
}

.footer .h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  border-bottom: 1px solid #f4d27b;
  max-width: 175px;
  margin-bottom: 25px;
  padding-bottom: 5px;
}

.footer ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 40px;
}

.footer ul li {
  padding: 2px 0;
}

.footer .footer-bigger {
  font-size: 20px;
  line-height: 1;
}

.footer .footer-ttg {
  float: left;
  margin-top: 30px;
}

.footer .footer-aspera {
  margin-top: 15px;
}

.footer p {
  margin-left: 68px;
  margin-top: 25px;
  margin-bottom: 0;
}

.footer a {
  transition: color .25s ease-out;
}

.footer a.underline {
  color: #fff;
}

.footer a:hover,
.footer a:focus {
  color: #fff;
}

.footer a.underline:hover {
  text-decoration: underline;
}

.footer .input-group {
  max-width: 220px;
}

.footer .input-group-field {
  border-color: #fff;
  box-shadow: none;
  background-color: #fff !important;
}

.footer .input-group-field:focus {
  border-color: #fff;
  box-shadow: none;
  background-color: #fff !important;
}

.footer .input-group-button .fa-input {
  font-size: 26px !important;
  padding: 0 15px;
  border-color: #fff;
  transition: background-color .25s ease-out, color .25s ease-out, border .25s ease-out;
}

.footer .input-group-button .fa-input:hover {
  border-color: #f4d27b;
}

.footer.padding ul {
  margin-bottom: 20px;
}

.copyright {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  color: #f4d27b;
  font-weight: lighter;
  letter-spacing: 1px;
}

.copyright a:hover,
.copyright a:focus {
  color: #fff;
}

.copyright a.author {
  float: right;
}

.button.primary {
  color: black;
  border-radius: 3px;
  font-weight: 600;
}

.button.primary:hover {
  background-color: black;
  color: #f4d27b;
}

.button.primary.dark-bg:hover,
.button.primary.dark-bg:focus {
  background-color: white;
  color: black;
}

.button.primary.margin {
  margin: 10px 0 20px 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button.white {
  color: #000;
  background-color: #fff;
}

.button.white:hover {
  background-color: #f4d27b;
}

.fa-input {
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
}

.no-padding {
  padding: 0 !important;
}

.vytisknout {
  text-align: right;
  float: right;
  padding: 10px 10px 5px 0;
  font-weight: 500;
}

.vytisknout button {
  color: #f4d27b;
  font-family: 'Roboto', sans-serif;
  background: none;
  border: none;
  cursor: pointer;
}

.vytisknout button:hover {
  color: #fff;
}

.vytisknout i {
  padding: 10px;
}

.vytisknout .dropdown-pane {
  z-index: 1;
}

#print-dropdown {
  background-color: transparent;
  border: none;
  padding: 0;
}

#print-dropdown .inner-dropdown {
  position: relative;
  margin-top: 15px;
  background-color: black;
  border-radius: 5px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .5);
  padding: 10px;
  width: 256px;
  margin-left: auto;
}

.check-title {
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #ddd;
  padding: 8px 0 8px 14px;
  margin: 0 5px;
  border-bottom: 1px solid #333;
}

#print-dropdown .inner-dropdown .check-block {
  text-align: left;
  color: white;
  margin: 10px 20px;
}

#print-dropdown .inner-dropdown .check-group {
  margin-bottom: 20px;
}

#print-dropdown .inner-dropdown .check-block label {
  color: inherit;
  font-weight: 500;
  letter-spacing: .04em;
  font-size: 15px;
}

#print-dropdown .button {
  margin-bottom: 0;
  width: 49%;
  padding: .85em .5em;
}

#print-dropdown .inner-dropdown::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent black transparent;
  position: absolute;
  top: -15px;
  right: 40px;
}

/* pobytový zájezd - detail */

.pobyt .zalozky-zajezdu a {
  padding: 13px 20px;
}

.pobyt .zalozky-zajezdu .tabs li {
  margin-right: 10px;
}

/* pobytový zájezd - založka o hotelu */

.pobyt #panel-mapa {
  margin: 0;
}

.panely-zajezdu {
  margin-bottom: 60px;
}

.panely-zajezdu h3 {
  font-family: 'Roboto', sans-serif;
  color: #414042;
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 20px;
}

.pobyt #panel-mapa h4 {
  font-family: 'Roboto', sans-serif;
  color: #414042;
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 20px;
}

.pobyt #panel-mapa li {
  list-style-type: none;
  padding: 15px 0 15px 30px;
}

/* pobytový zájezd - založka pokoje */

#panel-pokoje.tabs-panel {
  padding: 60px 0;
}

#panel-pokoje .intro {
  padding: 0 100px 40px 100px;
}

#panel-pokoje .pokoj {
  padding: 50px 100px;
}

#panel-pokoje .pokoj:nth-child(even) {
  background: #ebebeb;
}

#panel-pokoje .button-medium {
  max-width: 380px;
  margin: 20px 20px 20px 50px;
  float: right;
  padding: .9em 1.5em;
  font-family: 'Noto Serif', serif;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: #212121;
  background: #f4d27b;
  border-radius: 3px;
}

#panel-pokoje .button-medium:not(.disabled):hover {
  background-color: #212121;
  color: #f4d27b;
}

#panel-pokoje .button-medium.disabled {
  background-color: #ccc;
  color: #999;
  cursor: not-allowed;
}

/* pobytový zájezd - termíny a ceny */
.pobyt .terminy-zajezdu th:nth-child(6) {
  border-right: 1px solid #bababa !important;
}

.pobyt .terminy-zajezdu th:nth-child(7) {
  border-right: 0 !important;
}

.pobyt .terminy-zajezdu td:nth-child(5) {
  border-right: 1px solid #d6d6d7 !important;
}

.pobyt .terminy-zajezdu td:nth-child(7) {
  padding-left: 0 !important;
}

.pobyt .terminy-zajezdu td:nth-child(6),
.pobyt .terminy-zajezdu td:nth-child(1) {
  font-weight: bold !important;
}

.pobyt .terminy-zajezdu th {
  text-align: left;
  padding-left: 15px;
}

.pobyt .terminy-zajezdu td {
  text-align: center;
  padding-left: 15px !important;
  font-weight: 400;
}

.pobyt .terminy-zajezdu tr td:nth-child(2) {
  text-align: center;
}

.pobyt .terminy-zajezdu th:nth-child(1):hover,
.pobyt .terminy-zajezdu th:nth-child(2):hover,
.pobyt .terminy-zajezdu th:nth-child(3):hover,
.pobyt .terminy-zajezdu th:nth-child(4):hover,
.pobyt .terminy-zajezdu th:nth-child(5):hover {
  background: #cecece;
}

.pobyt #panel-terminy .terminy-zajezdu th i {
  float: right;
  padding: 3px 0 0 8px;
}

.pobyt .search-box {
  padding: 15px 10px 15px 10px;
}

.pobyt .search-box input[type="submit"] {
  width: 140px;
  padding: 9px 20px;
}

.pobyt .search-box .input {
  width: 180px;
  padding: 0 9px;
}

.pobyt .search-box .select {
  position: relative;
  width: 180px;
  padding: 0 6px;
}

.pobyt .search-box .text {
  padding: 0 9px 0 25px;
  width: 135px;
}

.pobyt .search-box p.header {
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  color: #1c1a18;
  text-align: left;
  line-height: 1;
}

.pobyt .search-box.accordion-content {
  background-color: #f4d27b !important;
  padding: 0 10px 15px 10px !important;
}

.panely-zajezdu .search-more {
  color: #000;
  font-size: 17px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.panely-zajezdu .search-more:hover {
  color: #f4d27b;
}

.panely-zajezdu .terminy-zajezdu {
  margin-bottom: -15px;
}

.status-icon {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 15px;
  margin-top: 3px;
  border: 4px solid #fff;
  position: absolute;
}

.status-icon--close {
  background: #ebebec;
}

.status-icon--places {
  background: #b6b6b7;
}

.status-icon--open {
  background: #f4d27b;
}

.status-text {
  display: inline-block;
  margin: 3px 3px 0 30px;
}

.doobsazeni .status-icon {
  margin-top: 5px;
}

.doobsazeni-text {
  display: inline-block;
  margin-left: 30px;
  font-size: 12px;
  letter-spacing: .7px;
  font-weight: 400;
  color: #222;
}

.doobsazeni-text--long {
  margin: 3px 3px 3px 30px;
}

.doobsazeni-icon {
  display: inline-block;
  margin: 2px 0;
  text-align: center;
  font-size: 1.2em;
}

@media (max-width: 800px) {
  .status-icon {
    width: 13px;
    height: 13px;
    border: none;
    margin-right: 5px;
    margin-top: 6px;
  }

  .doobsazeni .status-icon {
    margin-top: 3px;
  }

  .status-text {
    margin: 3px 3px 0 20px;
  }
}

.detail-text-section {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
}

.no-top-margin {
  margin-top: 0;
}

.detail-text-section ul {
  padding-left: 55px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  color: #1b1b1b;
}

#panel-program .detail-text-section ul {
  list-style: none;
  padding: 0;
}

#panel-program .detail-text-section li {
  padding-left: 1.3em;
  line-height: 32px;
}

#panel-program .detail-text-section li::before {
  content: "\f058";
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 400;
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
  color: #f4d27b;
  font-size: 25px;
  position: absolute;
}

#panel-program .button-medium {
  margin: 0 0 10px 0;
  float: right;
  padding: .6em 1.5em;
  font-family: 'Roboto', serif;
  font-size: 18px;
  font-weight: 500;
  color: #212121;
  background: #f4d27b;
  border-radius: 3px;
  text-align: center;
}

#panel-program .button-medium:hover {
  background-color: #212121;
  color: #f4d27b;
}

#panel-program .button-itinerar {
  margin-top: -.5em;
  background-color: transparent;
}

#panel-program .button-itinerar:hover {
  background-color: transparent;
  color: #7a693d;
}

#panel-program .map-icon {
  height: 1.5em;
  margin-bottom: -.25em;
  margin-right: .8em;
}

#panel-pokoje :last-child:not(.is-active) > .accordion-title,
#panel-pokoje .accordion-item:first-child > :first-child {
  border-radius: 0 5px 5px 0;
}

#map {
  height: 650px;
  width: 100%;
  margin-bottom: 20px;
}

#panel-mapa {
  margin-left: -80px;
  margin-right: -80px;
}

#top-anchor {
  position: absolute;
  top: 250px;
}

#top-anchor-order {
  position: absolute;
  top: 490px;
}

.background2 {
  background: #0a0a0a url(/img/redesign/detail-background2.jpg) 50% 0 no-repeat !important;
}

.background3 {
  background: #0a0a0a url(/img/redesign/detail-background3.jpg) 50% 0 no-repeat !important;
}

.background4 {
  background: #0a0a0a url(/img/redesign/detail-background4.jpg) 50% 0 no-repeat !important;
}

.relative {
  position: relative;
}

.sticky.is-at-top.is-anchored {
  background-color: rgba(0, 0, 0, 0);
}

.sticky.is-at-top.is-stuck {
  background-color: rgba(0, 0, 0, 1);
  transition: background .7s ease-out;
}

#zalozky-anchor {
  position: absolute;
  margin-top: -80px;
}

#medium-anchor {
  position: absolute;
  margin-top: -100px;
}

#top-anchor-search {
  margin-top: -100px;
  position: absolute;
}

.no-margin {
  margin: 0 !important;
}

.fulltext-search {
  display: none;
  position: absolute;
  top: 6px;
  right: 50px;
  width: 220px;
  height: 32px;
  border-radius: 5px;
}

.fulltext-search::placeholder {
  color: grey;
  font-style: italic;
}

.fulltext {
  position: relative;
}

.phone-call {
  position: relative;
  right: 90px;
  top: 10px;
}

.phone-call i {
  color: #fff !important;
}

.phone-call i:hover {
  color: #cacaca !important;
}

#datepicker,
#datepicker3 {
  visibility: hidden;
  position: absolute;
  top: 5px;
  left: 0;
}

#datepicker2 {
  width: 168px;
}

#pickDate3 {
  position: relative;
}

.datepicker-ico {
  top: 13px;
  right: 40px;
  transition: color .25s ease-out;
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  content: "\f107";
  font-size: 15px;
  position: absolute;
  color: #0a0a0a;
  pointer-events: none;
}

.button-previous {
  font-size: 60px;
  position: absolute;
  top: 40%;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  padding: 0 10px 0 10px;
  z-index: 999999;
}

.button-next {
  font-size: 60px;
  position: absolute;
  top: 40%;
  right: 0;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  padding: 0 10px 0 10px;
  z-index: 999999;
}

/* thajská trojkombinace */

#hotel-tabs {
  border: 0;
  margin-top: 40px;
}

#hotel-tabs a {
  padding: 0;
  overflow: hidden;
  display: inline-block;
  background-color: #f4d27b;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 100%;
}

#hotel-tabs li {
  padding: 0 !important;
  margin-right: 10px;
  width: 220px;
}

#hotel-tabs img {
  width: 100%;
  max-height: 130px;
}

#hotel-tabs .text {
  padding: 10px;
  color: #000;
  font-size: 15px;
  font-family: 'Noto Serif', serif;
  height: 70px;
  line-height: 1.17;
}

#hotel-tabs .text sup {
  top: -.3em;
  font-size: 10px;
  display: inline-block;
}

#hotel-tabs .tabs-title > a:focus,
#hotel-tabs .tabs-title > a[aria-selected='true'] {
  background: #e6e6e6;
}

.hotel-panels {
  background: #e6e6e6;
  margin-top: 0;
}

.hotel-panels h3 {
  font-family: 'Noto Serif', serif;
  font-size: 26px;
  color: #000;
}

.hotel-panels .hotel-tab {
  padding: 40px;
}

.hotel-panels .hotel-tab .oblast {
  font-size: .8em;
}

.hotel-panels .hotel-tab .oblast a {
  text-decoration: underline;
  color: inherit;
}

.hotel-panels .hotel-tab .oblast a:hover {
  color: #d4b66b;
}

.hotel-detail {
  font-family: 'Noto Serif', serif;
  font-size: 16px;
  text-decoration: underline;
  color: #0a0a0a;
  padding-left: 20px !important;
}

.stitek {
  position: absolute;
  top: -100px;
  left: -150px;
  text-align: right;
  font-weight: bold;
  padding: 25px 50px 0 0;
  font-size: 18px;
  background: url(/img/redesign/gfx/3v1.png);
  width: 256px;
  height: 77px;
}

.stitek:hover {
  position: absolute;
  top: -100px;
  left: -150px;
  text-align: right;
  font-weight: bold;
  padding: 25px 50px 0 0;
  font-size: 18px;
  background: url(/img/redesign/gfx/3v1_on2.png);
  width: 750px;
  height: 77px;
}

.stitek .title {
  position: absolute;
  left: 180px;
}

.stitek .text {
  display: none;
}

.stitek:hover .text {
  display: block;
  position: absolute;
  top: 33px;
  left: 240px;
  width: 480px;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  line-height: 1;
  padding-top: 5px;
}

.stitek .text a {
  color: #000;
  text-decoration: underline;
}

div.stitek::before {
  background: #f4d27b;
  width: 500px;
  height: 63px;
  content: '';
  position: absolute;
  top: 0;
  left: -500px;
}

div.stitek::after {
  color: #000;
  content: '\f05a';
  position: absolute;
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  top: 0;
  left: 200px;
}

/* Obsahová stránka */

.content-site {
  padding: 60px 60px;
  background: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 100;
}

.content-site .article a:not(.button),
.detail-text-section a:not(.button) {
  color: #a77c0f;
  font-weight: 500;
}

.content-site .article a:not(.button):hover,
.detail-text-section a:not(.button):hover {
  text-decoration: underline;
}

.main-page-section {
  margin-bottom: 3.5em;
  position: relative;
}

.with-sidebar .article img.responsive {
  width: 100%;
  max-width: 30em;
}

.with-sidebar .article img.float-right {
  margin-left: .7em;
  margin-top: .5em;
  margin-bottom: .7em;
  width: auto;
  float: right;
}

.content-site h2 {
  font-size: 2rem;
}

.content-menu {
  width: 260px;
  background: #e6e7e8;
  padding: 20px 20px 20px 30px;
  float: left;
  margin-left: -90px;
  margin-right: 50px;
  margin-bottom: 1em;
  z-index: 2;
  position: relative;
}

.content-menu .title {
  font-family: 'Roboto', serif;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 300;
}

.content-sidebar {
  padding-left: 2.5rem;
}

.content-menu a {
  color: #1b1b1b;
  text-decoration: underline;
}

.content-menu .submenu > li > a {
  padding: .4rem 1rem;
  text-decoration: none;
  line-height: 1.3;
  border-bottom: 1px solid #d8d8d8;
}

.content-menu .submenu > li > a.active {
  background-color: rgba(0, 0, 0, .05);
}

.content-menu .submenu > li > a:hover {
  text-decoration: underline;
}

.content-menu .accordion-menu > li > a {
  text-decoration: none;
}

.content-menu .accordion-menu > li > a:hover {
  text-decoration: underline;
}

.content-menu .is-accordion-submenu-parent > a::after {
  border-color: #000 transparent transparent;
  display: block !important;
  width: auto !important;
  height: auto !important;
  position: absolute !important;
  top: 50% !important;
  margin-top: -6px !important;
  right: 1rem !important;
  border: 0 !important;
  content: "\f107" !important;
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
}

.content-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  content: "\f107" !important;
  transform: none !important;
}

.content-sidebar .primary.list-box {
  margin-bottom: 20px !important;
}

.content-sidebar .primary.pobyt-box {
  margin-bottom: 20px !important;
}

.content-sidebar .tabs-title {
  float: left;
  width: 50%;
}

.content-sidebar .tabs-title a {
  text-align: center;
  font-size: 17px !important;
  padding: 8px 0 !important;
}

.content-sidebar #panel2-label {
  margin-right: 0 !important;
}

.content-site .list li {
  list-style: none;
  padding-left: 40px;
  padding-bottom: 20px;
}

.content-site h3 {
  font-family: 'Roboto', sans-serif;
  color: #414042;
  font-size: 26px;
  font-weight: 100;
  margin-bottom: 20px;
}

.content-site .bold-link {
  font-weight: bold;
  line-height: 3;
  color: #000;
  text-decoration: underline;
}

.content-sidebar .dalsi {
  text-align: center;
  padding: 0 0 10px 0;
}

.content-sidebar .dalsi .button {
  border: 2px solid #f4d27b;
  padding: 1em 4em;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
  width: 100%;
}

.content-sidebar .dalsi .button:hover {
  background-color: transparent;
  color: #f4d27b;
}

.content-sidebar .dalsi .button2 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

.content-sidebar .dalsi .button2::after {
  display: inline-block;
  margin-left: 10px;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #f4d27b;
}

.content-site-header {
  height: 600px;
  margin-top: -100px;
  margin-bottom: -30px;
  background: #0a0a0a url(/img/redesign/detail-background2.jpg) 50% 0 no-repeat;
}

.content-site-header .grid-x {
  padding-top: 450px;
}

.content-site-header .grid-x .large-8 {
  padding-left: 0;
}

.content-site-header .grid-x .large-4 {
  padding-right: 0;
}

.content-site-header h1 {
  line-height: 1.2;
  font-family: 'Noto Serif', serif;
  font-size: 42px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 86px rgba(0, 0, 0, .5);
}

.content-site-header h1 span {
  color: #f4d27b;
}

.content-site-header .breadcrumbs {
  transition: color .25s ease-out;
  letter-spacing: .8px;
  color: #f4d27b;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 100;
  margin: 1rem 0 1rem 0;
}

.content-site-header .breadcrumbs .pipe {
  padding: 0 15px;
}

.content-site-header .breadcrumbs a {
  transition: color .25s ease-out;
}

.content-site-header .breadcrumbs a:hover {
  color: #fff;
  text-decoration: none;
}

.content-site-header .breadcrumbs .current {
  font-weight: bold;
}

.content-search-box {
  padding: 15px 50px 15px 50px;
  background-color: #f4d27b;
  border: 0;
  position: relative;
  margin-bottom: 20px;
  margin-top: 35px;
}

.content-search-box .accordion-content {
  background: transparent;
  border: 0;
  padding: 0;
}

.content-search-box p,
.content-search-box input,
.search-box select {
  margin: 0;
}

.content-search-box .text {
  padding: 10px 0 20px 0;
}

.content-search-box .select {
  position: relative;
  padding: 0 9px;
}

.content-search-box .input {
  text-align: center;
  padding: 0 9px;
}

.content-search-box p.header {
  font-family: 'Roboto', sans-serif;
  font-size: 26px;
  color: #1c1a18;
  text-align: center;
  line-height: 1;
}

.content-search-box select,
.content-search-box input[type="text"] {
  background: #fff;
  border: 0;
  box-shadow: 0 1px 1px 0 rgba(20, 20, 19, .2);
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  padding-left: 15px;
  padding-top: 9px;
  padding-bottom: 8px;
  color: #bb975d;
  letter-spacing: 1px;
}

.content-search-box input[type="text"] {
  width: 100%;
  cursor: initial;
}

.content-search-box input[type="text"]::placeholder {
  color: #bb975d;
  opacity: 1;
}

.content-search-box .select::after {
  top: 5px;
  right: 20px;
  transition: color .25s ease-out;
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  content: "\f107";
  font-size: 22px;
  position: absolute;
  color: #0a0a0a;
  pointer-events: none;
}

.content-search-box.accordion-content .select::after {
  top: 3px;
}

.content-search-box .select:hover::after {
  color: #bb975d;
}

.content-search-box input[type="submit"] {
  width: 160px;
  border-width: 2px;
  color: #f4d27b;
  background-color: #0a0a0a;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 9px 30px;
  border-color: #0a0a0a;
}

.content-search-box input[type="submit"]:hover {
  background-color: #f4d27b;
  color: #0a0a0a;
}

.content-search-box option {
  color: #000;
  padding: 8px !important;
}

.content-search-box option:first-child {
  color: #bb975d !important;
}

.content-search-more {
  position: absolute;
  bottom: -55px;
  width: 80%;
  margin: 0;
  line-height: 1;
  transition: color .25s ease-out;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 30px;
}

.content-search-more:hover,
.search-more:focus {
  color: #fff;
}

.content-article .clanek {
  display: table;
  border-bottom: 15px solid #fff;
}

.content-article .photo {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
}

.content-article .photo img {
  width: 100%;
  min-width: 250px;
}

.content-article .popis {
  display: table-cell;
  vertical-align: middle;
  background-color: #f6f7f9;
  padding: 15px 20px 13px 30px;
}

.content-article .popis .clanek-nadpis {
  line-height: 1.2;
  transition: color .25s ease-out;
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  color: #0a0a0a;
  max-width: 450px;
  min-height: 90px;
  display: block;
}

.content-article .popis .clanek-nadpis:hover {
  color: #d4b66b;
}

.content-article .popis .datum {
  padding-top: 5px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #d4b66b;
  display: none;
}

.content-article .popis .button {
  margin: -25px 0 0;
  padding: .5em 1.5em;
  float: right;
  background-color: #f4d27b;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
}

.content-article .popis .button:hover {
  background-color: #212121;
  color: #f4d27b;
}

.content-article .button.zeme-dalsi {
  max-width: 350px;
  margin: 50px auto 0;
  display: block;
  border: 0;
  padding: 1em 2.5em;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  color: #212121;
  border-radius: 3px;
}

.content-article .button.zeme-dalsi:hover {
  background-color: #212121;
  color: #f4d27b;
}

.charakteristika-zeme .box-heading {
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: .5rem;
}

.charakteristika-zeme strong {
  background: #f4d27b;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 4px;
  padding: 3px 6px;
}

.charakteristika-zeme strong::before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro', serif;
  font-size: 14px;
  margin-right: 5px;
}

.rejstrik strong {
  background: #f4d27b;
  display: inline-block;
  font-weight: normal;
  padding: 3px 6px;
}

.without-sidebar .article {
  float: left;
  width: 78%;
}

.sorting-mobile {
  display: none;
}

.title-bar .fulltext {
  position: relative;
  right: 70px;
  top: 7px;
}

.title-bar .fulltext i {
  color: #fff;
}

.title-bar .fulltext i:hover {
  color: #cacaca;
}

.title-bar .fulltext .fulltext-search {
  top: -8px;
  right: 35px;
  width: 250px;
  position: absolute;
}

.menu-icon.close::after {
  top: -3px;
  left: 0;
  width: 100%;
  height: 22px;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 22px;
  content: '\f00d';
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
}

.more-icon:hover .speech-bubble {
  display: block;
}

.speech-bubble {
  display: none;
  position: absolute;
  bottom: 40px;
  left: -50px;
  background: #000;
  border-radius: .4em;
  content: 'aaa';
  color: #fff;
  font-size: 13px !important;
  padding: 15px;
}

.speech-bubble::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 80%;
  width: 0;
  height: 0;
  border: 17px solid transparent;
  border-top-color: #000;
  border-bottom: 0;
  border-right: 0;
  margin-left: -8.5px;
  margin-bottom: -17px;
}

/* testmenu
.menu-arrows .is-accordion-submenu-parent > a::after {
	transform: none;
}
*/
.fancybox-container .fancybox-thumbs {
  background: #000;
}

.fancybox-container .fancybox-bg {
  background: #000;
}

.fancybox-button--arrow_right svg {
  display: none;
}

.fancybox-button--arrow_left svg {
  display: none;
}

.fancybox-button--arrow_right::after {
  content: "\f105";
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  font-size: 60px;
  color: #fff;
  padding: 0 10px 0 10px;
  z-index: 999999;
  top: 30px;
  right: 5px;
  position: absolute;
}

.fancybox-button--arrow_left::after {
  content: "\f104";
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  font-size: 60px;
  color: #fff;
  padding: 0 10px 0 10px;
  z-index: 999999;
  position: absolute;
  top: 30px;
  right: 15px;
}

.fancybox-button.fancybox-button--arrow_right::before {
  width: 50px;
  height: 60px;
  left: 10px;
}

.fancybox-button.fancybox-button--arrow_left::before {
  width: 50px;
  height: 60px;
  right: 10px;
}

/* --------- Stránka kontaktů ---------- */

.kontakty h2 {
  font-size: 1.8rem;
  margin-bottom: 40px;
}

.kontakty h3 {
  margin-bottom: 5px;
  font-size: 26px;
  display: block;
  margin-top: 35px;
}

.kontakty .accordion-item {
  margin-bottom: 10px;
}

.kontakty .accordion-title {
  padding: 14px !important;
  transition: background .25s ease-out;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #0a0a0a !important;
  border: 0 !important;
  background-color: #f0f1f3;
  text-transform: uppercase;
  border-radius: 5px !important;
  font-weight: 300 !important;
  width: 100%;
}

.kontakty .accordion-title::before {
  font-family: 'Font Awesome 5 Pro', serif;
  font-weight: 900;
  content: "\f107";
  top: 21px;
}

.kontakty .is-active > .accordion-title::before {
  content: "\f106";
}

.kontakty .accordion-title:hover {
  background-color: #f4d27b;
}

.kontakty .accordion-title span {
  text-transform: none;
}

.kontakty .accordion-content {
  border: 0;
  background-color: #fff;
  padding: 20px 20px;
}

.kontakty .accordion-content ul {
  list-style: none;
  margin-left: 0;
}

.kontakty .accordion-content h3 {
  margin-top: 20px;
  font-size: 24px;
}

.kontakty .accordion-content:last-child {
  border: 0;
}

.kontakty .price-form {
  padding: 40px 20px 20px 20px;
  margin-bottom: 50px;
  clear: both;
}

.kontakty {
  position: relative;
}

.kontakty .skype-kontakty {
  position: absolute;
  right: 0;
  top: 90px;
}

.kontakty p {
  margin-bottom: 2rem;
}

.kontakty .kontakt-blok {
  width: 260px;
  float: left;
  margin-right: 40px;
}

.lang-cs .kontakty .kontakt-blok {
  width: 50%;
  float: left;
  margin-right: 0;
}

@media (max-width: 1000px) {
  .lang-cs .kontakty .kontakt-blok {
    width: 100%;
    float: none;
  }
}

.kontakty .kontakt-blok.first {
  width: 200px;
}

.kontakty .kontakt-blok h3 {
  margin-top: 5px !important;
}

.kontakty .accordion {
  margin-top: 40px;
}

.content-menu img {
  visibility: hidden;
  margin-bottom: -20px;
}

/* Pro firmy */

.profirmy .vyber {
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
}

.profirmy .vyber a {
  color: #1c1a18;
  font-size: 15px;
  font-weight: 300;
}

.profirmy .vyber a.active {
  background-color: #f0c148;
}

.profirmy .vyber a i {
  display: block;
  margin: 10px;
  font-size: 25px;
}

.profirmy .zmenaJazyku {
  float: right;
}

.profirmy .zmenaJazyku img {
  margin-left: 10px;
}

.ilustR {
  float: right;
}

.ilustl {
  float: left;
}

.kontakt_form {
  background-color: #f1f1f1;
  overflow: auto;
  padding: 30px;
  margin-top: 50px;
}

.kontakt_form .label {
  background: none;
  float: left;
  width: 30%;
}

.kontakt_form input,
.kontakt_form textarea {
  float: left;
  width: 70%;
}

.kontakt_form .tour-type-submit {
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: .85em 1em;
  -webkit-appearance: none;
  transition: background-color .25s ease-out, color .25s ease-out;
  font-size: .9rem;
  border: 1px solid transparent;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #f4d27b;
  color: #0a0a0a;
  border-radius: 3px;
  font-weight: 600;
  width: auto;
  float: right;
}

.profirmy .namiru li {
  width: 33%;
  float: left;
  padding-right: 20px;
}

.profirmy .namiru li img {
  display: block;
  width: 100%;
}

.profirmy .namiru {
  background-color: #f1f1f1;
  padding: 30px;
  margin: 30px 0;
}

/* -------------- Xlarge ---------------- */

@media screen and (max-width: 2600px) {
  .content-sidebar .primary.pobyt-box .hidden {
    width: 100%;
  }

  .content-sidebar .pobyt-boxes .large-12,
  .content-sidebar .list-boxes .large-12 {
    padding: 0;
  }

  .sticky-vyhledavani.sticky.is-at-top.is-stuck {
    top: 70px !important;
    margin-top: -2px !important;
  }

  .search-more-box {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
}

/* -------------- Large ---------------- */

@media screen and (max-width: 1200px) {
  .carousel-list .primary,
  .primary.list-box {
    max-width: 384px;
    width: auto;
  }

  .main-boxes .primary {
    max-width: 384px;
    width: auto;
  }

  .listview.primary {
    max-width: 384px;
    width: auto;
  }

  .search-more-box {
    padding: 0;
  }

  #hotel-tabs {
    height: 70px;
  }

  .sticky-vyhledavani .search-box p.header {
    font-size: 16px;
  }

  .list-boxes .grid-x .large-4,
  .pobyt-boxes .grid-x .large-4 {
    padding-left: 7px;
    padding-right: 7px;
  }

  .infoheader .grid-x .large-5 {
    padding-right: 10px;
  }

  .panely-zajezdu .tabs-panel {
    padding: 50px 30px;
  }

  .zalozky-zajezdu a {
    padding: 13px 15px;
  }

  .pobyt .zalozky-zajezdu a {
    padding: 13px 10px;
  }

  #panel-mapa {
    margin-left: 0;
    margin-right: 0;
  }

  .pobyt #panel-pokoje .intro {
    padding: 0 20px 30px 20px;
  }

  .pobyt #panel-pokoje .pokoj {
    padding: 40px 20px;
  }

  .pobytovy .sticky-objednavka .sekce {
    display: none;
  }

  #hotel-tabs img {
    display: none;
  }

  .content-menu {
    margin-left: -40px;
  }

  .content-site {
    padding: 60px 20px 60px 20px;
  }

  #hotel-tabs li {
    padding: 0 !important;
    margin-right: 5px;
    width: 180px;
  }

  #hotel-tabs .text {
    width: 180px;
    height: 70px;
  }

  #main-menu {
    padding-right: 10px;
  }

  .primary.pobyt-box .term strong {
    font-size: 20px;
  }

  .objednavka .order-content {
    max-width: none;
  }

  .objednavka .order-sidebar {
    min-width: auto;
  }

  .objednavka .order-sidebar .order-img {
    max-width: none;
    width: calc(100% + 80px);
  }

  .without-sidebar .article {
    float: left;
    width: 70%;
  }
}

/* -------------- Medium ---------------- */

@media screen and (max-width: 1023px) {
  .panely-zajezdu .tabs-content {
    border-radius: 0;
  }

  .main-boxes .primary {
    margin: 20px auto;
  }

  .primary.pobyt-box .visible .days {
    bottom: 40px;
  }

  .carousel-list .primary .visible .days,
  .primary.list-box .visible .days {
    bottom: 40px;
  }

  #main-menu {
    padding-right: 0;
  }

  #main-menu .kontinent-menu::before {
    display: none;
  }

  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
  }

  .list-rows .primary .popis {
    padding-left: 0 !important;
  }

  .list-rows .primary h2 {
    padding-left: 0 !important;
  }

  .list-rows .primary .tour-type {
    margin-left: -10px !important;
  }

  .list-rows .primary .image {
    padding-bottom: 0;
    height: 400px;
  }

  .list-rows .primary a.button {
    margin-top: 20px;
    float: left;
    margin-left: 15px;
    margin-bottom: 30px;
  }

  .list-rows .primary .image img {
    width: 100%;
    padding-right: 20px;
  }

  .carousel-list .primary,
  .primary.list-box,
  .primary.pobyt-box {
    margin: 10px auto !important;
  }

  #vypis-zajezdu .is-active a,
  #vypis-zajezdu li:hover a {
    color: #262626;
    background: #f4d27b;
    border: 1px solid #f4d27b;
    border-radius: 3px;
  }

  .without-sidebar .article {
    float: left;
    width: 64%;
  }

  #vypis-zajezdu li a {
    border: 1px solid #f4d27b;
    border-radius: 3px;
    margin: 5px 5px 5px 5px;
  }

  #vypis-zajezdu {
    padding-bottom: 10px;
  }

  .zalozky-zajezdu .tabs li {
    margin-right: 5px;
    margin-left: 5px;
  }

  .zalozky-zajezdu a {
    border-radius: 3px;
    margin: 0 0 10px 0;
  }

  .vytisknout {
    display: none;
  }

  .sticky-objednavka .name {
    display: none;
  }

  .sticky-objednavka.sticky.is-at-top.is-stuck {
    top: 58px !important;
  }

  .price-form {
    padding: 40px 20px 20px 20px;
  }

  .list-boxes .grid-x .cell:nth-of-type(odd) div.listview {
    float: right;
  }

  .list-boxes .grid-x .cell:nth-of-type(even) div.listview {
    float: left;
  }

  .list-boxes .cell:nth-of-type(odd) div.listview {
    float: right;
  }

  .list-boxes .cell:nth-of-type(even) div.listview {
    float: left;
  }

  .main-boxes .grid-x .cell:nth-of-type(odd) .primary {
    float: right;
    width: 100%;
  }

  .main-boxes .grid-x .cell:nth-of-type(even) .primary {
    float: left;
    width: 100%;
  }

  .pobyt-boxes .grid-x .cell:nth-of-type(odd) .primary {
    float: right;
    width: 100%;
  }

  .pobyt-boxes .grid-x .cell:nth-of-type(even) .primary {
    float: left;
    width: 100%;
  }

  .pobyt-boxes .cell:nth-of-type(odd) .primary {
    float: right;
    width: 100%;
  }

  .pobyt-boxes .cell:nth-of-type(even) .primary {
    float: left;
    width: 100%;
  }

  .pobytovy .sticky-inner {
    font-size: 14px;
  }

  .pobytovy .sticky-inner div {
    padding: 10px 10px 10px 10px;
  }

  .pobytovy .sticky-inner .order {
    padding: 6px 15px 6px 15px;
  }

  .content-sidebar {
    padding: 2rem;
  }

  .content-sidebar .pobyt-boxes .large-12,
  .content-sidebar .list-boxes .large-12 {
    padding: 10px !important;
  }

  .content-sidebar .pobyt-boxes .cell:last-child:not(:first-child),
  .content-sidebar .list-boxes .cell:last-child:not(:first-child) {
    float: left;
  }

  /*  search box  */
  .search-box .select {
    padding: 4px 9px;
  }

  .search-box .text {
    padding: 0;
    width: 100%;
    text-align: center;
  }

  .search-box p.header {
    text-align: center;
    line-height: 1;
    padding-bottom: 10px;
  }

  .search-box .input {
    width: 100%;
    text-align: center;
    padding: 10px 9px 10px 9px;
    position: absolute;
    left: 0;
    bottom: 110px;
    background-color: #f4d27b;
  }

  .search-more {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .search-box .button {
    border-color: #f4d27b !important;
  }

  .search-box .button:hover {
    border-color: #000 !important;
  }

  .sticky-vyhledavani .search-box {
    padding: 10px 20px 0 20px;
  }

  .sticky-vyhledavani .search-box .input {
    bottom: -30px !important;
    background: transparent;
  }

  .sticky-vyhledavani .search-box .search-more-box {
    position: absolute;
    right: 25px;
    text-align: right;
  }

  .sticky-vyhledavani .search-box .search-more {
    width: 100% !important;
  }

  .sticky-vyhledavani .accordion.search {
    margin-top: -10px;
    margin-bottom: 24px;
  }

  .menu-icon {
    float: right;
    margin-top: 10px;
  }

  .menu-icon::selection,
  .menu-icon:focus {
    outline: none;
  }

  .menu-icon::before {
    content: 'MENU';
    position: absolute;
    right: 10px;
    font-size: 14px;
    top: 1px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    padding-right: 20px;
  }

  .logo-mobile {
    width: 60px;
    float: left;
  }

  .accordion.search {
    margin-top: -14px;
    margin-bottom: 34px;
  }

  .sticky-vyhledavani .search-box .header {
    padding: 0 0 5px 0;
    text-align: left;
  }

  .sticky-vyhledavani .search-box #show-filter {
    padding: 0 5px 0 0;
  }

  .sticky-vyhledavani .search-box select,
  .sticky-vyhledavani .search-box .select input {
    font-size: 13px;
    height: 35px;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .sticky-vyhledavani .search-box .text {
    height: 20px;
    padding: 0 0 0 10px;
  }

  #top-anchor-search {
    margin-top: 10px;
    position: absolute;
  }

  .listview.primary {
    height: auto;
    padding-bottom: 15px;
  }

  .sticky-vyhledavani.sticky.is-at-top.is-stuck {
    top: 58px !important;
  }

  .footer h2 {
    text-align: center;
    max-width: 100%;
    margin-left: 50px;
    margin-right: 50px;
  }

  .footer ul {
    text-align: center;
  }

  .footer-aspera {
    display: none;
  }

  .footer-logo {
    text-align: center;
    padding: 0 0 40px 0;
  }

  .footer .input-group {
    margin: 0 auto;
  }

  #main-menu .language .submenu {
    display: block;
    left: 55px;
    top: 6px !important;
  }

  #main-menu .language .submenu li {
    background: transparent;
  }

  #main-menu .language .submenu a {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
  }

  #main-menu .language {
    padding-left: 20px;
  }

  .infoheader .order .term-selector {
    position: relative;
    width: 300px;
    margin: 0 auto;
    font-size: 15px;
  }

  .infoheader .vyber-terminu {
    position: absolute;
    top: 25px;
    width: 110%;
    margin: 0 auto;
    text-align: right;
  }

  .infoheader .vyber-terminu li {
    padding: 5px 37px 5px 23px;
  }

  .cell.order {
    text-align: center;
    margin-bottom: 20px;
  }

  .panely-zajezdu .tabs-panel {
    padding: 40px 25px;
  }

  .terminy-zajezdu .old-price {
    font-size: 13px;
  }

  .panely-zajezdu .search-more {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .content-search-box .accordion.search {
    margin-top: 0;
  }

  .objednavka .order-content .call {
    position: absolute;
    top: 90px;
    right: 10px;
  }

  .objednavka .title {
    font-size: 34px;
    margin: 30px 0 70px 0;
  }

  .objednavka .order-content .call-box-detail {
    padding-top: 80px;
  }
}

/* -------------- Mobile ---------------- */

@media screen and (max-width: 639px) {
  .sticky-objednavka.sticky.is-at-top.is-stuck {
    top: 0 !important;
  }

  .infoheader .grid-x .large-5 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .infoheader .order .button {
    padding: 1em 2.4em;
  }

  .objednavka .order-content h2 {
    margin-bottom: 0;
    margin-top: 10px;
  }

  .search-box p.header {
    font-size: 20px;
  }

  .search-box .select::after {
    top: 9px;
  }

  .kontakty iframe {
    max-width: 100%;
  }

  .sorting-mobile .is-dropdown-submenu-parent > a {
    padding-left: 10px !important;
  }

  /* mobile menu */
  #main-menu li.language {
    padding: 1rem 12px;
  }

  #main-menu li.language .submenu {
    left: 4rem !important;
  }

  .title-bar {
    padding-left: 1rem;
  }

  #main-menu .is-dropdown-submenu-parent a::after {
    margin-right: 17px;
  }

  .phone-call {
    top: 7px;
  }

  .content-search-more {
    left: 10%;
  }

  .content-search-box .select {
    width: 100%;
  }

  /* end mobile */

  .price-form .left {
    width: 100%;
  }

  .price-form .left input {
    width: 100%;
  }

  .tabs-title {
    width: 50%;
  }

  .footer .h2 {
    text-align: center;
    margin: 0 auto 25px;
  }

  .call-box-detail .large-4.cell {
    padding-left: 0;
  }

  .objednavka .order-content .call .call-box-black::before {
    left: 20px;
  }

  .sticky-objednavka .custom-select {
    letter-spacing: -.2px;
    z-index: 2;
  }

  .sticky-objednavka .name {
    display: block;
    position: absolute !important;
    top: 40px;
    font-size: 11px !important;
  }

  .seolinks span.subheader {
    margin-bottom: 5px;
    margin-top: 25px;
  }

  .pojisteni .box {
    margin-bottom: 15px;
    font-weight: 300;
    background: #e6e6e6;
    padding: 20px;
    width: auto;
  }

  .without-sidebar .article {
    float: left;
    width: 100% !important;
  }

  .temptop {
    margin-bottom: -40px;
  }

  .relative-box {
    margin-bottom: -30px;
  }

  .sorting {
    margin-bottom: 5px;
  }

  .list-rows .primary .image {
    padding-bottom: 30px;
    height: auto;
  }

  .panely-zajezdu .accordion-title {
    font-size: 14px;
    display: flex;
  }

  .infoheader-background::before {
    height: 730px;
  }

  #zeme-top::before,
  .seznam-kontinetu .infoheader::before {
    height: auto;
  }

  #vypis-zajezdu {
    border-bottom: 0 solid #f4d27b;
  }

  .sorting .listing-type {
    display: none !important;
  }

  .list-boxes .grid-x .cell:nth-of-type(odd) div.listview {
    float: none;
  }

  .list-boxes .grid-x .cell:nth-of-type(even) div.listview {
    float: none;
  }

  .list-boxes .cell:nth-of-type(odd) div.listview {
    float: none;
  }

  .list-boxes .cell:nth-of-type(even) div.listview {
    float: none;
  }

  .main-boxes .grid-x .cell:nth-of-type(odd) .primary {
    float: none;
  }

  .main-boxes .grid-x .cell:nth-of-type(even) .primary {
    float: none;
  }

  .pobyt-boxes .grid-x .cell:nth-of-type(odd) .primary {
    float: none;
  }

  .pobyt-boxes .grid-x .cell:nth-of-type(even) .primary {
    float: none;
  }

  .pobyt-boxes .cell:nth-of-type(odd) .primary {
    float: none;
  }

  .pobyt-boxes .cell:nth-of-type(even) .primary {
    float: none;
  }

  .large-4.medium-5.small-12.cell.order {
    text-align: center;
  }

  .fakultativni-vylety .popis {
    display: inline-block;
  }

  .fakultativni-vylety .fotka {
    display: block;
  }

  .fakultativni-vylety .popis .button {
    margin-top: 10px;
  }

  .zeme-clanky .popis {
    display: inline-block;
    padding: 30px 20px 50px 20px !important;
  }

  .zeme-clanky .photo {
    display: block;
  }

  .pobyt .button-medium {
    margin: 0 30px 20px 0;
    float: left;
  }

  /* sticky order mobile */
  .sticky-objednavka .sticky-inner {
    text-align: center;
    height: 95px;
    max-width: 320px;
    position: relative;
    margin: 0 auto;
  }

  .sticky-objednavka .sticky-inner div {
    margin: 5px 2.5px;
    background: #f2f2f2;
    border-radius: 5px;
    border-right: 0;
    text-align: center;
    padding: 5px 7px;
    font-size: 14px;
  }

  #sticky-termin {
    width: 188px;
  }

  .sticky-objednavka .custom-select .options {
    max-height: calc(100vh - 50px);
  }

  .sticky-objednavka .custom-select ul {
    top: 33px;
  }

  .sticky-objednavka .sticky-inner #sticky-cena.poznavaci {
    width: 100%;
    max-width: 305px;
    padding-top: 0;
  }

  .sticky-objednavka .sticky-inner #sticky-cena {
    text-align: right;
    background-color: transparent;
  }

  .sticky-objednavka .date {
    position: absolute !important;
    top: 5px;
    left: 5px;
    background: #f2f2f2;
    border-radius: 5px;
    border-right: 0 !important;
    width: 180px;
    text-align: center;
  }

  .sticky-objednavka .night {
    position: absolute !important;
    top: 5px;
    right: 63px;
    background: #f2f2f2;
    border-radius: 5px;
    border-right: 0 !important;
    width: 65px;
    text-align: center;
  }

  .sticky-objednavka .person {
    position: absolute !important;
    top: 5px;
    right: 5px;
    background: #f2f2f2;
    border-radius: 5px;
    border-right: 0 !important;
    text-align: center;
  }

  .sticky-objednavka .price {
    position: absolute !important;
    bottom: 20px;
    right: 0;
    border-right: 0 !important;
  }

  .sticky-objednavka .order {
    position: absolute !important;
    bottom: -20px;
    right: 110px;
    padding: 6px 20px 6px 20px !important;
  }

  .sticky-objednavka button {
    position: absolute !important;
    bottom: -20px;
    right: 110px;
    padding: 6px 20px 6px 20px !important;
  }

  .sticky-objednavka .food {
    position: absolute !important;
    bottom: 20px;
    left: 5px;
    background: #f2f2f2;
    border-radius: 5px;
    border-right: 0 !important;
    text-align: center;
  }

  .sticky-objednavka .room {
    position: absolute !important;
    bottom: 20px;
    left: 102px;
    background: #f2f2f2;
    border-radius: 5px;
    border-right: 0 !important;
    text-align: center;
  }

  .sticky-vyhledavani.sticky.is-at-top.is-stuck {
    top: 0 !important;
  }

  .sticky-objednavka .person .fa.fa-user {
    margin-left: 5px;
  }

  #top-anchor-search {
    margin-top: 200px;
    position: absolute;
  }

  .content-menu .submenu {
    display: none;
  }

  #vypis-zajezdu li a {
    margin: 5px 5px 5px 5px;
  }

  .carousel-list .primary .hidden,
  .primary.list-box .hidden {
    padding: 10px 15px;
  }

  .carousel-list .primary .detail-date,
  .primary.list-box .detail-date {
    font-size: 16px;
    line-height: 2;
    min-height: 49px;
  }

  .banner-text-box {
    max-width: 80%;
    padding: 20px 20px 25px;
    margin: 0 auto;
    display: block;
  }

  .banner-button {
    right: calc(50% - 60px);
    width: 120px;
    bottom: -45px;
  }

  .banner-position-inner > * {
    float: none;
  }

  .banner-open-icon {
    float: right;
    margin-right: 30px;
  }

  .search-box .text {
    padding: 0;
  }

  .sticky-vyhledavani .search-box .text {
    padding-left: 10px !important;
  }

  .primary.pobyt-box .hidden {
    padding: 15px 15px 20px 15px;
  }

  .hp-tabs .dalsi {
    padding: 10px 0 0 0;
  }

  .hp-tabs .dalsi .button {
    padding: 1em 2em;
  }

  .infoheader {
    height: auto;
    max-height: none;
  }

  .content-menu .menu > li > a {
    padding: 1.3rem 0;
  }

  .content-menu .submenu > li > a {
    padding: .4rem 1rem !important;
  }

  .content-menu .accordion-menu .nested.is-accordion-submenu {
    margin-left: 0;
  }

  .infoheader .grid-x {
    padding-top: 420px;
  }

  .panely-zajezdu .accordion-title span.day-word {
    padding-left: 10px;
  }

  .panely-zajezdu .accordion-title em {
    font-style: normal;
    line-height: 18px;
    padding: 12px 16px 12px 7px;
    max-width: 66%;
  }

  .panely-zajezdu .tabs-panel {
    padding: 30px 15px;
  }

  .panely-zajezdu .accordion-title span.day-number {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px !important;
    min-width: auto;
  }

  .carousel-list span.subheader {
    margin-bottom: -40px;
  }

  .carousel-list .bx-wrapper {
    margin-left: -8px !important;
  }

  .carousel-list .primary .price {
    padding: 0 30px 0 0;
  }

  .souvisejici .primary .visible .days {
    right: 30px;
  }

  .terminy-zajezdu {
    margin-bottom: 0;
  }

  .panely-zajezdu .accordion-content {
    padding: 15px 10px 15px 60px;
  }

  #mapa .accordion-content {
    padding: 10px 0 10px 55px;
  }

  .fakultativni-vylety .popis .clanek-nadpis {
    margin-top: 40px;
  }

  .panely-zajezdu h2 {
    margin-bottom: 0;
  }

  .zeme-clanky h3 {
    margin-bottom: 40px;
  }

  .zeme-clanky .zeme-clanky-vice {
    left: 0;
    top: 40px;
  }

  .zeme-clanky .popis .button {
    margin: 0;
  }

  .zeme-clanky .button.zeme-dalsi {
    margin: 10px auto 0;
  }

  .zeme-description .popis {
    padding-right: 20px;
  }

  .detail-text-section ul {
    padding-left: 25px;
  }

  #top-anchor-order {
    top: 800px;
  }

  .pokoj h4 {
    font-size: 1.45rem;
    margin-bottom: 1rem;
  }

  .hotel-panels #hotel1,
  .hotel-panels #hotel2,
  .hotel-panels #hotel3 {
    padding: 20px;
  }

  .content-article .clanek {
    display: block;
  }

  .content-article .clanek .photo {
    width: 100%;
    display: block;
  }

  .content-article .clanek .photo img {
    width: 100%;
  }

  .content-article .clanek .popis {
    display: block;
  }

  .content-article .popis .button {
    margin: 0;
  }

  .sorting .listing-type .list::before {
    display: none;
  }

  .form-footer span.subheader {
    margin-bottom: 40px;
  }

  .form-footer form .button {
    margin: 10px auto 0;
  }

  #panel-program .button-medium {
    margin: 0 0 20px 0;
    float: none;
    display: block;
  }
}

/* -------------- Special 1300 ---------------- */

@media screen and (max-width: 1300px) {
  .carousel-list-controls span#carousel-list-slider-prev {
    left: 0;
    background: #000;
    padding: 0 10px 3px 5px;
    border-radius: 0 5px 5px 0;
    box-sizing: content-box;
  }

  .carousel-list-controls span#carousel-list-slider-next {
    right: 0;
    background: #000;
    padding: 0 5px 3px 10px;
    border-radius: 5px 0 0 5px;
    box-sizing: content-box;
  }
}

/* -------------- Special 800 ---------------- */

@media screen and (max-width: 800px) {
  .zalozky-zajezdu .tabs li {
    width: 50%;
    padding-right: 4px;
    padding-left: 4px;
    margin: 0 !important;
  }

  .zalozky-zajezdu .tabs li a {
    font-size: 18px;
    padding: 13px 5px 13px 10px;
    margin-bottom: 8px;
    letter-spacing: 1px;
  }

  .panely-zajezdu .search-more {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .without-sidebar .article {
    float: left;
    width: 50%;
  }

  #hotel-tabs {
    margin-bottom: 10px;
    height: auto;
  }

  #hotel-tabs .tabs-title {
    float: left;
    width: calc(50% - 10px);
    margin-bottom: 10px;
  }

  #hotel-tabs .tabs-title a {
    border-radius: 5px !important;
    display: block;
  }

  #hotel-tabs .text {
    width: 100%;
  }

  .sticky-objednavka .sekce {
    display: none;
  }

  .terminy-zajezdu {
    border: 0;
    margin-bottom: 20px;
  }

  .terminy-zajezdu thead {
    display: none;
  }

  .terminy-zajezdu tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
  }

  .terminy-zajezdu td {
    display: block;
    text-align: right !important;
    font-size: 13px !important;
    border-bottom: 1px dotted #ccc;
    padding: 7px 10px 7px 10px !important;
    border-right: 0 !important;
  }

  .terminy-zajezdu td .status-close,
  .terminy-zajezdu td .status-places,
  .terminy-zajezdu td .status-open {
    display: none;
  }

  .terminy-zajezdu td:last-child {
    border-bottom: 0;
    padding: 0 !important;
  }

  .terminy-zajezdu td::before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }

  .terminy-zajezdu .button {
    border-radius: 0 !important;
    position: relative !important;
  }

  .terminy-zajezdu.hover tbody tr:hover td {
    color: #000;
  }

  .terminy-zajezdu.hover tbody tr:hover {
    background-color: #f0f1f3;
  }

  .terminy-zajezdu.hover tbody tr:hover td .button,
  .terminy-zajezdu td .button:hover {
    background-color: #000;
    color: #f0c148;
  }

  .terminy-zajezdu .td-termin {
    background: #c9c9c9;
    border-radius: 0;
  }

  .terminy-zajezdu td .button {
    padding: 8px;
    font-size: 17px;
    margin-bottom: 25px;
  }

  .terminy-zajezdu tbody tr {
    border-bottom: 0 !important;
  }

  .zeme-vice {
    text-align: left;
  }

  .sorting-mobile {
    display: block !important;
    padding: 0 !important;
  }

  .sorting-mobile .dropdown {
    font-weight: bold;
    font-style: italic;
    font-family: 'Noto Serif', serif;
  }

  .sorting-mobile .submenu {
    background-color: #000;
    border: 1px solid #f4d27b;
  }

  .sorting-mobile .submenu a {
    margin-top: -1px;
    font-weight: normal;
    font-style: normal;
    margin-right: 0 !important;
  }

  .sorting-mobile .submenu a:hover {
    background: #f4d27b;
    color: #000;
  }

  .sorting .grid-x #sorting div:not(.sorting-mobile) {
    display: none;
  }

  .sorting .listing-type {
    display: block;
    padding: 8px !important;
  }

  .infoheader .breadcrumbs .pipe {
    padding: 0 10px;
  }

  .infoheader .perex {
    padding-right: 0;
  }

  .infoheader .breadcrumbs {
    letter-spacing: .6px;
    padding-top: 7px;
  }

  .detail-text-section ul {
    padding-left: 15px;
  }

  .fancybox-placeholder {
    max-width: 80%;
  }

  .fancybox-thumbs {
    width: 20%;
  }

  .fancybox-thumbs > ul > li {
    max-width: 100%;
  }

  .sorting .listing-type .list::before {
    right: 90px;
    top: 5px;
  }

  .sorting .listing-type .grid::before {
    right: 90px;
    top: 5px;
  }
}

/* -------------- Special 500 ---------------- */

@media screen and (max-width: 500px) {
  .zalozky-zajezdu .tabs li a {
    font-size: 17px;
    padding: 13px 5px 13px 10px;
    letter-spacing: 0;
  }

  .content-site .content-menu {
    float: none;
    width: auto;
    margin: -30px 0 20px 0;
  }

  .footer h2 {
    text-align: center;
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer ul {
    text-align: center;
    line-height: 2;
  }

  .footer-aspera {
    display: none;
  }

  .footer-logo {
    text-align: center;
    padding: 0 0 40px 0;
  }

  .title-bar .fulltext .fulltext-search {
    top: 8px;
    left: auto;
    right: -70px;
    width: 100%;
    position: relative;
  }

  .objednavka .order-content .call {
    position: absolute;
    top: 140px;
    right: 10px;
  }

  .objednavka .title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .objednavka .order-content .tabs-content {
    padding: 20px 0 0 0;
  }

  .objednavka .order-sidebar {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
  }

  .objednavka .order-content .backbutton {
    margin: 15px 25px 25px 0;
    width: 100%;
    display: block;
    float: none;
  }

  .objednavka .order-content .button {
    margin-bottom: 0;
    margin-top: 20px;
  }

  .objednavka .large-12.cell.content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* -------------- Special 400 ---------------- */

@media screen and (max-width: 400px) {
  .pobyt .pokoj .button-medium {
    margin: 0 0 20px 0;
    width: 100%;
    text-align: center;
  }

  #hotel-tabs .tabs-title {
    width: 100%;
  }

  .button-previous {
    top: 30%;
  }

  .button-next {
    top: 30%;
  }

  .objednavka .order-content .tabs-title > a {
    padding: 1.25rem .4rem;
    font-size: 13px;
  }
}

/* -------------- Special 640 ---------------- */

@media screen and (max-width: 639px) {
  .objednavka .order-content .tabs-title > a {
    border: 2px solid #000;
    border-bottom: 3px solid #000;
    margin-top: -1px;
  }

  .objednavka .order-content .tabs-title > a:focus,
  .objednavka .order-content .tabs-title > a[aria-selected="true"] {
    background: #f4d27b;
    color: #1b1b1b;
    font-weight: bold;
  }

  .objednavka .order-sidebar .order-img {
    max-width: none;
    width: calc(100% + 60px);
  }

  .carousel-list .primary .price,
  .primary.list-box .price {
    margin-top: 22px;
  }
}

/* -------------- Special 1200 +  ---------------- */

@media screen and (min-width: 1200px) {
  .main-boxes > .grid-x > .cell {
    padding-right: 0;
    padding-left: 0;
  }

  #hotel-tabs {
    height: 194px;
  }

  .main-boxes .pobytove,
  .main-boxes .pobytove:hover {
    background-position: center;
  }

  .main-boxes .plavby,
  .main-boxes .plavby:hover {
    background-position: center;
  }

  .main-boxes .cks,
  .main-boxes .cks:hover {
    background-position: right;
  }

  .main-boxes .usa,
  .main-boxes .usa:hover {
    background-position: right;
  }

  .page-results .large-4 .listview {
    border-right: 12px solid #0a0a0a;
  }

  .page-results .large-4:nth-child(3n) .listview {
    border-right: 0;
  }

  .page-results .listview img {
    width: 100% !important;
  }

  .page-results .primary.pobyt-box,
  .page-results .primary.list-box {
    width: 398px;
  }

  div.page-results.grid-x {
    margin-left: -15px;
  }
}

/* Publikované články */

.clanky-button {
  float: right;
}

.search-clanky {
  padding: 20px 10px;
  overflow: auto;
}

.search-clanky .vybrat-zemi {
  margin-bottom: .3em;
}

/* kontinenty */

.seznam-kontinetu .infoheader {
  height: auto;
}

.seznam-kontinetu .infoheader.amerika,
.seznam-kontinetu .infoheader.severni-amerika,
.seznam-kontinetu .infoheader.severna-amerika {
  background: #0a0a0a url(/img/redesign/kontinenty/severni-amerika.jpg) 50% 0 no-repeat;
}

.seznam-kontinetu .infoheader.latinska-amerika {
  background: #0a0a0a url(/img/redesign/kontinenty/latinska-amerika.jpg) 50% -150px no-repeat;
}

.seznam-kontinetu .infoheader.australie-a-oceanie,
.seznam-kontinetu .infoheader.australia-a-oceania {
  background: #0a0a0a url(/img/redesign/kontinenty/australie-a-oceanie.jpg) 50% -130px no-repeat;
}

.seznam-kontinetu .infoheader.evropa,
.seznam-kontinetu .infoheader.europa {
  background: #0a0a0a url(/img/redesign/kontinenty/evropa.jpg) 50% -100px no-repeat;
}

.seznam-kontinetu .infoheader.afrika {
  background: #0a0a0a url(/img/redesign/kontinenty/afrika.jpg) 50% -110px no-repeat;
}

.seznam-kontinetu .infoheader.asie,
.seznam-kontinetu .infoheader.azia {
  background: #0a0a0a url(/img/redesign/kontinenty/asie.jpg) 50% -90px no-repeat;
}

.seznam-kontinetu .infoheader.polarni-oblasti,
.seznam-kontinetu .infoheader.polarne-oblasti {
  background: #0a0a0a url(/img/redesign/kontinenty/polarni-oblasti.jpg) 50% -80px no-repeat;
}

.seznam-kontinetu .zeme-detail {
  margin-bottom: 200px;
  padding-top: 10px;
}

.seznam-kontinetu .kontinent-img {
  bottom: 10px;
  position: absolute;
  width: 65px;
}

.seznam-kontinetu h1 {
  margin-left: 80px;
}

.continent-block {
  margin-bottom: 100px;
}

@media (max-width: 639px) {
  .continent-block {
    margin-bottom: 30px;
  }
}

.seznam-kontinentu .perex {
  margin-bottom: 0;
}

.tooltip {
  max-width: 15rem;
}

/* cookie lišta */
#AiraGdprDialog {
  z-index: 99999999 !important;
}

#AiraGdprDialog p {
  margin: .5rem 0;
}

/* google search */
.gsc-adBlock {
  display: none !important;
}

/* admin box na frontendu */
.admin-menu {
  position: fixed;
  left: 0;
  top: 200px;
  color: #0a0a0a;
  z-index: 3;
}

#admin-menu {
  background: #0a0a0a;
  border: 0;
  position: fixed;
  left: 0 !important;
  width: auto;
}

#admin-menu a {
  display: block;
  padding: .5rem 0;
}

#admin-menu a i {
  padding-right: 10px;
}

.admin-dropdown a {
  outline: none !important;
}

.bottom-tab-navigation {
  overflow: auto;
  margin-top: 30px;
}

#panel-mapa .bottom-tab-navigation {
  margin-left: 80px;
  margin-right: 80px;
}

@media (max-width: 1200px) {
  #panel-mapa .bottom-tab-navigation {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (max-width: 1023px) {
  #panel-mapa .bottom-tab-navigation {
    margin-left: 25px;
    margin-right: 25px;
  }
}

@media (max-width: 639px) {
  #panel-mapa .bottom-tab-navigation {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.next-tab {
  float: right;
}

.prev-tab {
  float: left;
}

.button.primary.prev-tab,
.button.primary.next-tab {
  font-weight: 500;
  letter-spacing: .03em;
}

.button.primary.tab-button {
  background-color: transparent;
  border: 3px solid #f4d27b;
}

.button.primary.tab-button:hover {
  background-color: #fdf8eb;
  color: black;
}

body.lang-sk .sorting .listing-type .list::before {
  content: 'riadkový výpis';
}

body.lang-sk nav.topmenu .sticky.is-stuck .logo a {
  background-image: url(/img/redesign/footer-logo-sk.png);
}

.dotaznik {
  font-size: .875rem;
  line-height: 1.8;
  font-weight: normal;
}

.dotaznik .rating span {
  display: inline-block;
  text-align: center;
}

.dotaznik .background {
  background-color: #f0f1f3;
}

.dotaznik .grid-x > .cell {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dotaznik label.middle,
.dotaznik [type="text"],
.dotaznik [type="date"],
.dotaznik [type="email"],
.dotaznik [type="tel"] {
  margin-bottom: 0;
}

.dotaznik .primary {
  margin: 10px auto;
  display: block;
  padding: 15px 30px;
}

.dotaznik #jinymZpusobemInput,
.dotaznik #planujeZemeDiv {
  display: none;
}

.detail-text-section h3.price-info {
  cursor: pointer;
}

.detail-text-section h3.price-info:hover {
  text-decoration: underline;
  color: #f4d27b;
}

.detail-text-section h3.price-info + div {
  display: none;
}

.informace-container .detail {
  float: none;
  width: auto;
  margin-left: 260px;
}

.informace-container .detail h3,
.informace-container .detail h4 {
  margin-bottom: 0;
  font-size: 26px;
}

.informace-container .detail a {
  color: #7b9ef4;
  font-weight: 400;
}

.informace-container .detail h3 a,
.informace-container .detail h4 a {
  color: #0a0a0a;
  cursor: text;
}

.informace-container .detail h3 a:hover,
.informace-container .detail h4 a:hover {
  text-decoration: none;
}

.informace-container .detail p,
.informace-container .detail li,
.informace-container .detail td,
.informace-container .detail th,
.informace-container .detail div {
  line-height: 1.4;
  font-size: 16px !important;
}

.informace-container .detail li p {
  margin-bottom: 0;
}

.informace-container .detail a:hover {
  text-decoration: underline;
}

.informace-container .detail table tbody tr:nth-child(2n) {
  background-color: #fff;
}

.informace-container .detail-menu {
  margin-right: 0;
  margin-bottom: 0;
}

.informace-container .detail-menu ul {
  overflow-y: auto;
  height: calc(100% - 35px);
  scrollbar-width: thin;
}

.informace-container .detail-menu ul::-webkit-scrollbar {
  width: 5px;
}

.informace-container .detail-menu ul::-webkit-scrollbar-thumb {
  background: #666;
}

.informace-container .detail-menu a {
  padding: .5rem 1rem;
  border-bottom: 1px solid #d8d8d8;
}

.informace-container .detail-menu a.active {
  font-weight: bold;
}

.informace-container {
  position: relative;
}

.informace-container .detail-menu.sticky {
  position: fixed;
  top: 105px;
  overflow: auto;
  max-height: calc(100% - 115px);
}

.informace-container .detail-menu.bottom {
  position: absolute;
  bottom: 0;
}

@media (max-width: 639px) {
  .informace-container .detail-menu {
    margin-left: -15px;
    float: none;
    display: none;
  }

  .informace-container .detail {
    margin-left: 0;
  }

  .informace-container .detail h3 {
    margin-top: 10px;
    font-size: 18px;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #f0f1f3;
    position: relative;
    transition: background .25s ease-out;
  }

  .informace-container .detail h3:hover {
    background-color: #f4d27b;
  }

  .informace-container .detail h3::after {
    top: 5px;
    right: 15px;
    font-family: 'Font Awesome 5 Pro', serif;
    font-weight: 400;
    content: "\f107";
    font-size: 18px;
    position: absolute;
    color: #414042;
  }

  .informace-container .detail h3.active::after {
    content: "\f106";
  }

  .informace-container .detail h3 + div {
    display: none;
  }

  .informace-container .detail h3.active + div {
    display: block;
    margin-top: 15px;
  }
}

@media (min-width: 1024px) {
  .informace-container .detail-menu.sticky {
    top: 115px;
  }

  nav.topmenu.no-js .title-bar {
    display: none;
  }
}

@media (min-width: 1204px) {
  .informace-container .detail {
    margin-left: 180px;
  }

  .informace-container .detail-menu {
    margin-left: -130px;
  }
}

.detail-ikony-ikona {
  position: relative;
  margin-bottom: 15px;
}

.cell .detail-ikony-ikona {
  margin-bottom: 30px;
}

.detail-ikony-ikona i {
  font-size: 50px;
  color: #f4d27b;
  display: block;
  position: absolute;
  top: calc(50% - 25px);
}

.detail-ikony-ikona h5,
.detail-ikony-ikona p {
  margin-left: 80px;
}

.detail-ikony-ikona p i {
  position: static;
  display: inline;
  font-size: 12px;
}

#back-top {
  position: fixed;
  bottom: 50px;
  right: 25px;
  z-index: 16000003;
}

#back-top i {
  cursor: pointer;
  border-bottom: none;
}

.tooltip.back-top {
  background-color: #f0c24c;
  color: #0a0a0a;
  right: 90px;
  bottom: 52px;
  left: auto !important;
  top: auto !important;
  position: fixed;
  font-family: 'Roboto', sans-serif;
}

.tooltip.back-top::before {
  border-color: transparent transparent transparent #f0c24c;
}

@media (min-width: 1400px) {
  #back-top {
    right: 3em;
    bottom: 100px;
  }

  .tooltip.back-top {
    right: calc(3em + 75px);
    bottom: 102px;
  }
}

@media (min-width: 1550px) {
  #back-top {
    right: 7em;
  }

  .tooltip.back-top {
    right: calc(7em + 85px);
  }
}

@media (min-width: 1700px) {
  #back-top {
    right: 15em;
  }

  .tooltip.back-top {
    right: calc(15em + 115px);
  }
}

/* foundation update 6.3.0 to 6.5.3 fixes */
#main-menu,
.title-bar {
  display: block;
}

.title-bar {
  min-height: 59px;
}

.menu .is-active > a {
  background: inherit;
}

@media (max-width: 1023px) {
  .sticky.is-stuck #main-menu .language li {
    padding-top: 0 !important;
  }
}

.vypis-clanek .tabs-panel {
  padding: 0;
}

.lowercase {
  text-transform: lowercase;
}

.daterangepicker .calendar-table thead {
  background-color: initial;
}

.daterangepicker .calendar-table thead th,
.daterangepicker .calendar-table tbody td {
  padding: initial;
  height: 28px;
}

.daterangepicker .calendar-table tbody tr:nth-child(even) {
  background-color: initial;
}

.objednavka .order-content input.datepicker[type='text'] {
  margin-bottom: 2em;
}

#top-video {
  align-self: center;
  justify-self: center;
  z-index: -1;
}