@charset "UTF-8";
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ''; }

.clearfix:after {
  clear: both; }

body {
  font-size: 12px;
  font-weight: 400;
  font-family: myriad-pro-condensed, sans-serif; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  text-decoration: none;
  outline: none !important; }

button {
  outline: none !important;
  margin: 0;
  padding: 0;
  transition: all .15s ease-in-out; }

select {
  outline: none !important; }

select::-ms-expand {
  display: none; }

ul {
  margin: 0;
  list-style: none; }

input {
  padding: 0; }

p {
  margin: 0; }

p.formerror {
  font-size: 19px;
  color: red;
  margin: 40px 0px; }

h1, h2, h3, h4, h5 {
  margin: 0; }

label {
  display: block;
  cursor: pointer; }

.container {
  width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto; }

hr {
  float: left;
  margin: 0;
  width: 100%; }

.spinner-master {
  display: none; }

.spinner-master input[type=checkbox] {
  display: none; }

.overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  display: none;
  z-index: 10;
  opacity: 0.6; }

.overlay2 {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  display: none;
  z-index: 10000;
  opacity: 0.6; }

/* cookies */
.cc_container {
  padding: 10px !important;
  z-index: 1000 !important;
  left: 15px !important;
  right: 15px !important;
  bottom: 10px !important;
  background: #a10a1a !important;
  font-family: myriad-pro-condensed, sans-serif !important;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center; }

.cc_container .cc_message {
  color: white !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-transform: none !important;
  margin-top: 0 !important;
  padding-left: 0 !important; }

.cc_container a, .cc_container a:visited {
  text-decoration: underline !important;
  color: white !important;
  float: none !important; }

.cc_container a:hover {
  color: #bc8420 !important; }

.cc_container .cc_btn {
  height: 40px !important;
  background: #fff !important;
  color: #bc8420 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  text-transform: uppercase !important;
  border: 1px solid #bc8420 !important;
  transition: all .2s !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  width: auto !important;
  padding: 0 15px !important;
  max-width: none !important; }

.cc_container .cc_btn:hover {
  border: 1px solid #bc8420 !important;
  background: #bc8420 !important;
  color: #fff !important; }

.cc_container .cc_logo {
  display: none !important; }

/* cookies */
/* scroll top */
.scrollToTop {
  width: 40px;
  height: 40px;
  border-radius: 0;
  position: fixed;
  bottom: 130px;
  right: 20px;
  display: none;
  font-size: 12px;
  line-height: 20px;
  color: #a01527;
  background: #a01527 url("../img/arrowtop.svg") no-repeat center center;
  padding-top: 40px;
  text-transform: uppercase;
  z-index: 100;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
  text-align: center; }

.scrollToTop span {
  display: inline-block; }

.scrollToTop:hover {
  background: #e31129 url("../img/arrowtop.svg") no-repeat center center;
  color: #e31129; }

/* scroll top */
/* HOMEPAGE */
.menu-top {
  float: left;
  width: 100%;
  background: #080d11;
  height: 40px;
  line-height: 40px;
  padding: 0 30px; }

.right-side {
  float: right; }

.menu-top .jizda-snu {
  float: left;
  width: 19%;
  text-transform: uppercase;
  background: #080d11;
  position: relative;
  padding: 0 20px;
  height: 40px;
  margin-left: 30px;
  margin-right: 22px; }

.menu-top .jizda-snu:after {
  position: absolute;
  top: 0;
  right: -60px;
  display: block;
  z-index: 99;
  border-left: 40px solid #080d11;
  border-right: 0px solid transparent;
  border-bottom: 40px solid transparent;
  content: ""; }

.menu-top .jizdasnup {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: #a10a1a;
  position: relative;
  padding-left: 40px;
  padding-right: 20px;
  float: left; }

.menu-top .jizdasnup:after {
  position: absolute;
  top: 0;
  right: -39px;
  display: block;
  z-index: 10;
  border-left: 40px solid #a10a1a;
  border-right: 0px solid transparent;
  border-bottom: 40px solid transparent;
  content: ""; }

.kontakt {
  float: left;
  margin-left: 50px; }

.kontakt .kontakt-info {
  font-size: 18px;
  color: #818181;
  margin-left: 10px; }

.kontakt a {
  margin-left: 10px; }

.kontakt .kontakt-info a {
  margin-left: 5px; }

.kontakt a {
  font-size: 18px;
  color: #dadada;
  line-height: 40px;
  display: inline-block; }

.kontakt .image-bg {
  width: 21px;
  height: 21px;
  background: #a10a1a;
  text-align: center;
  line-height: 19px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: -1px; }

.kontakt a:hover {
  color: #a80d1f; }

.tlacitko {
  height: 40px;
  line-height: 38px;
  background: #a80d1f;
  border: 1px solid #a80d1f;
  display: inline-block;
  padding: 0 30px;
  font-size: 18px;
  color: #fff;
  transition: all .3s ease-in-out; }

.tlacitko:hover {
  background: transparent;
  color: #a80d1f; }

.transparent {
  background: transparent;
  color: black; }

.menu {
  position: absolute;
  width: 100%;
  top: 40px;
  height: 70px;
  left: 0;
  z-index: 99;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.31); }

.fixed {
  position: fixed;
  top: 0; }

.menu h1 {
  background: #080d11;
  float: left;
  height: 70px;
  line-height: 70px;
  width: 19%;
  padding-top: 13px; }

.menu .logo {
  float: left;
  margin-left: 30px;
  margin-right: 30px; }

.menu .logo img {
  height: 44px;
  vertical-align: unset; }

nav {
  float: right;
  background: #fff;
  height: 70px;
  line-height: 70px;
  position: relative;
  padding-left: 70px;
  width: 81%; }

nav:after {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  z-index: 99;
  border-left: 70px solid #080d11;
  border-right: 0px solid transparent;
  border-bottom: 70px solid transparent;
  content: ""; }

nav ul {
  float: right;
  padding-right: 30px; }

nav ul li {
  display: inline-block; }

nav ul li a {
  display: inline-block;
  font-size: 18px;
  color: #303030;
  margin-left: 40px;
  font-weight: 700;
  position: relative; }

nav ul li a:hover {
  color: #a80d1f; }

nav ul .active a {
  color: #a80d1f; }

nav ul .active a:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: 100%;
  height: 3px;
  background: #c10d1a;
  content: ""; }

.carousel {
  float: left;
  width: 100%;
  position: relative;
  text-align: center; }

.carousel .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600; }

.carousel .tlacitko:hover {
  background: #e31129;
  color: #fff; }

/* Slider */
.carousel .slick-slider {
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.carousel .slider {
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }

.carousel .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0; }

.carousel .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 0;
  position: relative; }

.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat; }

/* Arrows */
.carousel .slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  color: black !important; }

.carousel .slick-prev {
  left: 15px;
  z-index: 9;
  background: transparent;
  height: 100%;
  width: 50px; }

.carousel .slick-prev:before {
  content: '';
  background: url("../img/arrowleft.svg") no-repeat;
  width: 52px;
  height: 71px;
  display: inline-block; }

.carousel .slick-next {
  right: 15px;
  z-index: 9;
  background: transparent;
  height: 100%;
  width: 50px; }

.carousel .slick-next:before {
  content: '';
  background: url("../img/arrowright.svg") no-repeat;
  width: 52px;
  height: 71px;
  display: inline-block; }

/* Dots */
.carousel .slick-dots {
  float: left;
  width: auto;
  position: absolute;
  left: 50%;
  bottom: 50px;
  z-index: 9;
  transform: translate(-50%, 0); }

.carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 15px;
  cursor: pointer;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  vertical-align: middle;
  margin: 0 15px; }

.carousel .slick-dots li button {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  opacity: 0; }

.carousel li.slick-active {
  width: 15px;
  height: 15px;
  background: #bc8420; }

.content-carousel {
  position: absolute;
  left: 50%;
  bottom: 240px;
  transform: translate(-50%, 50%); }

.content-carousel h2 {
  text-shadow: 0 0 18px rgba(0, 0, 0, 0.38);
  color: #fff;
  font-size: 70px;
  line-height: 75px;
  font-weight: 900;
  text-transform: uppercase; }

.content-carousel p {
  font-size: 32px;
  line-height: 36px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 30px;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.99); }

.hlavninadpis {
  font-size: 50px;
  line-height: 55px;
  color: #bc8420;
  margin: 50px 0;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  width: 100%;
  text-align: center;
  position: relative; }

.hlavninadpis:after {
  content: "";
  width: 215px;
  height: 3px;
  background: #dadada;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translate(-50%, 0%); }

.carousel .fade {
  width: 100%;
  overflow: hidden; }

.carousel .fade .slick-slide a {
  display: inline-block;
  margin-top: 225px; }

.carousel .fade .slick-slide .tlacitko {
  margin-top: 30px; }

.carousel .fade .slick-dots {
  float: left;
  width: auto;
  position: absolute;
  left: 50%;
  top: 150px;
  z-index: 9;
  transform: translate(-50%, 0);
  height: 90px; }

.carousel .fade .slick-dots li {
  width: 80px;
  height: 80px;
  text-align: center;
  margin: 0;
  background: transparent;
  border: 0;
  margin: 0 80px; }

.carousel .fade .slick-dots #slick-slide10:before {
  content: "";
  background: url("../img/ferrarilogo.png") no-repeat;
  width: 71px;
  height: 100px;
  display: inline-block;
  position: relative; }

.carousel .fade .slick-dots #slick-slide10.slick-active:before {
  background: url("../img/ferrarilogoactive.png") no-repeat;
  left: -4px; }

.carousel .fade .slick-dots #slick-slide11:before {
  content: "";
  background: url("../img/lambologo.png") no-repeat;
  width: 74px;
  height: 104px;
  display: inline-block; }

.carousel .fade .slick-dots #slick-slide11.slick-active:before {
  background: url("../img/lambologoactive.png") no-repeat; }

.carousel .fade .slick-prev:before {
  background: url("../img/arrowleftblack.svg") no-repeat;
  width: 26px;
  height: 45px;
  float: left; }

