body {
           font-family: 'Dosis', sans-serif;
       }
       h1, h2, h3, h4, h5, h6 {
           font-weight: 200; /* ExtraLight */
       }
       p {
           font-weight: 400; /* Regular */
           font-size:19px;
       }
.ea-vstupenky h3{
  margin-top: 2rem;
}
.ea-vstupenky .rad {
  background: red;
  color: white;
  text-decoration: none;
  width: 200px; /* Nastavte požadovanou šířku */
  height: 50px; /* Nastavte požadovanou výšku */
  display: inline-block; /* Zajistí, že šířka a výška budou fungovat */
  text-align: center; /* Zarovnání textu na střed (volitelné) */
  line-height: 50px; /* Vertikální zarovnání textu (volitelné, pokud je výška pevně daná) */
}
.bg-darker{
  background:#121111;
}
.navbar a{
  color:#e6e0e0!important;
  font-size:19px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: red!important;
}
.mr-3{
  margin-right:9rem;
}
a{
  text-decoration: none;
}
.ea-reward h3{
  margin-bottom:2rem;
  font-size:40px!important;
}
.center-container {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         height: 100%;

     }
     .br-15{
       border-radius:10px;
     }
     .icon{
       position: absolute;
   font-size: 45px;
   right: 18px;
   top: 12px;
   border-radius: 40px;
   cursor: pointer;
   color: white;
}
li{
      font-size: 19px;
}
.col-6 a{
  color:#212529;
}
.w-sm{
  width:50px;
  height:50px;
}
.w-xsm{
  width:30px;
  height:30px;
}
.ct-icon{
  text-align:center;
  font-size:40px;
  color:red;
  margin-bottom:15px;
}
.icon2{
  position: absolute;
      font-size: 45px;
      right: 21px;
      top: 15px;
      border-radius: 40px;
      cursor: pointer;
      color: white;
}
    }
    .icon-container {
      position: relative;
      width: 100%;
    }

    .purple-circle {
      position: absolute;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #198754;
    top: -38px;
    right: 0;

 }
     .center-container h1{
       z-index: 999;
        color: #e6e0e0 !important;
       font-weight:900;
       text-align:start!important;
       font-size:50px;
     }
     .d-block{
       cursor:pointer;
     }

     footer {
  background: #121111;
    font-size: 13px;
    line-height: 60px;
  color:#e6e0e0!important;
}
     footer a {
    font-weight: 700;
  color:#e6e0e0!important;
    text-decoration: none;
}
span a{
  text-decoration:none;
  color:white;
}
.w-25{
  width:30%!important;
}
.navbar-brand{
  width: 25%!important;
}
        .flag-icon{
          font-size:25px;
          cursor:pointer;
        }
     .btn-primary{
       z-index: 999;
     }
.heading{
  border-bottom: 1px solid #e5e5e5;
      text-align: center;
      background: #121111;
      position: relative;
      background-image: url(/templates/design/images/cz.png);
      background-repeat: repeat-x;
      background-position: bottom;

}
.heading h2{
  font-size: 50px;
  color:#e6e0e0!important;
    padding: 55px 0;
}
table {
            border-collapse: collapse;
            width: 100%;
            background-color: #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        th, td {
            padding: 12px;
            border: 1px solid #ddd;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        tr:hover {
            background-color: #f1f1f1;
        }
.fa-arrow-right:before{
      color: #e6e0e0 !important;
}
.fa-arrow-left:before{
      color: #e6e0e0 !important;
}
#frontBanner {    background: #e8ecee;
    margin-top: -23px;
    padding-top: 899px;

    position: relative;}
