html, body {
  height: 100%;
  margin: 0;
  background-color: rgba(254,248,245,.2) /*rgb(254,248,245);*/
}
body {
  font-family: "PT Sans", sans-serif;
  color: #4f4f4f;
  overflow-x: hidden;
}
h1{font-size: 1.5rem;color:#71492b;}
h3{color:#71492b;}
h5 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  color: #71492b;
}
.navbar {
  background: #101010 !important;
  line-height: 1.2;
}

.navbar-toggler {
  border-style: none !important;
  height: fit-content;
}

.navbar-nav {
  color: white !important;
  margin-left: 1em;
}

.navbar-brand {
  margin-top: -16px;
}

.navbar-brand > img {
  /*	padding: 10px;
    background-color: rgb(255,121,1);*/
}

.custom-navbar {
  flex-direction: row !important;
  position: absolute;
  right: 0;
}

.custom-navbar .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.custom-lheight-fontsize {
  line-height: 1.5rem;
  font-size: 1.5rem;
}

@media only screen and (max-width: 992px) {
  #navbarSupportedContent {
    background-color: #fffaf6 !important;
  }
  #navbarSupportedContent.show {
    height: 100vh;
    padding-top: 1em;
  }
  .navbar-nav .nav-link {
    padding-left: 25px !important;
    color: #71492b !important;
  }
  .dropdown-item {
    padding-left: 50px !important;
    color: #71492b;
  }
  #dropdownMenuCstm {
    border: none !important;
    background: transparent !important;
  }
  .navbar {
    z-index: 100;
  }
}

@media only screen and (min-width: 1292px) {
  .nav-item {
    padding: 0 15px;
  }
}

.sabai_img {
  width: 100%;
  position: relative;
  display: block;
}

.sabai_img img {
  width: 100%;
  height: 100%;
}

i {
  color: #ffffff;
}

/*banner upravit pro portrait/lanscape mobile... https://www.vzhurudolu.cz/prirucka/css3-media-queries*/

/*banner*/
@media only screen and (max-width: 473px) {
  /*mobile*/
  #banner {background-color: transparent /*#181818*/; background-repeat: no-repeat; background-size: 150vw; background-position: center 0px; width:100vw;height:inherit;/*height:100vh;*/display: table-cell;}

  /*#banner-card {margin-top: 8em;margin-bottom: 0.5em;max-width: calc(100vw - (100vw - 100%));}*/
  #banner-card {padding:calc(35vh - 70px) 0 5vh 0;margin:0;/*max-width: calc(100vw - (100vw - 100%));*/}

  .slider {}
  #pobockycontainer{margin-top: 0.5em;}
}
@media only screen and (min-width: 474px) and (max-width: 768px) {
  /*mobile - tablet*/
  #banner {background-color: transparent /*#181818*/; background-repeat: no-repeat; background-size: 135vw; background-position: center 0px; width:100vw;height:inherit;/*height:100vh;*/display: table-cell;}

  #banner-card {padding:calc(35vh - 70px) 0 5vh 0;margin:0;/*max-width: calc(100vw - (100vw - 100%));*/}

  .slider {}
  #pobockycontainer{margin-top: 1em;}
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  /*desktop*/
  #banner {background-color: transparent /*#181818*/; background-repeat: no-repeat; background-size: 120vw; background-position: center 0px; width:100vw;height:inherit;/*height:100vh;*/display: table-cell;}
  #banner-card {padding:calc(35vh - 70px) 0 5vh 0;margin:0;/*max-width: calc(100vw - (100vw - 100%));*/}

  .slider {
    overflow-y: hidden;
    max-height: calc(100vh - 50px);

    -webkit-transition-property: all;
    -webkit-transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -moz-transition-property: all;
    -moz-transition-duration: 4s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -ms-transition-property: all;
    -ms-transition-duration: 4s;
    -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    transition-property: all;
    transition-duration: 4s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    height: calc(100vh - 50px); 
    width: auto;
  }
  .slider.closed {max-height: 0;}
  #pobockycontainer{margin-top: 1em;padding-top:0;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  /*desktop*/
  #banner {background-color: transparent; background-repeat: no-repeat; background-size: 105vw; background-position: center 0px; width:100vw;height:inherit;/*height:100vh;*/display: table-cell;}
  #banner-card {padding:calc(35vh - 70px) 0 10vh 0;margin:0;/*max-width: calc(100vw - (100vw - 100%));*/}

  .slider {
    overflow-y: hidden;
    max-height: calc(100vh - 50px);

    -webkit-transition-property: all;
    -webkit-transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -moz-transition-property: all;
    -moz-transition-duration: 4s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -ms-transition-property: all;
    -ms-transition-duration: 4s;
    -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    transition-property: all;
    transition-duration: 4s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    height: calc(100vh - 50px); 
    width: auto;
  }
  .slider.closed {max-height: 0;}
  #pobockycontainer{margin-top: 1em;padding-top:0;}
}
@media only screen and (min-width: 1200px){
  /*desktop*/
  #banner {background-color: transparent; background-repeat: no-repeat; background-size: 100vw; background-position: center 0px; width:100vw;height:auto;/*height:100vh;*/display: table-cell;}
  #banner-card {padding:calc(38vh - 70px) 0 calc(35vh - 70px) 0;margin:0;/*max-width: calc(100vw - (100vw - 100%));*/}

  .slider {
    overflow-y: hidden;
    max-height: calc(100vh - 50px);

    -webkit-transition-property: all;
    -webkit-transition-duration: 4s;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -moz-transition-property: all;
    -moz-transition-duration: 4s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -ms-transition-property: all;
    -ms-transition-duration: 4s;
    -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    transition-property: all;
    transition-duration: 4s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    height: calc(100vh - 50px); 
    width: auto;
  }
  .slider.closed {max-height: 0;}
  #pobockycontainer{margin-top: 1em;padding-top:0;}
}