.carousel .fade .slick-next:before {
  background: url("../img/arrowrightblack.svg") no-repeat;
  width: 26px;
  height: 45px;
  float: right; }

.carousel .fade .content-carousel {
  bottom: 90px; }

.content-carousel-top {
  position: absolute;
  left: 50%;
  top: 230px;
  transform: translate(-50%, -120px);
  z-index: 10; }

.content-carousel-top h2 {
  font-size: 40px;
  line-height: 45px;
  color: black;
  margin-bottom: 30px;
  font-weight: 700; }

.table-center {
  width: 1030px;
  display: inline-block; }

.table-center table {
  width: 100%;
  border: 1px solid black; }

.table-center table tr td {
  padding: 20px;
  color: black;
  font-size: 18px;
  text-align: left; }

.table-center table tr td strong {
  display: block;
  font-size: 25px; }

.vychutnat {
  float: left;
  width: 100%;
  padding: 70px 0;
  border-top: 1px solid #c1c1c1;
  background: url("../img/smyk.png") no-repeat right center;
  background-position: 100% -180px; }

.vychutnat .left-part {
  float: left;
  width: 40%; }

.vychutnat .left-part h3 {
  font-size: 50px;
  line-height: 55px;
  color: #bc8420;
  margin-bottom: 50px;
  margin-top: 20px;
  font-weight: 700;
  text-transform: uppercase; }

.vychutnat .left-part ul {
  float: left;
  width: 100%;
  margin-bottom: 50px; }

.vychutnat .left-part ul li {
  font-size: 25px;
  color: black;
  margin-right: 15px;
  display: inline-block;
  font-weight: 300; }

.vychutnat .left-part ul li:after {
  content: "";
  position: relative;
  top: -5px;
  width: 5px;
  height: 5px;
  background: black;
  border-radius: 50%;
  display: inline-block;
  margin-left: 15px; }

.vychutnat .left-part ul li:last-child:after {
  display: none; }

.vychutnat .left-part .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600; }