#carouselStripe {background:#FFF;height:900px;position:absolute;width:100%;left:0;top:0}
#carouselWrap {width:100%;height:100%;position:relative}
#frontBanner img.main-image {left:0;right:0;top:0;width:100%;height:900px;background:#F60;display:block;z-index:0;}
#frontBanner #carousel {position:absolute;left:0;right:0;top:0;width:100%;height:900px;background:rgba(0,0,0,.2);display:block;z-index:0;overflow:hidden;}
#frontBanner img {height:100%;width:100%;object-fit:cover;}
#frontBanner .carousel-inner, #frontBanner .carousel-item {height:101%;}
#frontBanner #carousel .carousel-overlay {position:absolute;left:0;right:0;top:0;width:100%;height:100%;background:rgba(4,78,94,.0);z-index:1;content:"";}
#frontBanner #carousel .carousel-control-prev, #frontBanner #carousel .carousel-control-next {z-index:4}
#frontBanner #carousel .carousel-control-next, #frontBanner #carousel .carousel-control-prev {height:90px;top:50%;margin-top:-45px;position:absolute;width:90px;color:#56676b;opacity:1;background: #202529;font-size:40px;transition:all .3s}
#frontBanner #carousel .carousel-control-next:hover, #frontBanner #carousel .carousel-control-next:focus, #frontBanner #carousel .carousel-control-prev:hover, #frontBanner #carousel .carousel-control-prev:focus {opacity:1;color: #e6e0e0 !important;}
#frontBanner #carousel .carousel-control-next {border-radius:100% 0 0 100%;}
#frontBanner #carousel .carousel-control-prev {border-radius:0 100% 100% 0;}
#frontBanner #carousel .carousel-caption {text-align:left;top:-5%;right:auto;left:auto;width:100%}
#frontBanner #carousel .carousel-caption-inner {width:520px;margin-left:100px}
#frontBanner #carousel .carousel-caption p {color:#FFF;margin-bottom:50px;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.25);}
#frontBanner #carousel .carousel-caption p.h1 {margin-bottom:20px;line-height:1.2;font-size:42px;font-weight:700;letter-spacing:.5px;}
#frontBanner #carousel .carousel-caption .btn.btn-carousel {padding:20px 25px;border-radius:4px;line-height:17px;background:#66d0cc;color:#FFF;font-weight:700;font-family: goudy-old-style, serif;}
#frontBanner #carousel .carousel-caption .btn.btn-carousel:hover, #frontBanner #carousel .carousel-caption .btn.btn-carousel:focus {background:#4fc9c4;}
#frontBanner .info-boxes {margin-top:-88px;border-radius:4px;overflow:hidden;background:#FFF;position:relative;z-index:1}
#frontBanner .box {padding:30px 40px 10px;}
#frontBanner .box p {margin-bottom:0}
#frontBanner .box-text {background:#FFF;color:#56676b;font-size:16px;font-weight:400;}
#frontBanner .box-table {background:#079abd;color:#FFF}
#frontBanner .box-text table, #frontBanner .box-table table {text-shadow:rgba(0,0,0,.15) 0 1px 3px;font-size:16px;width:100%;text-align:left;}
#frontBanner .box-table tr.border-bottom {border-bottom:1px solid rgba(255,255,255,.3);}
#frontBanner .box-table tr.padding-top td {padding-top:6px;}
#frontBanner .box-table tr td:last-child {text-align:right;}
#frontBanner .box-table tr.note {font-size:11px;color:rgba(255,255,255,.7);}
#frontBanner .box-table tr.note td {text-align:right;padding-bottom:6px}
#frontBanner .box-contact {background:#67d2d0;color:#3d8884;}
#frontBanner .box-contact .contact {display:block;width:100%;float:left;}
#frontBanner .box-contact .contact:first-child {border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;padding-bottom:10px;}
#frontBanner .box-contact .contact i {font-size:0;line-height:46px;margin-right:16px;display:block;color:rgba(0,0,0,.35);float:left;}
#frontBanner .box-contact .contact i:before {font-size:46px;}
#frontBanner .box-contact .contact i.fa-phone {transform:scaleX(-1);}
#frontBanner .box-contact .contact .description {font-size:14px;line-height:17px;display:block;color:rgba(0,0,0,.35);float:left;width:calc(100% - 46px - 18px);font-weight:700}
#frontBanner .box-contact .contact .href {font-size:17px;line-height:25px;font-weight:700;color:#FFF;float:left;width:calc(100% - 46px - 18px);}
#frontBanner .box-contact .contact:hover,#frontBanner .box-contact .contact:focus {text-decoration:none;text-shadow:rgba(0,0,0,.05)0 1px 3px;}
#frontBanner .box-contact .contact:hover i,#frontBanner .box-contact .contact:focus i {color:#06839e;}
#frontBanner .box-contact.box-text {background:#FFF;color:#56676b;font-size:16px;font-weight:400;}
#frontBanner .box-contact.box-text .contact .description {color: #4e555b}
#frontBanner .box-contact.box-text .contact .href {color: #333;font-size: 14px;}
#frontBanner .box-contact.box-table {background:#079abd;color:#FFF}
#frontBanner .info-board .col-12 {padding:30px 30px 0;}
#frontBanner .info-board .label {text-transform:uppercase;border-radius:32px;background:#e76f78;color:#FFF;font-size:12px;display:inline-block;padding:6px 12px 6px 8px;margin-right:7px;font-weight:700;line-height:19px;margin-right:15px;}
#frontBanner .info-board i.fas {font-size:18px;vertical-align:-2px;}
#frontBanner .info-board .custom {display:inline-block;width:calc(100% - 150px);vertical-align:top}
#frontBanner .info-board p {font-size:16px;font-weight:700;margin:0;color:#546A6B;vertical-align:-1px;display:inline-block;}