.vl {
  border-left: 1px solid #ffffff;
  height: 62px;
}

.btnBack {
  background: #f17502 !important;
  width: 100%;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  justify-content: center;
}

.saleText {
  color: #ffb600;
  font-weight: bold !important;
}

.news {
  padding: 30px;
}

.footer {
  width: 50px;
}

.rightfloat {
  float: right;
}

.secondcard {
  padding-bottom: 15px;
}

.under-image {
  /* width: 80%; */
  margin: 0 auto;
  top: -60px;
}

.through-image {
  position: absolute;
  left: 0;
  right: 0;
  width: 80%;
  height: 24px;
  bottom: 5%;
  margin: 0 auto;
  /* background: red; */
  color: white;
  line-height: 24px;
  font-size: 14px;
  border-radius: 4px;
  /* font-weight: bold; */
}
.network{
  cursor: pointer;
  width: 90%;
  /*min-width: 200px;*/
  height: 24px;
  margin: 8px auto;
  color: black;
  background-color: rgba(241,117,2,0.15);
  line-height: 24px;
  font-size: 14px;
  border-radius: 4px;
  /*font-weight: bold;*/ 
}

.card-link {
  font-size: 0.75rem;
  color: White;
  border:rgba(255,255,255,.3) thin solid;
  line-height: 2rem;
  height:2rem;
  width:2rem;
  display: inline-block;
  padding: 0;
}

#offer .card p {
  margin-bottom: 0;
}

#offer h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #71492b;
}

#offer .card .card-title {
  display:inline;
  /*float: left;*/
  font-size: 18px;
  margin-bottom: 0 !important;
}
#offer .card .card-title .skupnazev {width: 140px;float: left;}
#offer .card .card-title .skupcena {font-weight: bold;width: 90px;text-align: right;float: left;}

#offer .downicon {
  float: right;
  color: darkgray !important;
  font-size: 18px;
}

.price {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #f07600;
  white-space: nowrap;
  display: block;
  width:80px;
  float: right;
  text-align: right;
}

.prodname{/*width:180px;*/display:inline-block;}

.form-check-input {
  visibility: hidden;
}

.form-check-label {
  position: relative;
  margin-left: 15px;
  cursor: pointer;
  width: 100%;
}

.form-check-label .design {
  position: relative;
  /*margin: 12px 20px 12px 10px;*/
  margin: 10px 10px 13px 17px;
  display: block;
  float: right;
}
#certpodoba .form-check-label {
  margin-left: 0 !important;
}
@media only screen and (max-width: 400px) {
  #certpodoba .form-check-label img {
    margin-left: 1% !important;
  }
  .modal .form-check-label .design {
    /* margin-right: 10px; */
  }

}