.vychutnat .left-part .tlacitko:hover {
  background: #e31129;
  color: #fff; }

.right-part {
  float: left;
  width: 60%; }

.right-part .map {
  height: 354px;
  background: url("../img/map.png") no-repeat;
  width: 700px;
  display: inline-block;
  position: relative;
  z-index: 3; }

.point {
  position: absolute;
  cursor: pointer;
  z-index: 5; }

.point.active {
  z-index: 10; }

.praha {
  left: 19%;
  top: 22%; }

.olomouc {
  left: 43%;
  top: 44%; }

.brno {
  left: 37%;
  top: 53%; }

.ostrava {
  left: 53%;
  top: 39%; }

.bratislava {
  left: 43%;
  top: 85%; }

.kosice {
  left: 80%;
  top: 70%; }

.zilina {
  left: 57%;
  top: 54%; }

.plzen {
  left: 9%;
  top: 29%; }

.hkralove {
  left: 31%;
  top: 22%; }

.polsko {
  left: 60%;
  top: 13%; }

/*

.bcg {
  background-size: cover !important;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  position: absolute;
  opacity: 0;
  z-index: 2;
  transition: all .5s ease-in-out;
}

.prahabcg {
  background: url(img/1.jpg);
}

.praha:hover + .prahabcg {
  opacity: .2;
  z-index: 8;
}

.brnobcg {
  background: url(img/2.jpg);
}

.brno:hover + .brnobcg {
  opacity: .5;
  z-index: 8;
}

.olomoucbcg {
  background: url(img/3.jpg);
}

.olomouc:hover + .olomoucbcg {
  opacity: .7;
  z-index: 8;
}

.ostravabcg {
  background: url(img/4.jpg);
}

.ostrava:hover + .ostravabcg {
  opacity: .7;
  z-index: 8;
}

.bratislavabcg {
  background: url(img/5.jpg);
}

.bratislava:hover + .bratislavabcg {
  opacity: .7;
  z-index: 8;
}

*/
.point-content {
  display: none;
  position: absolute;
  background: #2c2c2f;
  padding: 10px 20px;
  z-index: 10; }

.point:hover .point-content {
  display: inline-block; }

.point-content h3 {
  color: #fff;
  font-weight: 700;
  font-size: 20px; }

.point-content p {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap; }

footer {
  float: left;
  width: 100%;
  height: 383px;
  background: url("../img/footerbg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 70px;
  position: absolute;
  bottom: 0;
  left: 0; }

footer .ctvrtina {
  float: left;
  width: 25%; }

footer .ctvrtina img {
  float: left; }

footer .ctvrtina ul {
  float: left;
  margin-left: 30px;
  margin-bottom: 70px; }

footer .ctvrtina ul li {
  font-size: 18px;
  line-height: 25px;
  display: block;
  color: black; }

footer .ctvrtina ul li a {
  font-size: 18px;
  line-height: 25px;
  display: inline-block;
  color: black; }

footer .ctvrtina ul li a:hover {
  color: #a80d1f; }

.facebook {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block; }

.facebook:hover {
  color: #3b5998; }

.facebook span {
  background: url(../img/facebook.svg) no-repeat center center;
  float: left;
  width: 40px;
  height: 40px; }

.instagram {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  margin-left: 30px; }

.instagram span {
  background: url(../img/instagram.svg) no-repeat center center;
  float: left;
  width: 40px;
  height: 40px; }

footer .polovina {
  float: left;
  width: 50%; }

.polovina ul li {
  float: left;
  width: 50%; }

.polovina ul li a {
  font-size: 18px;
  line-height: 25px;
  display: inline-block;
  color: black;
  margin: 9px 0; }

.polovina ul li a:hover {
  color: #a80d1f;
  text-decoration: underline; }

.copyright {
  float: left;
  width: 100%;
  border-top: 1px solid #a7a7a7;
  padding-top: 20px; }

.copyright p {
  float: left;
  font-size: 18px; }

.copyright .right {
  float: right; }
  .copyright .right span {
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    top: 2px;
    white-space: nowrap; }
  .copyright .right a {
    color: #000;
    display: inline-block;
    white-space: nowrap; }
  .copyright .right #lr {
    display: inline-block;
    transform: translateY(1px); }
    .copyright .right #lr a {
      margin-left: 1em; }

/* HOMEPAGE */
/* eshop FOOTER */
.footer-eshop {
  border-top: 1px solid #dadada;
  padding-top: 100px; }

.footer-eshop .copyright {
  margin-top: 90px; }

footer .na3casti {
  float: left;
  width: 33.3333%; }

footer .na3casti img {
  float: left; }

footer .na3casti ul {
  float: left;
  margin-left: 30px;
  margin-bottom: 30px; }

footer .na3casti ul li {
  font-size: 18px;
  line-height: 25px;
  display: block;
  color: black; }

footer .na3casti ul li a {
  font-size: 18px;
  line-height: 25px;
  display: inline-block;
  color: black; }

footer .na3casti ul li a:hover {
  color: #a80d1f; }

footer .na3casti p {
  display: inline-block;
  width: 100%; }

.jestejina ul li a {
  margin: 9px 0; }

.jestejina ul li a:hover {
  text-decoration: underline; }

/* eshop FOOTER */
/* DETAIL */
.menu-eshop {
  float: left;
  width: 100%;
  background: #080d11;
  height: 80px;
  line-height: 80px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.31); }

.menu-eshop h1 {
  float: left;
  width: 23%;
  height: 80px;
  padding-left: 80px; }

.eshop-right-side {
  width: 77%;
  float: left;
  background: #fff;
  height: 80px;
  opacity: 1;
  position: relative;
  padding: 0 80px;
  text-align: right; }

.eshop-right-side:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 99;
  border-left: 80px solid #080d11;
  border-right: 0px solid transparent;
  border-bottom: 80px solid transparent;
  content: ""; }

.eshop-right-side .kontakt {
  float: none;
  display: inline-block;
  margin-left: 30px; }

.eshop-right-side .kontakt span {
  color: #818181; }

.eshop-right-side .kontakt a {
  color: black; }

.eshop-right-side .kontakt a:hover {
  color: #a80d1f; }

.eshop-right-side .tlacitko {
  margin-left: 70px;
  font-weight: 600; }

.kosik img {
  margin-right: 30px;
  width: 25px;
  height: 23px; }

.drobeckova {
  float: left;
  width: 100%;
  background: #e7e8e8;
  height: 40px; }

.breadcrumb {
  float: left;
  width: 100%; }

.breadcrumb li {
  float: left;
  margin-left: 20px; }

.breadcrumb li:first-child {
  margin-left: 0; }

.breadcrumb li a {
  color: black;
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  display: inline-block; }

.breadcrumb li a:hover {
  color: #a80d1f; }

.breadcrumb > li:before {
  content: "<";
  color: black;
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  margin-right: 20px; }

.breadcrumb li:last-child a {
  color: #bc8420;
  pointer-events: none;
  cursor: default; }

.breadcrumb > li + li:last-child::before {
  color: #bc8420; }

.detail-nabidky {
  float: left;
  width: 100%;
  margin-bottom: 100px;
  margin-top: 80px; }

.detail-image {
  float: left;
  width: 50%; }

.detail-image .hlavni-nahled {
  width: 100%;
  height: 370px;
  line-height: 370px;
  display: inline-block;
  position: relative;
  text-align: center; }

.detail-image .hlavni-nahled img {
  max-width: 533px;
  max-height: 255px; }

.detail-image .next-images {
  width: 100%;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  border-top: 1px solid #e6e6e6; }

.detail-image .next-images ul {
  position: relative;
  width: 100% !important; }

.detail-image .next-images ul li {
  text-align: center;
  width: 50%;
  float: left;
  border: 1px solid transparent; }

.detail-image .next-images ul li span {
  display: inline-block;
  width: 100%;
  padding: 20px; }

.detail-image .next-images ul li:hover {
  border: 1px solid #e6e6e6;
  border-top: 1px solid transparent;
  border-radius: 2px; }

.detail-image .next-images ul li span img {
  max-height: 100px; }

.detail-desc {
  float: left;
  width: 50%;
  padding-left: 100px; }

.detail-desc h2 {
  font-size: 40px;
  color: black;
  margin-bottom: 30px;
  font-weight: 700; }

.detail-desc hr {
  border-top: 3px  solid #a80d1f;
  margin-bottom: 30px; }

.detail-desc .platnost-palivo {
  font-size: 19px;
  color: black;
  font-weight: 300; }

.detail-desc .platnost-palivo strong {
  font-weight: 600; }

.detail-desc .price {
  margin-top: 30px;
  display: block;
  margin-bottom: 50px; }

.detail-desc .price span {
  color: #595959;
  display: block;
  font-size: 25px;
  text-decoration: line-through; }

.detail-desc .price strong {
  display: inline-block;
  font-size: 50px;
  color: #bc8420;
  line-height: 50px; }

.detail-desc .checkbox-styled {
  margin-bottom: 30px; }

.checkbox-styled img {
  margin-right: 10px; }

.checkbox-styled label {
  color: black;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  font-size: 19px; }

.checkbox-styled label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #f3f4f4;
  border: 1px solid #dadada;
  border-radius: 0;
  margin-right: 10px;
  position: relative;
  left: 0;
  bottom: -1px; }

.checkbox-styled input[type=checkbox] {
  display: none; }

.checkbox-styled input[type=radio] {
  display: none; }

.checkbox-styled input[type=checkbox]:checked + label:before {
  background: url("../img/checked.png") no-repeat center center;
  border: 1px solid #a80d1f; }

.checkbox-styled input[type=radio]:checked + label:before {
  background: url("../img/checked.png") no-repeat center center;
  border: 1px solid #a80d1f; }

.quant-buy {
  float: left;
  width: 100%; }

.quant-buy label {
  font-size: 19px;
  font-weight: 300;
  color: black; }

.quant-buy .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600; }

.quant-buy .styled-quantity {
  top: 10px; }

.styled-quantity {
  border: none;
  width: 100px;
  height: 40px;
  position: relative;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px; }

.styled-quantity input {
  width: 100px;
  height: 40px;
  border: 1px solid #dadada;
  border-radius: 0;
  color: black;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  background: #f3f4f4;
  padding-left: 20px; }

.styled-quantity .qtyminus {
  position: absolute;
  content: "";
  background: #f3f4f4 url("../img/quantbot.svg") no-repeat center center;
  color: black;
  font-weight: 700;
  font-size: 16px;
  bottom: 1px;
  right: 1px;
  z-index: 2;
  border: none;
  border-left: 1px solid #dadada;
  width: 25px;
  height: 19px;
  text-indent: -100px; }

.styled-quantity .qtyplus {
  position: absolute;
  content: "";
  background: #f3f4f4 url("../img/quanttop.svg") no-repeat center center;
  color: black;
  font-weight: 700;
  font-size: 16px;
  top: 1px;
  right: 1px;
  z-index: 2;
  border: none;
  border-left: 1px solid #dadada;
  width: 25px;
  height: 19px;
  text-indent: -100px; }

.styled-quantity .qtyminus:hover {
  background: #a80d1f url("img/quantbot.png") no-repeat center center; }

.styled-quantity .qtyplus:hover {
  background: #a80d1f url("img/quanttop.png") no-repeat center center; }

.description-of-product {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative; }

.description-of-product .zakladni-udaje {
  float: left;
  width: 50%;
  background: #f1f2f2;
  padding-right: 70px; }

.bcg-left {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background: #f1f2f2;
  z-index: -1; }

.bcg-right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background: #f8f8f8;
  z-index: -1; }

.description-of-product .doporucujeme-koupit {
  float: left;
  width: 50%;
  background: #f8f8f8;
  padding-left: 70px; }

.description-of-product h3 {
  font-size: 20px;
  color: #a80d1f;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase; }

.description-of-product ul {
  float: left;
  width: 100%;
  margin-bottom: 30px; }

.description-of-product ul li {
  font-size: 19px;
  display: block;
  color: black;
  font-weight: 300; }

.description-of-product p {
  font-size: 19px;
  display: block;
  color: black;
  font-weight: 300; }

.description-of-product p a {
  color: #a80d1f;
  font-weight: 600; }

.description-of-product p a:hover {
  text-decoration: underline; }

.description-of-product span {
  display: inline-block;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
  margin-bottom: 20px; }

.description-of-product .cena {
  color: #bc8420;
  margin-top: 20px; }

.advantages {
  float: left;
  width: 100%;
  margin-top: 30px; }

.advantages .row {
  margin: 0 -15px; }

.advantages .advantage {
  float: left;
  width: 33.333%;
  padding: 0 15px;
  display: table;
  margin-bottom: 30px; }

.advantages .advantage .advantage-content {
  border: 1px solid #dadada;
  text-align: center;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 90px; }

.advantages .advantage .advantage-content img {
  vertical-align: unset; }

.advantages .advantage .advantage-content p {
  display: inline-block;
  color: black;
  text-align: left;
  margin-left: 30px; }

.advantages .advantage .advantage-content p strong {
  font-size: 20px;
  line-height: 25px;
  display: block; }

.advantages .advantage .advantage-content p span {
  font-size: 19px;
  line-height: 25px; }

/* MODAL DIALOG */
.dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 1170px;
  width: 100%;
  text-align: center;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  z-index: 999;
  background: #fff;
  overflow-y: auto;
  border-radius: 0;
  display: none;
  padding: 30px;
  max-height: calc(100% - 80px); }

.dialog-border {
  width: 100%;
  height: 100%;
  float: left;
  border: 1px solid #bc8420; }

.dialog .header-dialog {
  float: left;
  width: 100%;
  position: relative; }

.dialog .body-dialog {
  float: left;
  width: 100%;
  margin-top: 200px;
  padding: 0 70px 90px 70px; }

.dialog h2 {
  display: inline-block;
  color: black;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  margin-top: 50px; }

.dialog .zavrit-okno {
  position: absolute;
  right: 10px;
  top: 10px; }

.dialog .body-dialog .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  float: right;
  font-weight: 600; }

.dialog .body-dialog .transparent {
  float: left; }

.overflowhidden {
  overflow: hidden;
  margin-right: 8px; }

.overflowhidden2 {
  overflow: hidden;
  margin-right: 8px; }

/* MODAL DIALOG */
/* DETAIL */
/* HOMEPAGE ESHOP */
.banner {
  float: left;
  width: 100%;
  background: url("../img/banner.jpg") no-repeat center center;
  height: 240px;
  text-align: center;
  position: relative; }

.banner h2 {
  text-shadow: 0 0 18px rgba(0, 0, 0, 0.38);
  color: #fff;
  font-size: 60px;
  line-height: 65px;
  font-weight: 900;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%; }

.products {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 60px; }

.products h2 {
  margin-top: 80px;
  margin-bottom: 140px; }

.products .row {
  margin: 0 -15px; }

.products .row article {
  float: left;
  width: 33.333%;
  text-align: left;
  padding: 0 15px;
  position: relative;
  margin-bottom: 60px;
  height: 350px; }

.products .row article .image-box {
  display: inline-block;
  width: 100%;
  height: 200px;
  line-height: 200px;
  overflow: hidden;
  position: relative;
  text-align: center; }

.products .row article .image-box img {
  max-width: 80%;
  max-height: 80%; }

.products .row article .image-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e6e6e6; }

.products .row article h3 {
  color: black;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  height: 40px;
  display: -webkit-box;
  max-width: 100%;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  margin-top: 20px; }

.products .row article .cena {
  font-size: 25px;
  color: #bc8420;
  display: block;
  margin-top: 20px;
  font-weight: 700; }

.products .row article .sleva {
  font-size: 20px;
  color: #595959;
  display: block;
  text-decoration: line-through; }

.products .row article .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600;
  position: absolute;
  right: 15px;
  bottom: 0;
  opacity: 0; }

.products .row article:hover .tlacitko {
  opacity: 1; }

.products .row article:hover .image-box:after {
  height: 3px;
  background: #a80d1f; }

/* HOMEPAGE ESHOP */
/* KOSIK */
.menu-kosik {
  float: left;
  width: 100%;
  background: url("../img/bannerkosik.jpg") no-repeat center center;
  background-size: cover;
  height: 150px;
  margin-bottom: 90px; }

.menu-kosik ul {
  float: left;
  width: 100%;
  margin-top: 40px; }

.menu-kosik ul li {
  float: left;
  width: 25%;
  text-align: center; }

.menu-kosik ul li a {
  display: inline-block;
  font-size: 30px;
  line-height: 50px;
  color: #303030;
  font-weight: 700; }

.menu-kosik ul li a span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 20px;
  line-height: 20px;
  color: #fff;
  background: #303030;
  text-align: center;
  font-size: 14px;
  position: relative;
  top: -5px; }

.menu-kosik ul li a:hover {
  color: #a80d1f; }

.menu-kosik ul .active a {
  color: #a80d1f; }

.menu-kosik ul .active a span {
  background: #a80d1f; }

.vas-kosik {
  float: left;
  width: 100%;
  margin-bottom: 60px; }

.vas-kosik h2 {
  display: inline-block;
  width: 100%;
  font-size: 30px;
  color: black;
  font-weight: 700;
  margin-bottom: 40px;
  text-transform: uppercase; }

.vas-kosik table {
  width: 100%;
  border: 1px solid #dadada; }

.vas-kosik table tr {
  border-bottom: 1px solid #dadada; }

.vas-kosik table tr td {
  padding: 40px 20px; }

.vas-kosik table tr td:last-child {
  text-align: right; }

.vas-kosik table tfoot tr td {
  padding: 20px; }

.vas-kosik table tr .image img {
  max-width: 140px;
  max-height: 70px; }

.vas-kosik table tr .name a {
  font-size: 20px;
  color: black;
  font-weight: 700; }

.vas-kosik table tr .quant label {
  font-size: 18px;
  color: black;
  font-weight: 300; }

.vas-kosik table tr .quant .styled-quantity {
  float: none;
  display: inline-block;
  margin: 0; }

.vas-kosik table tr .quant p {
  font-size: 18px; }

.vas-kosik table tr .price {
  font-size: 30px;
  color: #bc8420;
  font-weight: 700;
  white-space: nowrap; }

.vas-kosik table tr .price-small {
  font-size: 20px;
  color: #bc8420;
  font-weight: 700; }

.vas-kosik table tr .palivo {
  font-size: 20px;
  color: black;
  font-weight: 700;
  text-align: left !important; }

.vas-kosik table tr .palivo img {
  margin-right: 20px; }

.celkova-cena-kosiku {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding: 20px;
  background: #f1f2f2;
  margin-bottom: 50px; }

.celkova-cena-kosiku p {
  float: left;
  font-size: 20px;
  color: black;
  font-weight: 400;
  width: 100%;
  line-height: 34px; }

.celkova-cena-kosiku p span {
  float: right;
  color: #bc8420;
  font-size: 30px;
  line-height: 34px;
  font-weight: 700; }

.celkova-cena-kosiku p .small {
  font-size: 20px;
  line-height: 34px; }

.tlacitka-v-kosiku {
  float: left;
  width: 100%;
  text-align: right; }

.tlacitka-v-kosiku .tlacitko {
  margin-bottom: 30px;
  float: right;
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600; }

.tlacitka-v-kosiku .transparent {
  float: left; }

/* KOSIK */
/* KOSIK DODACI UDAJE */
.inputs {
  float: left;
  width: 80%; }

.inputs .row {
  margin: 0 -15px; }

.box-input {
  float: left;
  width: 50%;
  padding: 0 15px;
  margin-bottom: 20px; }

.box-input.w35 {
  width: 35%; }

.box-input.w15 {
  width: 15%; }

.box-input label {
  display: block;
  font-size: 17px;
  color: black;
  margin-bottom: 5px;
  font-weight: 300; }

.box-input input {
  width: 100%;
  display: inline-block;
  padding-left: 15px;
  height: 50px;
  line-height: 48px;
  color: black;
  background: #f3f4f4;
  border: 1px solid #dadada;
  font-size: 18px; }

.box-input select {
  width: 100%;
  display: inline-block;
  padding-left: 15px;
  height: 50px;
  line-height: 48px;
  color: black;
  font-size: 18px;
  background: #f3f4f4 url("../img/arrowselect.svg") center right 15px no-repeat;
  border: 1px solid #dadada;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  text-transform: uppercase;
  cursor: pointer; }

.nafirmu-content {
  display: none;
  float: left;
  width: 100%;
  margin-top: 40px; }

.jinaadresa-content {
  display: none;
  float: left;
  width: 100%;
  margin-top: 40px; }

.likebutton label {
  font-size: 18px;
  color: black;
  font-weight: 700;
  margin-top: 40px; }

.likebutton label.open {
  color: #a80d1f; }

.likebutton label:before {
  display: none !important; }

.likebutton label:after {
  content: "";
  background: url("../img/down.svg") no-repeat;
  display: inline-block;
  margin-left: 30px;
  width: 17px;
  height: 10px; }

.likebutton label.open:after {
  background: url("../img/up.svg") no-repeat; }

.dalsi-formulare {
  float: left;
  width: 100%;
  margin-bottom: 60px; }

/* KOSIK DODACI UDAJE */
/* KOSIK DOPRAVA A PLATBA */
.zpusob-dopravy-platby {
  float: left;
  width: 50%;
  padding-right: 70px; }

.zpusob-dopravy-platby .checkbox-styled {
  padding: 30px 0;
  border-top: 1px solid #dadada;
  position: relative; }

.zpusob-dopravy-platby .checkbox-styled p {
  position: absolute;
  right: 0;
  top: 28px;
  font-size: 18px;
  color: #a7a7a7; }

.zpusob-dopravy-platby .checkbox-styled label {
  padding-right: 50px; }

.zpusob-dopravy-platby .checkbox-styled label span {
  display: block;
  padding-left: 25px;
  font-weight: 300; }

.zpusob-dopravy-platby.jina {
  padding-right: 0;
  padding-left: 70px;
  border-left: 1px solid #dadada; }

.zpusob-dopravy-platby .checkbox-styled.rounded {
  float: left;
  width: 50%;
  border-top: 0;
  padding: 20px 0; }

.zpusob-dopravy-platby .checkbox-styled.rounded:before {
  border-radius: 50%; }

/* KOSIK DOPRAVA A PLATBA */
/* KOSIK SHRNUTI */
.shrnuti {
  float: left;
  width: 70%;
  margin-bottom: 70px; }

.shrnuti p {
  float: left;
  width: 50%; }

.shrnuti span {
  font-size: 17px;
  color: black;
  float: left;
  width: 100px;
  font-weight: 300; }

.shrnuti strong {
  float: left;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600; }

.tlacitka-v-kosiku p {
  display: inline-block;
  font-size: 19px;
  color: black;
  line-height: 48px;
  margin-right: 30px; }

.tlacitka-v-kosiku p a {
  font-size: 19px;
  color: black;
  text-decoration: underline; }

.tlacitka-v-kosiku p a:hover {
  color: #a80d1f; }

/* KOSIK SHRNUTI */
/* OBCHODNI PODMINKY */
.obchodni-podminky {
  float: left;
  width: 100%;
  text-align: left;
  margin: 40px 0; }

.obchodni-podminky h3 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 19px;
  color: #a80d1f;
  margin-bottom: 20px; }

.obchodni-podminky p {
  font-size: 19px;
  color: black;
  margin-bottom: 10px;
  font-weight: 300; }

.pnomarg p {
  margin-bottom: 0 !important; }

.obchodni-podminky p a {
  font-size: 19px;
  color: #bc8420;
  text-decoration: underline;
  font-weight: 600; }

.obchodni-podminky p a:hover {
  color: #a80d1f; }

.obchodni-podminky hr {
  border-top: 1px solid #dadada;
  margin-top: 20px;
  margin-bottom: 30px; }

/* OBCHODNI PODMINKY */
/* CENIK */
.cenik {
  float: left;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 70px; }

.cenik .hlavninadpis {
  margin-bottom: 20px; }

.cenik .levastrana {
  float: left;
  width: 50%;
  margin-top: 70px;
  padding-right: 30px; }

.cenik .levastrana.w100 {
  width: 100%;
  padding-right: 0; }

.tablemargin {
  float: left;
  width: 100%;
  margin-top: 70px; }

.cenik h3 {
  font-size: 19px;
  color: black; }

.cenik .levastrana p {
  font-size: 18px;
  color: black; }

.cenik .levastrana table {
  width: 100%; }

.cenik .levastrana table thead tr {
  background: #f3f4f4; }

.cenik .levastrana table th {
  white-space: nowrap;
  text-align: left;
  padding: 15px 30px;
  border: 1px solid #f3f4f4;
  border-right: 1px solid #dadada; }

.cenik .levastrana table th:last-child {
  border-right: #f3f4f4; }

.cenik .levastrana table td {
  font-size: 18px;
  color: black;
  padding: 15px 30px;
  text-align: left;
  border: 1px solid #dadada;
  border-left: 0;
  border-right: 0; }

.cenik .levastrana table td span {
  color: #bc8420;
  font-weight: 700; }

.cenik .levastrana table td .tlacitko {
  float: right;
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 400; }

.cenik .levastrana table td:nth-child(2) {
  color: #bc8420;
  font-weight: 700; }

.cenik .levastrana table td:nth-child(3) {
  color: #bc8420;
  font-weight: 700;
  border-left: 1px solid #dadada; }

/* CENIK */
/* KDE JEZDIME */
.kde-jezdime {
  float: left;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 40px; }

.kde-jezdime h2 {
  margin-bottom: 80px; }

.kde-jezdime .left-part {
  float: left;
  width: 50%; }

.kde-jezdime h3 {
  font-size: 19px;
  color: #a80d1f;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px; }

.kde-jezdime .left-part ul {
  float: left;
  width: 100%;
  list-style-type: disc;
  padding-left: 15px; }

.kde-jezdime .left-part ul li {
  font-size: 18px;
  color: black;
  font-weight: 300; }

.kde-jezdime .left-part ul li a {
  color: #bc8420;
  text-decoration: underline;
  font-weight: 600; }

.kde-jezdime .left-part ul li a:hover {
  color: #a80d1f; }

.kde-jezdime .right-part {
  float: left;
  width: 50%; }

.kde-jezdime .right-part map2 {
  width: 100%;
  float: left; }

.mista-urceni {
  float: left;
  width: 100%;
  margin: 40px 0; }

.mista-urceni .tretiny {
  float: left;
  width: 33.3333%;
  margin-top: 50px; }

.mista-urceni .tretiny p {
  font-size: 18px;
  color: black;
  font-weight: 300; }

/* KDE JEZDIME */
/* FOTO VIDEO */
.foto-video {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 70px; }

.foto-video.mrgbot70 {
  margin-bottom: 70px; }

.foto-video .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 40px; }

.foto-video p {
  color: #000;
  font-size: 18px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 40px; }

.foto-video p a {
  color: #000;
  text-decoration: underline; }

.foto-video p a:hover {
  color: #bc8420; }

.nahled {
  float: left;
  width: 100%; }

.nahled .video {
  float: left;
  width: 50%;
  overflow: hidden;
  position: relative;
  height: auto; }

.nahled .video iframe {
  height: 200px; }

#links a {
  width: 25%;
  height: auto;
  position: relative;
  float: left; }

#links a:after {
  height: 100%;
  width: 100%;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
  content: ""; }

#links a:hover:after {
  opacity: 1; }

#links a:before {
  content: "";
  z-index: 12;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../img/lupa.svg") no-repeat center center;
  width: 29px;
  height: 31px;
  opacity: 0; }

#links a:hover:before {
  opacity: 1; }

/* FOTO VIDEO */
/* KONTAKT */
.kontakty {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 70px; }

.bcgright {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #f3f4f4;
  z-index: -1; }

.kontakty .leva-cast {
  float: left;
  width: 50%; }

.kontakty .prava-cast {
  float: left;
  width: 50%;
  text-align: center; }

.mistonalezeni {
  float: left;
  width: 100%;
  margin-top: 20px; }

.mistonalezeni p {
  float: left;
  width: 50%;
  color: #303030;
  font-size: 19px;
  line-height: 22px;
  font-weight: 300; }

.mistonalezeni span {
  float: left;
  color: #303030;
  font-size: 19px;
  line-height: 22px;
  font-weight: 300; }

.mistonalezeni hr {
  border-top: 1px solid #dadada;
  margin: 20px 0; }

.kontakt-box {
  width: 500px;
  padding: 20px 40px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.13);
  background: #fff;
  display: inline-block;
  margin: 60px 0; }

.kontakt-box .half {
  float: left;
  width: 50%; }

.kontakt-box .half:nth-child(2) img {
  position: relative;
  top: 5px; }

.kontakt-box img {
  float: left;
  margin-right: 10px; }

.kontakt-box .kontakt-typ {
  float: left; }

.kontakt-box p {
  color: #000000;
  font-weight: 300;
  font-size: 19px;
  line-height: 22px;
  vertical-align: middle; }

.overlay-mapa {
  float: left;
  width: 100%; }

.overlay-mapa #map {
  height: 275px;
  width: 100%; }

.form-inputs {
  float: left;
  width: 100%;
  padding-left: 70px;
  margin-top: 20px;
  text-align: left; }

.form-inputs .box-input {
  padding: 0; }

.form-inputs .box-input input {
  background: #fff; }

.form-inputs .box-input textarea {
  display: inline-block;
  width: 100%;
  resize: none;
  padding-left: 15px;
  height: 190px;
  line-height: 24px;
  color: black;
  border: 1px solid #dadada;
  font-size: 18px; }

.box-input.w100 {
  width: 100%; }

.kontakty .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 30px; }

/* KONTAKT */
/* NASE VOZY */
.nase-vozy {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 70px; }

.car-description {
  float: left;
  width: 100%;
  margin-bottom: 100px; }

.car-description .table-center {
  width: auto; }

.car-description h2 {
  font-size: 40px;
  line-height: 45px;
  color: black;
  margin-bottom: 30px;
  font-weight: 700; }

.text-description {
  text-align: left;
  float: left;
  width: 100%; }

.text-description .row {
  margin: 0 -15px; }

.text-description-content {
  float: left;
  width: 33.3333%;
  padding: 0 15px;
  color: #000;
  font-size: 19px;
  font-weight: 300;
  line-height: 22px; }

.button-na-stred {
  float: left;
  width: 100%;
  text-align: center; }

.button-na-stred .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 30px; }

/* NASE VOZY */
/* O NAS */
.o-nas {
  float: left;
  width: 100%;
  margin: 70px 0; }

.zijemejednou {
  padding: 40px 100px;
  border: 1px solid #bc8420;
  color: #000;
  font-size: 26px;
  font-weight: 300;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 30px;
  font-style: italic; }

.o-nas .left-part {
  float: left;
  width: 50%;
  padding-right: 30px;
  margin-bottom: 30px; }

.o-nas .left-part p {
  color: #000;
  font-size: 19px;
  font-weight: 300;
  line-height: 23px; }

.o-nas .left-part p strong {
  font-weight: 600; }

.o-nas .left-part p a {
  color: #bc8420;
  text-decoration: underline;
  font-weight: 600; }

.o-nas .left-part p a:hover {
  color: #a10a1a; }

.onas-img {
  float: left;
  width: 100%;
  margin-top: 60px; }

/* O NAS */
/* PLAN AKCI */
.plan-akci {
  float: left;
  width: 100%;
  margin: 70px 0; }

.plan-akci .tlacitko {
  height: 50px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 20px; }

.plan-akci .plan-akci-content {
  float: left;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 70px; }

.plan-akci h3 {
  font-size: 19px;
  font-weight: 700;
  color: #a80d1f;
  text-transform: uppercase;
  margin-top: 30px;
  display: inline-block;
  width: 100%; }

.plan-akci p {
  font-size: 18px;
  color: black; }

.plan-akci ul {
  margin-top: 20px; }

.plan-akci ul li {
  display: block;
  font-size: 18px;
  color: black;
  font-weight: 300; }

/* PLAN AKCI */
/* ZAZNAM ZAZITKU */
.zaznam-zazitku {
  float: left;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 40px; }

.zaznam-zazitku .zaznam-zazitku-content {
  float: left;
  width: 100%; }

.zaznam-zazitku .left-side {
  float: left;
  width: 66.66666%; }

.zaznam-zazitku .left-side ul {
  list-style-type: disc;
  padding-left: 15px;
  float: left;
  width: 100%; }

.zaznam-zazitku .right-side {
  float: left;
  width: 33.33333%;
  padding-left: 30px; }

.zaznam-zazitku h3 {
  font-size: 19px;
  font-weight: 700;
  color: #a80d1f;
  text-transform: uppercase;
  margin-top: 50px;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px; }

.zaznam-zazitku p {
  font-size: 18px;
  color: black; }

.zaznam-zazitku p strong {
  color: #a80d1f; }

.zaznam-zazitku ul li {
  font-size: 18px;
  color: black;
  font-weight: 300; }

.image-info {
  float: left;
  width: 100%;
  margin-bottom: 30px; }

.image-info .row {
  margin: 0 -15px; }

.image-info span {
  float: left;
  width: 33.3333%;
  margin-top: 30px;
  padding: 0 15px; }

.image-info span img {
  max-height: 100%; }

.zaznam-zazitku p.addmarg {
  margin: 20px 0;
  float: left;
  width: 100%; }

/* ZAZNAM ZAZITKU */
/* FOTOGALERIE */
.fotogalerie-auta {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 40px; }

.fotogalerie-auta #links a::after {
  width: calc(100% - 30px);
  margin-left: 15px; }

.loader {
  background: url("../img/ajax-loader.gif") no-repeat center center; }

.ms-item {
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-top: 10px; }

.galerie-content {
  float: left;
  width: 100%;
  margin: 30px 0; }

.fotogalerie-auta .fluid {
  margin: 0 -15px; }

.fotogalerie-auta .fluid .item {
  width: 25%;
  margin-bottom: 30px;
  padding: 0 15px; }

#container.fluid .item img {
  display: block;
  width: 100%;
  height: auto !important;
  opacity: 1; }

/* FOTOGALERIE */
/* VIDEOGALERIE */
.videogalerie-auta {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 70px; }

.videogalerie-auta .row {
  margin: 0 -15px; }

.videogalerie-auta .row .video {
  float: left;
  width: 33.3333%;
  padding: 0 15px;
  margin-bottom: 30px; }

.videogalerie-auta .row .video iframe {
  height: 200px; }

.video iframe {
  border: 0; }

/* VIDEOGALERIE */
.modal-info {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Safari */
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  z-index: 9999999999;
  background: #fff;
  overflow-y: auto;
  border-radius: 6px;
  display: none;
  text-align: center;
  width: 40%;
  padding: 40px; }

.modal-info a {
  position: absolute;
  right: 20px;
  top: 20px; }

.modal-info p {
  font-size: 21px;
  color: black; }

.modal-info ul {
  margin-top: 20px; }

.modal-info ul li {
  display: block;
  font-size: 21px;
  color: black;
  font-weight: 300; }

/* 3D gallery */
.gallerie3d {
  float: left;
  width: 100%;
  text-align: center;
  position: relative; }

.gallerie3d #demo {
  display: inline-block !important;
  width: 100% !important;
  max-width: 720px;
  background-size: 100% auto;
  height: 440px !important;
  cursor: -webkit-grab;
  cursor: grab; }

.gallerie3d #demo:active, .gallerie3d #demo:focus {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.gallerie3d .kappa {
  position: absolute;
  height: 20px;
  width: 20px;
  background: black;
  border: 3px solid #fff;
  left: 50%;
  top: 50%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.nahled-zoom {
  float: left;
  width: 100%; }

.nahled-zoom a {
  display: none; }

/* 3D gallery */
/* 404 */
.chybova {
  float: left;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 40px; }

.chybova-content {
  margin: 100px 0;
  float: left;
  width: 100%;
  text-align: center; }

.chybova-content .tlacitko {
  float: none;
  display: inline-block;
  margin: 0 auto;
  text-transform: uppercase;
  height: 50px;
  line-height: 48px; }

.chybova span {
  float: left;
  width: 100%;
  text-align: center; }

.chybova span img {
  vertical-align: bottom; }

.content404 {
  float: left;
  width: 100%;
  background: #dcddde;
  text-align: center;
  padding: 80px;
  position: relative;
  top: -1px;
  margin-bottom: 60px; }

.content404 h2 {
  font-size: 30px;
  line-height: 40px;
  color: #080d11;
  display: inline-block;
  font-weight: 700; }

.content404 p {
  font-size: 18px;
  line-height: 40px;
  color: #080d11; }

/* 404 */
/* REZERVACE 1 */
.rezervace {
  float: left;
  width: 100%;
  text-align: center;
  margin: 70px 0; }

.rezervation-menu {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px; }
  .rezervation-menu li {
    float: left;
    width: 25%;
    position: relative;
    height: 100px; }
    .rezervation-menu li:nth-child(1) a:nth-child(1) {
      margin-left: -20px; }
    .rezervation-menu li:nth-child(4) a:nth-child(2) {
      margin-right: -20px; }
    .rezervation-menu li a {
      float: left; }
      .rezervation-menu li a:nth-child(2) {
        float: right; }
      .rezervation-menu li a:after {
        content: "";
        position: absolute;
        z-index: -2;
        top: 21px;
        left: 20px;
        right: 0;
        height: 6px;
        transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        /* IE 9 */
        -webkit-transform: translate(0, -50%);
        /* Safari */
        background: #dadada;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        width: calc(100% - -40px); }
    .rezervation-menu li:nth-child(4) a:nth-child(1):after {
      width: calc(100% - 120px); }
    .rezervation-menu li:nth-child(4) a:nth-child(2):after {
      width: calc(100% - 60px); }

.rezervation-menu li.active a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 21px;
  left: 0px;
  right: 0;
  height: 6px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  /* IE 9 */
  -webkit-transform: translate(0, -50%);
  /* Safari */
  background: #a10a1a;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  transition: all .3s ease; }

.rezervation-menu li.active:hover a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.rezervation-menu li.actived a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.rezervation-menu li:nth-child(1) a:before {
  width: calc(100% - -40px);
  left: 20px; }

.rezervation-menu li:nth-child(2) a:before {
  width: calc(100% - -40px);
  left: 20px; }

.rezervation-menu li:nth-child(3) a:before {
  width: calc(100% - -20px);
  left: 40px; }

.rezervation-menu li:nth-child(4) a:before {
  width: calc(100% - 100px);
  left: 40px; }

.rezervation-menu li a span {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #dadada;
  border-radius: 50%;
  text-align: center; }

.rezervation-menu li a strong {
  display: inline-block;
  width: 100%;
  color: #dadada;
  font-size: 23px;
  line-height: 21px;
  text-transform: uppercase;
  margin-top: 10px;
  transition: all .3s ease; }

.rezervation-menu li.active a:first-child span {
  background: #a10a1a;
  transition: all .3s ease; }

.rezervation-menu li.active a:first-child strong {
  color: #a10a1a; }

.rezervation-menu li.active:hover + li a:first-child span {
  background: #a10a1a;
  transition-delay: .2s; }

.rezervation-menu li.active span, .rezervation-menu li.active strong {
  color: #dadada; }

.rezervation-menu li.active:hover a strong {
  color: #a10a1a; }

.rezervation-menu li.active:last-child:hover a:nth-child(2) span {
  background: #a10a1a;
  transition-delay: .15s; }

.rezervation-menu li.active:last-child a.active strong {
  color: #a10a1a; }

.rezervation-menu li.active:last-child a.active span {
  background: #a10a1a; }

.rezervation-menu li.actived a strong {
  color: #dadada; }

.rezervation-menu li a:hover strong {
  color: #a10a1a; }

.typ-poukazu-wrap {
  width: 100%;
  border: 1px solid #dadada;
  background: #f3f4f4;
  padding: 45px 40px;
  display: flex;
  flex-flow: column; }

.typ-vaseho-poukazu {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; }

.typ-poukazu-wrap.typ-auta {
  margin-bottom: 30px; }

.typ-vaseho-poukazu p {
  color: #303030;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  margin-top: 20px;
  width: 150px;
  min-width: 150px; }

.typ-vaseho-poukazu .flx-row {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding-left: 60px;
  flex-wrap: wrap; }

.checkbox-time {
  float: left; }

.checkbox-time label {
  width: 70px;
  height: 70px;
  display: inline-block;
  color: #595b60;
  position: relative;
  text-align: center;
  margin-right: 36px; }

.checkbox-time.chck-ferr-lamb label {
  width: 120px; }

.checkbox-time.chck-ferr-lamb label:before {
  width: 120px; }

.checkbox-time.chck-ull label:before {
  width: 120px; }

.bigger .checkbox-time label {
  width: 140px; }

.checkbox-time label:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.flex-content {
  width: 100%; }

.typ-poukazu-wrap hr {
  margin: 35px 0; }

.dokup-wrap {
  display: none; }

.dokup-wrap p {
  width: 205px;
  min-width: 205px; }

.dokup-wrap p span {
  display: block;
  font-size: 18px;
  font-weight: 400; }

.dokup-wrap .dokup-types-wrap {
  display: flex;
  flex-wrap: wrap;
  flex: 1; }

.dokup-wrap .dokup-type {
  display: flex;
  flex: 1 1 0;
  width: 50%;
  min-width: 50%;
  margin: 10px 0; }

.dokup-wrap .dokup-type img {
  width: 70px;
  height: 70px;
  min-width: 50px;
  object-fit: contain; }

.dokup-wrap .dokup-type label {
  font-weight: 700;
  padding: 0;
  padding-left: 25px;
  font-size: 22px;
  color: black;
  line-height: 1.4; }

.dokup-wrap .dokup-type label span {
  display: block;
  font-weight: 700;
  font-size: 26px;
  text-align: left;
  color: #bc8420; }

.dokup-wrap .dokup-type label i {
  font-weight: 400;
  font-style: normal; }

.checkbox-active .checkbox-time {
  display: none; }

.checkbox-active .checkbox-time.checkbox-time-selected {
  display: block; }

.checkbox-time-unselect {
  color: #a10a1a;
  font-size: 18px;
  font-weight: 600;
  padding-top: 20px;
  text-decoration: underline;
  cursor: pointer; }

.time-wrapper .checkbox-time-unselect {
  display: none; }

.time-wrapper.checkbox-active .checkbox-time-unselect {
  display: block; }

.typ-vaseho-poukazu .flx-row.bigger {
  margin-top: 5px; }

.bigger .checkbox-time label:before {
  width: 140px;
  height: 70px; }

.checkbox-time input[type=radio] {
  display: none; }

.checkbox-time.chck-ferr-lamb label:before {
  background: url("../img/lamboferrari-ico.png") no-repeat center; }

.checkbox-time.chck-mustang label:before {
  background: url("../img/ford-ico.png") no-repeat center; }

.checkbox-time.chck-ull label:before {
  background: url("../img/alto_clipart.png") no-repeat center;
  filter: saturate(0) brightness(175%) contrast(40%);
  background-size: contain; }

.checkbox-time.chck-ferr-lamb input[type=radio]:checked + label:before {
  background: url("../img/lamboferrari-ico-active.png") no-repeat center; }

.checkbox-time.chck-mustang input[type=radio]:checked + label:before {
  background: url("../img/ford-ico-active.png") no-repeat center; }

.checkbox-time.chck-ull input[type=radio]:checked + label:before {
  filter: none; }

.checkbox-time.m5 label:before {
  background: url("../img/5min.svg") no-repeat center;
  background-size: contain; }

.checkbox-time.m10 label:before {
  background: url("../img/10min.svg") no-repeat center; }

.checkbox-time.m15 label:before {
  background: url("../img/15min.svg") no-repeat center; }

.checkbox-time.m20 label:before {
  background: url("../img/20min.svg") no-repeat center; }

.checkbox-time.m30 label:before {
  background: url("../img/30min.svg") no-repeat center; }

.checkbox-time.m40 label:before {
  background: url("../img/40min.svg") no-repeat center; }

.checkbox-time.m50 label:before {
  background: url("../img/40-10min.svg") no-repeat center; }

.checkbox-time.m60 label:before {
  background: url("../img/60min.svg") no-repeat center; }

.checkbox-time.m70 label:before {
  background: url("../img/60-10min.svg") no-repeat center; }

.checkbox-time.m10-10 label:before {
  background: url("../img/10-10min.svg") no-repeat center; }

.checkbox-time.m15-15 label:before {
  background: url("../img/15-15min.svg") no-repeat center; }

.checkbox-time.m20-20 label:before {
  background: url("../img/20-20min.svg") no-repeat center; }

.checkbox-time.m30-30 label:before {
  background: url("../img/30-30min.svg") no-repeat center; }

.checkbox-time.m40-40 label:before {
  background: url("../img/40-40min.svg") no-repeat center; }

.checkbox-time.m60-60 label:before {
  background: url("../img/60-60min.svg") no-repeat center; }

#voucherTime .checkbox-time input[type=radio]:checked + label:before {
  filter: brightness(0) saturate(100%) invert(12%) sepia(68%) saturate(4481%) hue-rotate(343deg) brightness(89%) contrast(105%) brightness(0.95); }

#voucherTime[data-car-type="ull"] .checkbox-time.m20 label:before {
  background: url("../img/10-10min.svg") no-repeat center; }

#voucherTime[data-car-type="ull"] .checkbox-time.m30 label:before {
  background: url("../img/20-10min.svg") no-repeat center; }

#voucherTime[data-car-type="ull"] .checkbox-time.m40 label:before {
  background: url("../img/30-10min.svg") no-repeat center; }

#voucherTime[data-car-type="ull"] .checkbox-time label {
  width: 145px; }

.mapa-checkbox {
  float: left;
  width: 100%;
  border: 1px solid #dadada;
  background: #f3f4f4;
  margin-top: 40px;
  padding: 40px; }

.mapa-checkbox h2 {
  text-align: left;
  margin-bottom: 50px; }

.description-part-right {
  float: right;
  width: 30%;
  border: 1px solid #cdcdcd;
  margin-left: 10%;
  text-align: left;
  padding: 30px; }

.description-part-right {
  color: #000;
  font-size: 19px;
  font-weight: 300;
  display: none; }

.description-part-right strong {
  text-transform: uppercase;
  font-weight: 400; }

.mapa-checkbox .right-part {
  float: left;
  width: 100%; }

.mapa-checkbox .right-part .point-content {
  padding: 5px 15px; }

.checkbox-mapa {
  float: left; }

.checkbox-mapa label {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 26px; }

.checkbox-mapa label span {
  display: none;
  font-weight: 400;
  font-size: 18px;
  margin-left: 40px; }

.checkbox-mapa label strong {
  font-size: 20px; }

.checkbox-mapa input[type=radio] {
  display: none; }

.mapa-checkbox .right-part .checkbox-mapa label::before {
  content: "";
  width: 25px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  width: 27px;
  height: 28px;
  background: url("../img/point.png") no-repeat center; }

.mapa-checkbox .right-part .checkbox-mapa input[type="radio"]:checked + label::before {
  background: url("../img/pointred.png") no-repeat center; }

.mapa-checkbox .point.checked .point-content {
  display: inline-block; }

.stepSummary {
  float: left;
  width: 100%;
  margin-top: 40px;
  border: 1px solid #dadada;
  background: #fff;
  text-align: left;
  padding: 25px 40px; }

.stepSummary p {
  font-size: 20px;
  color: #303030;
  display: inline-block;
  margin-right: 60px; }

.stepSummary p strong {
  color: #bc8420;
  font-weight: 600; }

.stepActions {
  float: left;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 40px;
  gap: 0.7em; }
  .stepActions:has(.tlacitko.zpet) {
    justify-content: space-between; }

.stepActions .tlacitko {
  height: 50px;
  line-height: 48px; }

/* REZERVACE 1 */
/* REZERVACE 2 */
.terniny-jizdy {
  float: left;
  width: 100%; }

#vyber-jizdy {
  float: left;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #dadada;
  background: #f3f4f4;
  padding: 40px 100px 100px 100px;
  text-align: left;
  position: relative; }

#vyber-jizdy .ui-datepicker-inline {
  width: 100% !important;
  margin: 0 auto;
  border: 0;
  background: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none; }

#vyber-jizdy .ui-datepicker .ui-datepicker-title {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 3px 3px 0 0;
  background: #303030; }

#vyber-jizdy .ui-widget-header {
  color: #fff;
  /*#bc8420;*/
  font-size: 16px;
  font-weight: 600;
  padding: 0;
  border: 0;
  box-shadow: none;
  position: static; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
  padding: 0 15px;
  float: left;
  height: 295px; }
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33%;
  padding: 0 15px;
  float: left;
  height: 295px; }

#vyber-jizdy .ui-datepicker-calendar {
  width: 100%;
  margin: 0; }

#vyber-jizdy .ui-datepicker-calendar thead {
  background: #e6e6e6; }

#vyber-jizdy .ui-datepicker-calendar tbody {
  background: #fff; }

#vyber-jizdy .ui-datepicker-calendar th {
  color: #303030;
  font-size: 14px;
  line-height: 21px;
  width: 25px;
  height: 25px;
  padding: 5px 0;
  text-align: center; }

#vyber-jizdy .ui-datepicker-calendar td {
  font-size: 13px;
  line-height: 21px;
  width: 25px;
  height: 25px;
  color: #303030;
  text-align: center;
  border: 0;
  padding: 5px 0; }

#vyber-jizdy .ui-datepicker-calendar td.ui-state-highlight {
  background: transparent; }

#vyber-jizdy .ui-datepicker-calendar td a.ui-state-default {
  padding: 0;
  text-align: center;
  border: 2px solid #a80d1f;
  color: #fff;
  line-height: 21px;
  width: 25px;
  height: 25px;
  display: inline-block;
  background: #a80d1f; }

#vyber-jizdy .ui-datepicker-calendar td.ui-state-disabled {
  opacity: 35;
  border: 2px solid transparent; }

#vyber-jizdy .ui-datepicker-calendar td.ui-state-disabled span {
  background: transparent;
  color: #aaa;
  border: 1px solid transparent;
  position: relative;
  isplay: inline-block;
  width: 25px;
  height: 25px; }

#vyber-jizdy .ui-datepicker-calendar td.ui-state-disabled.full span:after {
  content: "Plně obsazeno";
  position: absolute;
  left: -21px;
  top: -32px;
  background: black;
  color: #fff;
  padding: 3px;
  border-radius: 3px;
  opacity: 0;
  z-index: 2;
  font-size: 13px;
  line-height: 12px; }

#vyber-jizdy .ui-datepicker-calendar td.ui-state-disabled.full span:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 6px solid black;
  opacity: 0; }

#vyber-jizdy .ui-datepicker-calendar td.ui-state-disabled.full:hover span:after, #vyber-jizdy .ui-datepicker-calendar td.ui-state-disabled.full:hover span:before {
  opacity: 1; }

#vyber-jizdy .ui-datepicker-calendar td.ui-state-disabled.full span {
  color: #fff;
  background: #f26065; }

#vyber-jizdy td a.ui-state-default {
  width: 25px;
  height: 25px;
  background: #bc8420;
  color: #fff !important; }

#vyber-jizdy .ui-datepicker-calendar td a.ui-state-default.ui-state-active {
  width: 25px;
  height: 25px;
  background: #bc8420;
  border-radius: 50%;
  border: 2px solid #bc8420; }

#vyber-jizdy .ui-datepicker-calendar td a.ui-state-default.ui-state-hover {
  width: 25px;
  height: 25px;
  border: 2px solid #bc8420;
  border-radius: 50%;
  background: transparent;
  color: #303030 !important; }

#vyber-jizdy .ui-datepicker-today {
  background: #dadada !important;
  color: #303030 !important; }

#vyber-jizdy .ui-datepicker-today a.ui-state-default {
  background: #dadada !important;
  color: #303030 !important;
  border: 2px solid transparent !important; }

#vyber-jizdy .ui-datepicker .ui-datepicker-prev, #vyber-jizdy .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 50%;
  -ms-transform: translate(0%, -50%);
  /* IE 9 */
  -webkit-transform: translate(0%, -50%);
  /* Safari */
  transform: translate(0%, -50%);
  width: 37px;
  height: 37px;
  border: 0 !important;
  cursor: pointer; }

#vyber-jizdy .ui-datepicker .ui-datepicker-prev span, #vyber-jizdy .ui-datepicker .ui-datepicker-next span {
  display: none; }