.breadcrumb-item+.breadcrumb-item::before {float: left;padding-right: 0.5rem;color: #6c757d;content: var(--bs-breadcrumb-divider, "|")!important;}
.bg-muted{background: #e9edf0;}
body, html {height: 100%;margin: 0;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: red;}

.header-content{color:white!important;}
.action-section{ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/templates/design/images/mountain.jpg);height: 50%;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.row .fix .col-lg-6{padding-left: 0px;padding-right: 0px;padding: 0!important;cursor: pointer;}
.py-6{padding-top: 100px;padding-bottom: 100px;}
#ea-home{}
  .scrollspy-example{height: 100%; margin: 0;}
  .item-101{display: none;}
.visit-header{margin-top: -145px;z-index: 99;position: relative;}
  .arrow{color: white;cursor: pointer;background: #dc3545;padding: 1rem;}
  .arrow i{font-size: 2rem;}
  .arrow2{color: white;cursor: pointer;border: 2px solid;background: transparent;padding: 10px 14px;border-radius: 50px;}
  .fixed-top{top: 40px; transition: top 0.3s;}
  .fixed-top.scrolled { top: 0; }
  .px-3-r {
    padding-right: 1rem;
}
.ultra-img{
  width: 40%!important;
}
.custom-carousel .carousel-control-prev {
  left: -50px; /* Adjust position as needed */
}

.custom-carousel .carousel-control-next {
  right: -50px; /* Adjust position as needed */
}
.custom-carousel .carousel-control-next-icon  {
  filter: invert(100%);
}
.custom-carousel .carousel-control-prev-icon  {
  filter: invert(100%);
}
.right{
  padding-right: 1rem;
}
@media screen and (max-width: 1199px){
  .navbar-brand{
    width:35%!important;
  }
  .item-113,
  .item-111,
  .item-112,
  .item-115,
  .item-114,
  .item-116,
  .item-117,
  .item-118,
  .item-119,
  .item-120,
  .item-124 {

  font-size: 14px!important;
  }
}
section{
  background: #f8f8f8;
}
.btn-primary{
      background: red!important;
      border-color:red;
}
.btn-primary:hover{
      background: red!important;
      border-color:red;
}
.ea-kontakt a{
  text-decoration:none;
  color:black!important;
}
.ea-kontakt a:hover{
  text-decoration:none;
  color:red!important;
}
.fa-bars{
  font-size:25px;
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: transparent!important;
}
.carousel-control-prev, .carousel-control-next {
    text-decoration: none!important; /* Odstranění podtržítek */
 z-index: 999;
  }
@media screen and (max-width: 991px){
  .heading h2 {
      font-size: 40px;
      padding: 35px 0;
  }
  .navbar-brand{
    width:40%!important;
  }
}
@media screen and (max-width: 991px){
  .navbar-brand{
    width:60%!important;
  }
  .custom-carousel .carousel-control-prev {
    left: -20px!important; /* Adjust position as needed */
  }

  .custom-carousel .carousel-control-next {
    right: -20px!important; /* Adjust position as needed */
  }
}


  @media screen and (max-width: 575px){
    .x-hide{
      display: none;
    }
    .mr-3{
      margin-right:0rem!important;
    }
  }
@media screen and (max-width:442px){
  .responsive-none{
    display: none;
  }
  .mr-3{
    margin-right:0rem!important;
  }
}
@media screen and (max-width: 500px){
  .right{
    display: none;
  }
  .mr-3{
    margin-right:0rem!important;
  }
}
@media only screen and (max-width: 768px){
  #frontBanner #carousel .carousel-control-next, #frontBanner #carousel .carousel-control-prev{
    height: 55px;
    top: 50%;
    margin-top: -45px;
    position: absolute;
    width: 55px;
    color: #56676b;
    opacity: 1;
    background: #202529;
    font-size: 30px;
    transition: all .3s;
  }
  .notebook-version{
    display: none;
  }
  .py-6{
    padding-top: 50px!important;
    padding-bottom:50px!important;
  }
  .mr-3{
    margin-right:5rem;
  }
  .ultra-img{
    width: 100%!important;
  }
}
@media only screen and (min-width: 769px){
  .mobile-version{
    display: none;
  }
}
@media only screen and (max-width: 627px){
  .center-container h1 {
      z-index: 999;
      color: white;
      font-weight: 900;
      text-align: center !important;
      font-size: 40px;
  }
}
@media only screen and (max-width: 560px){
  .center-container h1 {

      font-size: 35px;
  }
}
@media only screen and (max-width: 500px){
  .center-container h1{
    position: relative;
    top: -25px;
  }
}
.carousel-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zajistí, že obrázek pokryje celý kontejner */
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden; /* Zabrání zobrazení obrázků mimo carousel */
}
.tricolor{
  width: 100%;
}
.footer-img{
  position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background-image: url(/templates/design/images/cz.png);
      background-repeat: no-repeat;
      background-size: cover;
}
.custom-carousel .carousel-control-prev,
.custom-carousel .carousel-control-next {
  width: 5%; /* Adjust width as needed */
}
button a{
  color: white!important;
  text-decoration: none;
}