#certpodoba .form-check-label .design {
  /* position: absolute; */
  /* margin-right: 0; */
  /* top: 0; */
  /* bottom: 0; */
}

.design::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #f07600;
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  margin-right: 4px;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s;
}

.design::after {
  content: "";
  width: 24px;
  height: 24px;
  border: 2px solid #f07600;
  display: inline-flex;
  border-radius: 50%;
  margin-right: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.design_inactive {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: silver;
  margin: 0 -3px 0 6px;
}

.form-check-label:hover .design::before {
  opacity: 0.7 !important;
  transform: translate(-50%, -50%) scale(0.3);
  background-color: silver;
}

.form-check-input:checked + .design::before {
  background-color: #f07600 !important;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

#certpodoba .form-check-label:hover .design::before {
  opacity: 0.7 !important;
  transform: translate(-50%, -50%) scale(0.3);
  background-color: silver;
}

#certpodoba .form-check-input:checked + .row .col-12 .row .col-1 .design::before,
.form-check-input:checked .design::before {
  background-color: #f07600 !important;
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

.act-res + .col-4 .design::before {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

.form-check-input:hover {
  background-color: #f07600;
  opacity: 0.3;
}

.form-check-input {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.form-check {
  margin: 5px;
  padding: 15px 25px !important;
}

.form-check:hover {
  background-color: rgba(240, 118, 0, 0.1)  !important;
}

.hide {
  display: none !important;
}

.last-step p {
  font-size: 12px;
  line-height: 16px;
}

.modal-title {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #71492b;
}

#nav-tab {
  border: 1px solid #ffb600;
  /* border-right: none; */
  border-radius: 24px;
  padding-bottom: 1px;
  background: #ffb600;
}

#nav-tab .nav-link {
  padding: 10px;
  border-radius: 24px;
  color: white;
  font-weight: bold;
}

#nav-tab .nav-link.active {
  color: black !important;
}

#nav-tabContent .list-group-item {
  border: none;
}

.close-custom {
  position: absolute;
  right: -8px;
  top: -16px;
  background: #fff !important;
  opacity: 1;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0 !important;
  border: 2px solid #f07600 !important;
  color: #f07600;
}

.close-custom:hover {
  opacity: 1 !important;
  color: #fff !important;
  background: #f07600 !important;
}

.modal-header {
  position: relative;
}

.close-custom span {
  line-height: 29px !important;
}

#nav-profile .list-group .list-group-item {
  color: green !important;
}

.carousel-item {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  text-decoration: underline;
}

.address {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #4f4f4f;
}

.modal-header-cstm {
  background: #fffaf6;
  border-radius: 8px;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header {
  padding: 0 !important;
  border: none !important;
}

.certification-items img {
  width: auto;
  max-width: 100%;
}

.img-text {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #71492b;
}

.img-text-2 {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  color: #4f4f4f;
}

.cert-label {
  display: flex;
}

.checkbox-cstm {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding-top: 5px;
  margin-top: 12px;
  color: #4f4f4f;
}

/* Hide the browser's default checkbox */

.checkbox-cstm input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  border: 1px solid #f07600;
  width: 25px;
  border-radius: 4px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */

.checkbox-cstm:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.checkbox-cstm input:checked ~ .checkmark {
  /* background-color: #F07600; */
  border: 1px solid #f07600;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox-cstm input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox-cstm .checkmark:after {
  left: 8px;
  top: 0px;
  width: 9px;
  height: 18px;
  border: solid #f07600;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.text-nadpis5 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #71492b;
}

.h4-custom {
  color: #71492b;
  font-weight: bold;
  text-transform: uppercase;
}

.text-cstm-brown {
  color: #71492b;
}

.text-cstm-danger {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #eb5757;
}

.img-pobocka-rounded {
  text-align: center !important;
}

.img-pobocka-rounded img {
  border-radius: 16px !important;
  width: 100%;
}

.card {
  background: #ffffff !important;
  box-shadow: 0px 4px 17px #d6b3a1 !important;
  border-radius: 8px !important;
  border:none;
}

.card .card-title {
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 18px !important;
  line-height: 22px !important;
  color: #71492b !important;
  background-color: rgb(254,248,245) !important;
  border-radius: 8px 8px 0 0;
}

.card .card-title i {
  color: #f07600 !important;
  font-size: 18px !important;
}

.card-img-overlay-archive p {
  margin-bottom: 0 !important;
}

.card-img-top{
  border-top-left-radius: 8px; 
  border-top-right-radius: 8px; 
}

.card .card-text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #4f4f4f;
}