#vyber-jizdy .ui-datepicker .ui-datepicker-prev {
  left: 50px;
  background: url("../img/arrowleftdate.svg") no-repeat; }

#vyber-jizdy .ui-datepicker .ui-datepicker-prev-hover {
  background: url("../img/arrowleftdateactive.svg") no-repeat !important; }

#vyber-jizdy .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  /*left: 50px;
  background: url("img/arrowleftdate.svg") no-repeat !important;
  cursor: default;*/ }

#vyber-jizdy .ui-datepicker .ui-datepicker-next.ui-state-disabled {
  /*right: 50px;
  background: url("img/arrowrightdate.svg") no-repeat !important;
  cursor: default;*/ }

#vyber-jizdy .ui-datepicker .ui-datepicker-prev.ui-state-disabled-really {
  left: 50px;
  background: url("../img/arrowleftdate.svg") no-repeat !important;
  cursor: default; }

#vyber-jizdy .ui-datepicker .ui-datepicker-next.ui-state-disabled-really {
  right: 50px;
  background: url("../img/arrowrightdate.svg") no-repeat !important;
  cursor: default; }

#vyber-jizdy .ui-datepicker .ui-datepicker-next {
  left: unset;
  right: 50px;
  background: url("../img/arrowrightdate.svg") no-repeat; }