.card .card-text ul li ul {font-size: 11px;line-height: 1.1;color: dimgray;}

.card .card-body {
  position: relative !important;
}

.pagination-link {
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 16px;
  text-align: right;
  color: #4f4f4f;
}

.pagination-icon {
  color: #bbbbbb;
}

.pagination-icon.next {
  transform: rotateZ(-90deg) !important;
}

.pagination-icon.prev {
  transform: rotateZ(90deg) !important;
}

.custom-list {
  list-style: none;
}

.custom-list li {
  position: relative;
  line-height: 40px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #333333;
}

.custom-list li::before {
  content: "";
  width: 10px;
  border-radius: 50%;
  height: 10px;
  left: -20px;
  background: #f07600;
  position: absolute;
  top: 15px;
}

.mail {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #71492b;
}

.border-none {
  border: none !important;
}

.default-text-header {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  color: #71492b !important;
}

.default-text-content {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  color: #4f4f4f;
}

.panel-item-btn-primary {
  color: #f07600;
  background: transparent;
  border-radius: 0px;
  border: none !important;
}

.panel-item-btn-secondary {
  color: #ffb600;
  background: transparent;
  border-radius: 0px;
  border: none;
}

.btn:focus {  border: none !important;
  box-shadow: none !important;
}

.panel-item-btn-secondary:hover {
  color: #ffb600;
}

.panel-item-btn-primary:hover {
  color: #f07600;
}

.panel-item-btn-secondary.active,
.panel-item-btn-primary.active {
  border: 1px solid #dee2e6 !important;
  border-bottom: none !important;
  border-radius: 0px !important;
}

.reservation-status {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  /* identical to box height */
  text-align: center;
  color: #4f4f4f;
}

.indicators {
  display: flex;
}

.indicator .indicator-text {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #71492b;
  width: 64px;
  height: 33px;
}

.indicator .indicator-point {
  width: 24px;
  height: 24px;
  border: 2px solid #f07600;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  padding-left: 2px;
}

.indicator.indicator-active .indicator-point {
  background: #f07600;
}

.indicators .indicator-divider {
  height: 2px;
  background: #f07600;
  width: 25%;
  margin-top: 0.7rem;
}

.more-info {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #4f4f4f;
}

.card .card-title .more-info i {
  color: #bbbbbb !important;
}

.more-info-collapse {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #4f4f4f;
}

.login_register_text {
  font-weight: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
  text-align: center !important;
  text-decoration-line: underline !important;
  color: #4f4f4f !important;
}

.storno-bar {
  position: relative;
}
.storno-bar .storno-bar-start {
  position: absolute;
  width: 100%;
  height: 11px;
  margin: 0 auto;
  background: #f2c94c;
}
.storno-bar .storno-bar-middle {
  position: absolute;
  height: 14px;
  width: 2px;
  top: -2px;
  left: 0;
  right: 0;
  background-color: black;
}

.storno-bar .storno-bar-end {
  position: absolute;
  right: 0;
  height: 11px;
  width: 10%;
  background-color: red;
}

@media only screen and (max-width: 519px) {
  .storno-bar .storno-bar-end {
    width: 15%;
  }
}

.borderless {
  border: none !important;
}

.order-bg {
  background-color: #fffaf6 !important;
}

.clearfix-top-navbar {
  position: relative;
  top: 0;
  height: 68px !important;
}

.custom-nav-link {
  line-height: 60px;
  font-size: 1.5rem;
  padding-top: 0.7rem;
  font-weight: bold;
}