#vyber-jizdy .ui-datepicker .ui-datepicker-next-hover {
  background: url("../img/arrowrightdateactive.svg") no-repeat !important; }

#vyber-jizdy .ui-datepicker .ui-state-disabled {
  /*opacity: .35;*/ }

#vyber-jizdy .ui-datepicker .ui-state-disabled-really {
  opacity: .35; }

#vyber-jizdy .ui-datepicker td span, .ui-datepicker td a {
  display: block; }

.rezervace .nadpistermin {
  color: #303030;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  position: relative;
  left: -60px; }

.rezervace .nadpistermin span {
  color: #a10a1a; }

.rezervace .podnadpis {
  color: #303030;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
  left: -60px;
  margin-bottom: 25px; }

.rezervace .podnadpis .podnadpis-sec {
  position: relative;
  left:60px;
  text-align: center;
  font-weight: bold;
  margin-top: 25px;
}

.cas-jizdy {
  float: left;
  width: 100%; }

#vyber-casu {
  float: left;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #dadada;
  background: #f3f4f4;
  padding: 35px;
  text-align: left;
  margin-top: 40px; }

#vyber-casu .nadpistermin {
  position: static; }

.table-reservation {
  float: left;
  width: 100%;
  background: #fff;
  margin-top: 40px; }