.list-group-reservation .list-group-item {
  border: none !important;
}
.list-group-reservation .list-group-item:hover {
  background: rgba(240, 118, 0, 0.1);
}
.list-group-reservation hr {
  width: 88%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.sunday-hr {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}

.tab-pane:not(.active) {
  display: none;
}
@media only screen and (max-width: 391px) {
  .carousel-item div {
    margin: 1rem 0.2rem !important;
  }
}

.slot-item {
  cursor: pointer;
  position: relative;
  padding: 7px 3px;
  padding-top: 7px !important;
}

.slot-item .badge {
  position: absolute;
  top: -5px;
  left: -6px;
  font-size: 10px;
}
.badge-success {
  background-color: #ffb600;
  color: whitesmoke;
}

/*pf*/
.clear {
  float: none !important;
  clear: both !important;
  font-size: 0px !important;
  line-height: 0px !important;
  height: 0px !important;
  width: 0px !important;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px !important;
}
.nowrap {
  white-space: nowrap;
}
.carousel-item div {
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  margin: 1rem 1rem;
  border: #ffb600 2px solid;
  border-radius: 50%;
  line-height: 3.3em;
  cursor: pointer;
}
.rounded {
  float: right;
  /*border: transparent 1px solid;*/
  margin: 0 5px 0 10px;
  padding: 0 7px;
}
.quota {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 0 5px;
  background-color: whitesmoke;
  color: black;
  font-weight: bold;
  text-align: center;
  border: none;
  border-radius: 50%;
  line-height: 1.8em;
}
.ebprov {
  width: 100%;
}
.ebprov td {
  font-size: 12px;
  padding: 0 3px;
}
.ebprov td div.provoznazev {
  text-transform: uppercase;
  font-size: 16px;
  width: 29%;
  float: left;
  white-space: nowrap;
  margin: 0;
}
.ebprov td div.ebparamcontainer {
  float: right;
  margin: 0;
}
.ebparam {
  max-width: 300px;
}
.ebparam td {
  font-size: 12px;
  padding: 1px 5px;
  white-space: nowrap;
}
.ebparam td:nth-child(1) {
  font-size: 12px;
  width: 29%;
  text-align: right;
  vertical-align: middle;
  padding: 1px 5px 1px 0;
}
.ebparam td:nth-child(1) div {
  display: inline-block;
  padding: 0 3px;
  text-align: center;
}
.ebparam td:nth-child(2) {
  width: 23%;
}
.ebslotytd {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.ebsloty {
  display: flex;
  justify-content: space-around;
  padding: 0;
}
.ebsloty div {
  width: 100%;
  height: 52px;
  margin: 5px 2px;
  text-align: center;
  border: rgba(0, 0, 0, 0.6) thin solid;
  border-radius: 6px;
  line-height: 1.5em;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 3px;
}
.ebsloty div.slotinact {
  cursor: not-allowed;
  opacity: 0.2;
}
.ebsloty span.cena {
  opacity: 0.65;
}
table#stornopodminky td {
  padding: 0.75rem 0.5rem;
}
.poweroff {
  height: 2rem;
  margin: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
}
table.uservipkarty th {
  padding: 0 2px;
  text-align: left;
  background-color: #bbbbbb;
  color: #f07600;
}
table.uservipkarty td {
  padding: 0 2px;
  font-size: 12px;
}

.user-obj {
  /*padding: 0.75rem 0.4rem 0.75rem 1rem;*/
  padding: 1rem 0.75rem;
  white-space: nowrap;
  line-height: 1rem;
}
.user-obj div:nth-child(1) {
  width: 75px;
  margin:.2rem 0;
}
.user-obj div:nth-child(2) {
  white-space: nowrap;
  width: 155px;
  /*color: #4f4f4f;*/
  color: #777;
  border: #ddd thin solid;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 0rem 0;
  padding: .2rem .25rem;
}
.user-obj div:nth-child(3) {
  width: 95px;
  text-align: left;
  margin:.2rem 0;
  padding-left: 2rem; 
}
.user-obj div:nth-child(4) {
  width: 135px;
  text-align: right;
  white-space: nowrap;
}

.user-rez {
  padding: 1rem 0.75rem;
  white-space: nowrap;
  line-height: 1rem;
}
.user-rez div:nth-child(2) {
  width: 136px;
  padding-left: .25rem;
  margin:.2rem 0;
}
.user-rez div:nth-child(3) {
  white-space: normal;
  width: 110px;
  /*color: #4f4f4f;*/
  color: #777;
  border: #ddd thin solid;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 0rem 0;
  padding: .2rem .25rem;
}
.user-rez div:nth-child(4) {
  color: #4f4f4f;
  margin:.2rem 0;
}
.user-rez div:nth-child(5) {
  margin:.2rem 0;
  color: #4f4f4f;
}

.user-cert {
  padding: 1rem 0.75rem;
  white-space: nowrap;
  line-height: 1rem;
}
.user-cert div:nth-child(1) {
  width: 75px;
  margin:.2rem 0;
}
.user-cert div:nth-child(2) {
  white-space: nowrap;
  width: 135px;
  /*color: #4f4f4f;*/
  color: #777;
  border: #ddd thin solid;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 0rem 0;
  padding: .2rem .25rem;
}
.user-cert div:nth-child(3) {
  width: 200px;
  text-align: left;
  margin:.2rem 0;
}

.user-kred {
  padding: 1rem 0.75rem;
  white-space: nowrap;
  line-height: 1rem;
}
.user-kred div:nth-child(1) {
  /*width: 136px;*/
  margin:.2rem 0;
}
.user-kred div:nth-child(2) {
  /*width: 125px;*/
  text-align: right;
  white-space: nowrap;
}

.mj {
  border: thin solid silver;
  border-radius: 5px;
  padding: 1px 6px 1px 6px;
  text-align: center;
}
.glow {
  border-radius: 50%;
  padding: 5px 7px;
  text-align: center;
}
.glow:hover, .glow:active {
  background-color: rgba(240, 118, 0, 0.1) !important;/*#f7f0ec #fffaf6*/
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}
.noclick{pointer-events: none;}
.vyprodano{
  display: inline-block;
  height: 21px;
  margin: 0 5px;
  background-color: rgba(128,128,128,.5);
  color: whitesmoke;
  font-weight: normal;
  text-align: center;
  border: none;
  border-radius: 16px;
  line-height: 1.8em;
  padding: 0 8px;
  margin: 0 0 0 31px;
}

@media only screen and (max-width: 768px) {
  /*mobile*/
  .nabidka-pobocka {
    border-radius: 5px;
    margin: 1px;
    max-width: 48%;
    text-align: center;
    font-size: .75rem;
    padding: 3px 5px;
  }
}  

@media only screen and (min-width: 769px) {
  /*other*/
    .nabidka-pobocka {
      border-radius: 5px;
      margin: 1px;
      max-width: 48%;
      text-align: center;
      font-size: .6rem;
      padding: 2px 3px;
    }
}  
.collapse-reservation {
  /*background-color: #fffaf6 !important;*/
  padding: .5rem 1rem !important;
  border-radius: 8px;
}

.cstm-card-new .card-title {
  background-color: #fffaf6 !important;
  border-radius: 8px 8px 0px 0px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd !important;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ddd !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #ddd !important;
}

@media only screen and (max-width: 575px) {
  .ml-sm-20px {
    margin-left: 20px;
  }

  .mr-sm-20px {
    margin-right: 20px;
  }
}

#empty_cart {
  /*min-height: calc(100% - 324px);*/
  min-height: calc(100% - 254px);
  margin: 0 auto -50px;
}

.dropdown-menu{padding: 0;margin:0;}

.copyrights{font-size: .6rem;padding: .1rem;}

.btn-pf{
  display:inline-block;
  font-weight:400;
  color:whitesmoke;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  border:none;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:.25rem;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn-trans{cursor:pointer;background-color: rgba(111,111,111,.4);padding:0 0.3em;border-radius: 5px;}
.btn-kredit{background-color: #ffb600; color: white !important;width: 100%;height:100%;font-size: 1rem;/*margin: 0 .25rem;*/}
.btn-kredit:hover, .btn-kredit:active, .btn-kredit:focus{/*opacity: .7*/ background-color: #ff9b00 !important;}
/*round-8 bg-lgray txt-brown fs-14 px-3 py-1 ml-auto mr-0 d-block*/
.f-l {
  float: left;
}
.f-r {
  float: right !important;
}
.fs-1 {
  font-size: 1rem;
}
.fs-12 {
  font-size: 12px;
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-14 {
  font-size: 14px;
}
.fs-16 {
  font-size: 16px;
}
.fs-20 {
  font-size: 20px;
}
.fs-22 {
  font-size: 22px;
}
.fs-50 {
  font-size: 50px;
}
.c-y {
  color: #ffb600;
}
.c-o {
  color: #f07600;
}
.mh-4 {
  min-height: 4em;
}

.bgtrans {
  background-color: transparent;
}
.bg-white{background-color: whitesmoke !important;}
.bg-orange{background-color: #F07600 !important;}
.bg-orange-img{
  background-color: #F07600 !important;
  background: radial-gradient(#f8ba80, #f07600 90%) !important;
  background-image: url('../img/pozadi333.jpg') !important; background-position: center !important;  background-size: cover !important; background-repeat: no-repeat !important; 
}
.bg-yellow{background-color: #FFB600 !important;}
.bg-chiffon{background-color: lemonchiffon !important;}
.bg-red{background-color: crimson !important;}
.bg-gray{background-color: dimgray !important;}
.bg-lgray{background-color: #EEEEEE !important;}
.bg-black{background-color: black !important;}
.bg-green{background-color: yellowgreen !important;}
.bg-hover:hover, .bg-hover:active, .bg-hover:focus{background-color: rgba(128,128,128,0.7) !important;}
.bg-body{background-color:rgba(240, 118, 0, 0.07) !important; /*rgb(254,248,245)*/}
.bg-card-header{background-color:rgb(254,248,245) !important;}

.border-gray, table.border-gray td{border: thin solid #c2c2c2 !important;}
.b-bot{border-bottom: thin solid rgba(240, 118, 0, 0.15) !important;}
.b-bot2{border-bottom: 1px solid rgba(0,0,0,.125) !important;}


.txt-body{color:#4f4f4f !important;}
.txt-white{color:white !important;}
.txt-orange{color:#F07600 !important;}
.txt-yellow{color:#ffb600 !important;}
.txt-gray{color:dimgray !important;}
.txt-silver{color:silver !important;}
.txt-black{color:black !important;}
.txt-blue{color:blue !important;}
.txt-brown{color:#71492b !important;}
.txt-green{color: yellowgreen !important;}
.txt-lower{text-transform: lowercase;}
.txt-hover:hover, .txt-hover:active, .txt-hover:focus{color: rgba(128,128,128,0.7) !important;}
.txt-shadow{text-shadow: -2px 2px 6px #555;}
.txt-ellipsis{height: 2.4em;line-height: 1.2em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;}
.txt-red, .red{color:rgb(228,13,57);}

.txt-bold{font-weight: bold !important;}
.txt3d{
  color: #fff;
  /*font-size: 12em;*/
  font-weight: bold;
  font-family: Helvetica;
  text-shadow: 
    0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 
    0 3px 0 #bbb, 
    0 4px 0 #b9b9b9, 
    0 5px 0 #aaa, 
    0 6px 1px rgba(0,0,0,.1), 
    0 0 5px rgba(0,0,0,.1), 
    0 1px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
}
.txtelegant{
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 92px;
  padding: 80px 50px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;

  color: #131313;
  background-color: #e7e5e4;
  letter-spacing: .15em;
  text-shadow: 
    1px -1px 0 #767676, 
    -1px 2px 1px #737272, 
    -2px 4px 1px #767474, 
    -3px 6px 1px #787777, 
    -4px 8px 1px #7b7a7a, 
    -5px 10px 1px #7f7d7d, 
    -6px 12px 1px #828181, 
    -7px 14px 1px #868585, 
    -8px 16px 1px #8b8a89, 
    -9px 18px 1px #8f8e8d, 
    -10px 20px 1px #949392, 
    -11px 22px 1px #999897, 
    -12px 24px 1px #9e9c9c, 
    -13px 26px 1px #a3a1a1, 
    -14px 28px 1px #a8a6a6, 
    -15px 30px 1px #adabab, 
    -16px 32px 1px #b2b1b0, 
    -17px 34px 1px #b7b6b5, 
    -18px 36px 1px #bcbbba, 
    -19px 38px 1px #c1bfbf, 
    -20px 40px 1px #c6c4c4, 
    -21px 42px 1px #cbc9c8, 
    -22px 44px 1px #cfcdcd, 
    -23px 46px 1px #d4d2d1, 
    -24px 48px 1px #d8d6d5, 
    -25px 50px 1px #dbdad9, 
    -26px 52px 1px #dfdddc, 
    -27px 54px 1px #e2e0df, 
    -28px 56px 1px #e4e3e2;
}
.txtrelief {
  background-color: #3a50d9;
  color: #e0eff2;
  font: italic bold 100px Georgia, Serif;
  text-shadow: -4px 3px 0 #3a50d9, -14px 7px 0 #0a0e27;
}

.lh-10{line-height: 1;}
.lh-11{line-height: 1.1;}
.lh-12{line-height: 1.2;}
.lh-15{line-height: 1.5;}
.lh-20{line-height: 2 !important;}

.u{text-decoration: underline;}
.b{font-weight: bold;}
.c{text-align: center;}
.upper{text-transform: uppercase;}

.cursor, .pointer{cursor: pointer;}
.hide{display:none;}

#infobar{font-size: 0.8em; text-align: center;color: black;background-color: lemonchiffon;}
#infobar table{border-collapse:collapse;table-layout:fixed;margin-left: auto;margin-right: auto; line-height: 1.1;}
#infobar table td:first-child{padding: 0;}
#infobar table td:last-child{padding: 0.5em;text-align: left;}
.infolos{padding: 11px 10px 7px 10px;color:dimgray;background-color: #FFB600;}
.vanoce-zbyva{border:none;display: inline;height:3.5em;/*height:60px;margin:10px auto 10px auto;*/}
.w100{width: 100%;}
.w200px{width: 205px;}
.w210px{width: 210px;}
.nadpis{color:#f07600;font-size: 14px;margin:10px 0 0 0;}
.vkosikujiz{border:1px solid #ffb600;border-radius: 10px;padding: 0 5px 0 3px;}
.anchor{width: 100%;height:0;position: relative;top:-80px;}
.addtocart{background-color: rgb(254,248,245) /*#fffaf6*/ !important;line-height: 2;}
.bw{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.shadow{box-shadow: 1px 2px 10px /*#fcece3 #f3e8e3 #F9EEE9*/ #DED1CC !important;}
#kredpodoba{/*transition: all .2s linear;*/}
.dnessleva{border:1px solid #ffb600;border-radius: 10px;padding: 0 5px;max-width: 10em;}
#otvirackyvanoce td{padding: 0 5px;}
#otvirackyvanoce .zavreno{background-color: rgba(128,128,128,.5);color:whitesmoke;}
#otvirackyvanoce .vyrazne{text-align:center;font-weight: bold;}

.provPEK{background-color:#FFE4B5;color:#482507;}
.provSLD{background-color:#FF7F50;color:#000000;}
.provKAR{background-color:#c09b54;color:#000000;}
.provVOL{background-color:#C61236;color:whitesmoke;}
.provHAR{background-color:#505050;color:#F5F5F5;}

#kioskbtnmodal{width:7em;height:7em;z-index: 1200;position: absolute; top:3em;right:-1em;background-color: deeppink;color: whitesmoke;cursor: pointer;border-radius: 50%;}
#kioskbtnmodal div{line-height: 1.1em;text-align: center;padding: 0 0 .3em 0 ;font-size: 1.2em;border-radius: 50%;position: absolute;top: 50%;left: 50%;  transform:translate(-50%, -50%);}
#claimbtnmodal{width:5em;height:5em;z-index: 1200;position: fixed; bottom:-.2em;right:-.6em;background-color: #f07600;color: whitesmoke;cursor: pointer;border-radius: 50%;}
#claimbtnmodal i{line-height: 1.1em;text-align: center;padding: 0 0 .4em 0 ;font-size: 3.9em;border-radius: 50%;position: absolute;top: 50%;left: 50%;  transform:translate(-50%, -50%);}
#claimbtnmodal div{line-height: .9em;text-align: center;padding: 4em 0 .3em 0 ;font-size: .8em;border-radius: 50%;position: absolute;top: 50%;left: 50%;  transform:translate(-50%, -50%);}

.kodzamku{text-align: center;font-size: 50px;display: block;}

#rezpin{
  width: 10em;
  -moz-appearance: textfield;
  /* BEZ ŠIPEK Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
}

.round-8 {border-radius: 8px;}
.round-15 {border-radius: 15px;}