.info4u {
  color: #303030;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
  background-color: #f3f4f4; }

.table-reservation .header {
  float: left;
  width: 100%;
  display: table;
  height: 50px;
  border-radius: 3px 3px 0 0;
  background-color: #303030; }

.table-reservation .header .separ10 {
  float: left;
  width: 10%;
  height: auto;
  min-height: 1px; }

.table-reservation .header .table-cell {
  float: left;
  width: 30%;
  text-align: center; }

.table-reservation .header .table-cell h3 {
  color: #fff;
  /*#bc8420;*/
  font-size: 16px;
  font-weight: 600;
  line-height: 50px; }

.table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.table-reservation .body {
  float: left;
  width: 100%;
  border-left: 1px solid #dadada; }

.table-reservation .body .body-time {
  float: left;
  width: 10%;
  border-right: 1px solid #dadada;
  min-width: 70px;
  position: relative; }

.table-reservation .body .body-time:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #dadada; }

.table-reservation .body .body-time .table-control {
  display: table;
  width: 100%; }

.table-reservation .body .body-time .table-control .hodiny {
  display: table-cell;
  vertical-align: middle;
  color: #737373;
  font-size: 35px;
  width: 60px;
  text-align: center; }

.table-reservation .body .body-time .table-control .minuty {
  display: table;
  float: right;
  width: 40px;
  text-align: center; }

.table-reservation .body .body-time .table-control .minuty .table-cell {
  display: block;
  color: #737373;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  padding: 0 5px;
  border-bottom: 1px solid #e6e6e6; }

.table-reservation .body .body-car-reseration {
  float: left;
  width: 30%;
  display: table;
  text-align: center;
  border-right: 1px solid #dadada; }

.table-reservation .body .body-car-reseration .table-cell {
  line-height: 10px;
  height: 10px;
  color: #737373;
  font-size: 17px;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  display: block;
  position: relative;
  cursor: pointer; }

.table-reservation .body .body-car-reseration .table-cell.reserved {
  background: #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  position: static; }

.table-reservation .body .body-car-reseration .table-cell.pause {
  background: #4caf50;
  border-bottom: 1px solid #4caf50;
  position: static;
  color: #fff; }

.table-reservation .body .body-car-reseration .table-cell.pause .posun-relative {
  display: none; }

/*.table-reservation .body .body-car-reseration .delka-15.pause:not(.non15) .posun-relative {
  display: block;
}*/
/*.table-reservation .body .body-car-reseration .delka-30 .posun-relative {
  position: relative;
  top: 15px;
}*/
/*.table-reservation .body .body-car-reseration .delka-30.pause .posun-relative {
  display: block;
  position: relative;
  top: -15px;
}*/
/*.table-reservation .body .body-car-reseration .table-cell.delka-60 .posun-relative {
  position: relative;
  top: 45px;
}*/
/*.table-reservation .body .body-car-reseration .delka-60.pause .posun-relative {
  display: block;
  position: relative;
  top: -45px;
}*/
.table-reservation .body .body-car-reseration .table-cell.posledni {
  border-bottom: 1px solid #e6e6e6; }

.table-reservation .body .body-car-reseration .table-cell.posledni .posun-relative {
  display: block;
  position: relative; }

.table-reservation .body .body-car-reseration .table-cell.posledni .posun-absolute {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #000;
  z-index: 5;
  pointer-events: none; }

.table-reservation .body .body-car-reseration .table-cell.pause.posledni .posun-relative {
  display: block;
  position: relative; }

/*.table-reservation .body .body-car-reseration .table-cell.pause.posledni.delka-15 .posun-relative {
  display: block;
  position: relative;
}

.table-reservation .body .body-car-reseration .table-cell.pause.posledni.delka-30 .posun-relative {
  display: block;
  position: relative;
  top: 3px;
}

.table-reservation .body .body-car-reseration .table-cell.pause.posledni.delka-45 .posun-relative {
  display: block;
  position: relative;
  top: -12px;
}

.table-reservation .body .body-car-reseration .table-cell.pause.posledni.delka-60 .posun-relative {
  display: block;
  position: relative;
  top: -27px;
}

.table-reservation .body .body-car-reseration .table-cell.pause.posledni.delka-180 .posun-relative {
  display: block;
  position: relative;
  top: -50px;
}*/
.zarezervovat {
  border-bottom: 1px solid #f26065 !important;
  opacity: .5;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer; }
  .zarezervovat.posledni {
    border-bottom: 1px solid #dadada !important; }
  .zarezervovat::after {
    content: "";
    width: 100%;
    opacity: 1;
    background: #f26065;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2;
    pointer-events: none; }

.body-car-reseration[data-car] .zarezervovat {
  border-bottom: 1px solid var(--car-color) !important; }
  .body-car-reseration[data-car] .zarezervovat::after {
    background: var(--car-color); }

.stepActions .zpet {
  background: #fff;
  color: black;
  border: 1px solid #818181;
  float: left; }

.stepActions .zpet:hover {
  color: #a80d1f;
  border: 1px solid #a80d1f; }

/* REZERVACE 3 */
.udaje-formular {
  float: left;
  width: 100%; }

.udaje-formular-content {
  float: left;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #dadada;
  background: #f3f4f4;
  padding: 40px;
  text-align: left; }
  .udaje-formular-content.step0 {
    text-align: center; }
    .udaje-formular-content.step0 .box-input {
      margin-top: 1em;
      display: inline-block;
      float: unset; }
  .udaje-formular-content hr {
    width: calc(100% - -80px);
    border-top: 1px solid #e6e6e6;
    margin-left: -40px;
    margin-top: 35px;
    float: left; }
  .udaje-formular-content .box-input {
    width: 33.333%;
    margin-bottom: 0;
    margin-top: 30px; }
    .udaje-formular-content .box-input.w66 {
      width: 66.666%; }
    .udaje-formular-content .box-input input, .udaje-formular-content .box-input select {
      border: 1px solid #e6e6e6;
      background-color: #fff; }

.udaje-formular-content .box-input input:focus, .udaje-formular-content .box-input input:hover {
  border: 1px solid #a80d1f; }

.udaje-formular-content .box-input textarea:focus, .udaje-formular-content .box-input textarea:hover {
  border: 1px solid #a80d1f; }

.udaje-formular-content .box-input select:focus, .udaje-formular-content .box-input select:hover {
  border: 1px solid #a80d1f; }

.udaje-formular-content .box-input label {
  font-size: 18px;
  color: #303030; }

.udaje-formular-content .box-input.box-email label {
  display: inline-block; }

.udaje-formular-content .box-input.box-email button {
  float: right;
  height: 30px;
  line-height: 28px;
  border: 1px solid #a80d1f;
  padding: 0 15px;
  background: #fff;
  color: #303030;
  font-size: 14px; }

.udaje-formular-content .box-input.box-email button:hover {
  background: #a80d1f;
  color: #fff; }

.udaje-formular-content .box-input .checkbox-styled {
  float: left;
  width: 50%;
  position: relative;
  height: 45px;
  text-align: center; }

.udaje-formular-content .box-input .checkbox-styled.triple {
  width: 33.33%;
  overflow: hidden; }

.udaje-formular-content .box-input .checkbox-styled span {
  position: relative;
  z-index: 2;
  color: #303030;
  font-size: 18px;
  line-height: 30px; }

.udaje-formular-content .box-input .checkbox-styled label {
  height: 45px;
  line-height: 45px;
  margin: 0;
  text-align: center; }

.udaje-formular-content .box-input .checkbox-styled label::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 45px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  background: #f3f4f4;
  width: 100%;
  margin: 0;
  z-index: 1; }

.udaje-formular-content .box-input .checkbox-styled input[type="radio"]:checked + label::before {
  background: #fff; }

.udaje-formular-content .box-input textarea {
  border: 1px solid #e6e6e6;
  background: #fff;
  width: 100%;
  resize: none;
  height: 90px;
  border-radius: 3px;
  font-size: 18px; }

.udaje-formular-content p {
  float: left;
  font-size: 18px;
  line-height: 30px;
  color: #303030;
  padding-left: 15px; }

/* REZERVACE 4 */
.rezervace-shrnuti {
  float: left;
  width: 100%; }

.rezervace-shrnuti h2 {
  background: #f3f4f4;
  padding: 40px;
  text-align: left;
  border: 1px solid #dadada;
  border-bottom: 0; }

.rezervace-shrnuti-content {
  float: left;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #dadada;
  background: #fff;
  padding: 40px;
  text-align: left; }

.rezervace-shrnuti table {
  width: 100%;
  margin-bottom: 60px; }

.rezervace-shrnuti table th {
  color: #303030;
  font-size: 18px;
  line-height: 30px; }

.rezervace-shrnuti table td {
  color: #000;
  font-size: 20px;
  line-height: 30px; }

.rezervace-shrnuti-content p {
  color: #303030;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700; }

.rezervace-shrnuti-content p strong {
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400; }

.souhlas {
  float: left;
  width: 100%;
  text-align: right;
  color: #303030;
  font-size: 19px;
  font-weight: 300;
  margin-bottom: 15px; }

.souhlas a {
  color: inherit;
  text-decoration: underline; }

.souhlas a:hover {
  color: #a80d1f;
  text-decoration: none; }

/* dokonceni rezervace */
.dokonceni-rezervace {
  border-radius: 0px;
  text-align: center;
  max-width: 1200px;
  padding: 20px 50px;
  margin: 0 auto; }

.dokonceni-rezervace span {
  width: 61px;
  height: 61px;
  background: #a10a1a;
  display: inline-block;
  border-radius: 50%;
  line-height: 61px;
  margin-top: 30px; }

.dokonceni-rezervace h2 {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  color: #303030;
  font-size: 30px;
  font-weight: 700; }

.dokonceni-rezervace p {
  margin-top: 30px;
  color: #303030;
  font-size: 19px;
  font-weight: 700; }

.dokonceni-rezervace hr {
  width: calc(100% - -100px);
  border-top: 1px solid #e6e6e6;
  margin-left: -50px;
  margin-top: 45px;
  float: left; }

.dokonceni-rezervace .tlacitko {
  float: none;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 30px;
  height: 50px;
  line-height: 48px; }

.table-reservation .body .body-car-reseration[data-car] .highlight {
  background: var(--car-color);
  border-bottom: 1px solid var(--car-color) !important; }

.zvolte-datum {
  font-size: 20px;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 20px; }

#cal-info-crv, #cal-info-srp, #cal-info-list {
  display: none;
  position: absolute;
  max-width: 200px;
  font-size: 16px; }

.nelze {
  cursor: not-allowed !important; }

#dalsiMaily {
  float: left;
  width: 100%; }

.rezervace-shrnuti-content {
  overflow-x: inherit; }

.stacktable.large-only {
  display: table; }

.stacktable.small-only {
  display: none; }

a.disabledLink {
  pointer-events: none; }

.width-22 {
  width: 22.5% !important; }

.width-30 {
  width: 30% !important; }

.width-45 {
  width: 45% !important; }

.width-90 {
  width: 90% !important; }

.width-100 {
  width: 100% !important; }

span[data-tooltip] {
  position: relative;
  display: inline-block;
  max-width: 200px; }

span[data-tooltip]:hover:after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: 60px;
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari */
  transform: translate(-50%, 0);
  background: #303030;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  border: 1px solid #303030;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 10px;
  text-align: center;
  font-weight: 400;
  width: 200px;
  border-radius: 3px; }

span[data-tooltip]:hover:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  z-index: 15;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 6px solid #303030; }

span.tooltip-container {
  position: relative;
  display: inline-block;
  max-width: 200px; }

span.tooltip-container .tooltip-content {
  display: none; }

span.tooltip-container:hover .tooltip-content {
  /*content: attr(data-tooltip);*/
  display: block;
  position: absolute;
  left: 50%;
  bottom: 60px;
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari */
  transform: translate(-50%, 0);
  background: #303030;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  border: 1px solid #303030;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 10px;
  text-align: center;
  font-weight: 400;
  width: 200px;
  border-radius: 3px; }

.tooltip-content a {
  color: inherit;
  text-decoration: underline; }

.tooltip-content a:hover {
  text-decoration: none; }

span.tooltip-container:hover:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  z-index: 15;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 6px solid #303030; }

.full-page {
  float: left;
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-bottom: 383px; }

.car-color-circle {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 9px;
  border: 1px solid #818181;
  vertical-align: text-bottom;
  margin-left: 5px;
  display: inline-block;
  background-color: var(--car-color); }

.car-color-circle.color-yellow {
  background-color: #fac900; }

.car-color-circle.color-black {
  background-color: #000; }

.car-color-circle.color-red {
  background-color: #bc0112; }

.car-color-circle.color-blue {
  background-color: #6ec0f8; }

.car-color-circle.color-grey {
  background-color: #818181; }