.nodisplay {
  display: none;
}

.alert i {
  font-size: 1.5em;
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: middle;
}
.alert span {
  display: inline-block;
  vertical-align: middle;
}

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

.vmiddle {
  vertical-align: middle;
}

.inline {
  display: inline-block;
}

header .sticky-wrapper {
  height: 120px !important;
}
@media only screen and (max-width: 767px) {
  header .sticky-wrapper {
    height: 80px !important;
  }
}
header.header-absolute {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.navbar-collapse {
  padding: 0;
}

.hamburger-box {
  width: 20px;
}
.hamburger-box .hamburger-inner, .hamburger-box .hamburger-inner::before, .hamburger-box .hamburger-inner::after {
  width: 20px;
  height: 2px;
  background-color: #333333;
  transform: none !important;
  transition: none !important;
  opacity: 1;
}
.hamburger-box .hamburger-inner:before {
  top: -8px !important;
  opacity: 1 !important;
}
.hamburger-box .hamburger-inner:after {
  bottom: -8px !important;
  opacity: 1 !important;
}

.navbar-default {
  border: 0;
  background-color: transparent;
  margin: 0;
}
.navbar-default .navbar-collapse {
  position: relative;
}
@media (max-width: 767px) {
  .navbar-default {
    min-height: 0;
  }
  .navbar-default .navbar-collapse {
    border: none;
  }
}
.navbar-default ul.nav {
  margin: 0 auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .navbar-default ul.nav li.open > .dropdown-menu, .navbar-default ul.nav li:hover > .dropdown-menu {
    display: block;
  }
}
.navbar-default ul.nav li > a {
  padding: 0px 4px;
  margin: 40px 8px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  position: relative;
}
.navbar-default ul.nav li > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: none;
}
.navbar-default ul.nav li > a:hover, .navbar-default ul.nav li > a:focus {
  background-color: transparent;
  color: #333333;
}
@media (min-width: 767px) {
  .navbar-default ul.nav li > a:hover:after, .navbar-default ul.nav li > a:focus:after {
    display: block;
  }
}
.navbar-default ul.nav li.active a {
  background-color: transparent;
  color: #333333;
}
@media (min-width: 767px) {
  .navbar-default ul.nav li.active a:after {
    display: block;
  }
}
.navbar-default ul.nav li.active a:hover, .navbar-default ul.nav li.active a:focus {
  background-color: transparent;
  color: #333333;
}
.navbar-default ul.nav li .dropdown-menu {
  border: 0;
}
@media (max-width: 767px) {
  .navbar-default ul.nav li .dropdown-menu {
    margin-top: 0;
  }
}
.navbar-default ul.nav li .dropdown-menu li > a {
  text-shadow: none;
}
.navbar-default .navbar-lang {
  list-style: none;
  padding: 0;
  float: right;
  position: relative;
  z-index: 10;
}
.navbar-default .navbar-lang li {
  display: inline-block;
}
.navbar-default .navbar-lang li a {
  padding: 0px 4px;
  margin: 40px 0px;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  display: block;
  line-height: 20px;
}
.navbar-default .navbar-lang li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: none;
}
.navbar-default .navbar-lang li a:hover, .navbar-default .navbar-lang li a:focus {
  text-decoration: none;
  color: #333333;
}
@media (min-width: 767px) {
  .navbar-default .navbar-lang li a:hover:after, .navbar-default .navbar-lang li a:focus:after {
    display: block;
  }
}
.navbar-default .navbar-lang li .divider {
  height: 14px;
  width: 2px;
  background-color: #333333;
  margin: 0px 2px;
}
.navbar-default .navbar-menu {
  list-style: none;
  padding: 0;
  float: right;
  margin-bottom: 0;
}
.navbar-default .navbar-menu li .hamburger {
  padding: 38px 20px;
  padding-right: 0px;
}
.navbar-default .navbar-menu li .hamburger:hover {
  opacity: 1;
}
.navbar-default .navbar-brand {
  padding: 20px 0px;
  height: 120px;
  transition: all 0.3s;
}
.navbar-default .navbar-brand:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .navbar-default .navbar-brand {
    height: 60px;
    padding: 5px 0px;
  }
}
.navbar-default.navbar-main ul.nav li > a {
  color: #333333;
}
.navbar-default.navbar-main ul.nav li > a:hover, .navbar-default.navbar-main ul.nav li > a:focus {
  color: #333333;
}
.navbar-default.navbar-main ul.nav li.active a {
  color: #333333;
}
.navbar-default.navbar-main ul.nav li.active a:hover, .navbar-default.navbar-main ul.nav li.active a:focus {
  color: #333333;
}
.navbar-default.navbar-main .navbar-lang li > a {
  color: #333333;
}
@media (max-width: 767px) {
  .navbar-default.navbar-main .navbar-lang li > a {
    color: white;
  }
}
.navbar-default.navbar-main .navbar-lang li > a:hover, .navbar-default.navbar-main .navbar-lang li > a:focus {
  color: #333333;
}
@media (max-width: 767px) {
  .navbar-default.navbar-main .navbar-lang li > a:hover, .navbar-default.navbar-main .navbar-lang li > a:focus {
    color: white;
  }
}
.navbar-default.navbar-main .navbar-lang li .divider {
  background-color: #333333;
}
@media (max-width: 767px) {
  .navbar-default.navbar-main .navbar-lang li .divider {
    background-color: white;
  }
}
.navbar-default.navbar-main .hamburger-box .hamburger-inner, .navbar-default.navbar-main .hamburger-box .hamburger-inner::before, .navbar-default.navbar-main .hamburger-box .hamburger-inner::after {
  background-color: #333333;
}
@media (max-width: 767px) {
  .navbar-default.navbar-main .hamburger-box .hamburger-inner, .navbar-default.navbar-main .hamburger-box .hamburger-inner::before, .navbar-default.navbar-main .hamburger-box .hamburger-inner::after {
    background-color: white;
  }
}

.navbar-header {
  position: absolute;
  z-index: 10;
}
@media (max-width: 767px) {
  .navbar-header {
    width: 100%;
    position: relative;
  }
}
.navbar-header .hamburger {
  float: right;
  padding-right: 0px;
}
@media (min-width: 767px) {
  .navbar-header .hamburger {
    display: none;
  }
}
.navbar-header .navbar-lang li a {
  margin: 16px 0px;
}

.navbar-footer ul {
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .navbar-footer ul {
    margin: 0;
  }
}
.navbar-footer ul li {
  display: block;
  float: none;
  border-bottom: 1px solid #333333;
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .navbar-footer ul li {
    border: none;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.navbar-footer ul li a {
  color: #333333;
  margin: 6px 12px;
  padding: 0px 4px;
  display: block;
  position: relative;
  z-index: 1;
  width: fit-content;
}
.navbar-footer ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: none;
}
@media only screen and (max-width: 767px) {
  .navbar-footer ul li a {
    margin: 4px 12px;
    padding: 0px 4px;
  }
}
.navbar-footer ul li a:hover {
  background-color: transparent;
  color: #333333;
}
.navbar-footer ul li a:hover:after {
  display: block;
}

.menu-right {
  z-index: 3000;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.menu-right .menu-container {
  position: relative;
  z-index: 3020;
  width: 100%;
  height: 100%;
  background-color: #3e06a7;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
@media only screen and (min-width: 767px) {
  .menu-right .menu-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.menu-right .menu-container .close-menu {
  margin: 15px 20px;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 767px) {
  .menu-right .menu-container .close-menu {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.menu-right .menu-container .close-menu i {
  font-size: 30px;
  cursor: pointer;
  color: white;
}
.menu-right .menu-container .close-menu i:hover {
  color: #1A1A1A;
}
.menu-right .menu-container .navigation {
  padding: 20px 80px;
}
.menu-right .menu-container .navigation .row {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .menu-right .menu-container .navigation .row .col-sm-4 {
    width: 100%;
  }
}
.menu-right .menu-container .navigation .row .col-sm-4:first-child {
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .menu-right .menu-container .navigation .row .col-sm-4:first-child {
    padding-right: 15px;
  }
}
.menu-right .menu-container .navigation .row .col-sm-4:last-child {
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .menu-right .menu-container .navigation .row .col-sm-4:last-child {
    padding-left: 15px;
  }
}
.menu-right .menu-container .navigation .row .col-sm-4 > div {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .menu-right .menu-container .navigation .row .col-sm-4 > div {
    margin-bottom: 10px;
  }
}
.menu-right .menu-container .navigation .row .col-sm-4 > div a {
  font-size: 18px;
  color: white;
  position: relative;
  z-index: 1;
  padding: 0px 4px;
}
@media only screen and (max-width: 767px) {
  .menu-right .menu-container .navigation .row .col-sm-4 > div a {
    width: 100%;
    display: block;
  }
}
.menu-right .menu-container .navigation .row .col-sm-4 > div a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 8px;
  background-image: none;
  z-index: -1;
  display: none;
}
.menu-right .menu-container .navigation .row .col-sm-4 > div a:hover, .menu-right .menu-container .navigation .row .col-sm-4 > div a:focus {
  text-decoration: none;
  color: white;
}
@media only screen and (min-width: 767px) {
  .menu-right .menu-container .navigation .row .col-sm-4 > div a:hover:after, .menu-right .menu-container .navigation .row .col-sm-4 > div a:focus:after {
    display: block;
  }
}
.menu-right .menu-container .navigation .row .col-sm-4 > div .row .col-sm-12 {
  padding: 6px 15px;
  margin: 0px 15px;
  display: block;
  border-bottom: 1px solid white;
}
@media only screen and (max-width: 767px) {
  .menu-right .menu-container .navigation .row .col-sm-4 > div .row .col-sm-12 {
    width: 100%;
  }
}
.menu-right .menu-container .navigation .row .col-sm-4 > div .row .col-sm-12 a {
  font-size: 14px;
}
.menu-right.open {
  visibility: visible;
  opacity: 1;
}
.menu-right.open .menu-container {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.nav-submenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 40px 0px;
}
.nav-submenu a {
  margin: 0px 10px;
  position: relative;
  z-index: 2;
  font-size: 16px;
}
.nav-submenu a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: block;
}
.nav-submenu a:hover, .nav-submenu a:focus {
  text-decoration: none;
}

#menu-sticky {
  transition: all 0.3s;
}

.menu-sticky {
  background-color: white;
  box-shadow: 0 1px 0 rgba(12, 13, 14, 0.1), 0 1px 3px rgba(12, 13, 14, 0.1), 0 4px 20px rgba(12, 13, 14, 0.035), 0 1px 1px rgba(12, 13, 14, 0.025);
}
@media only screen and (min-width: 767px) {
  .menu-sticky .navbar .hamburger {
    padding: 30px 20px !important;
    padding-right: 0px !important;
  }
}
.menu-sticky .navbar .hamburger .hamburger-box .hamburger-inner, .menu-sticky .navbar .hamburger .hamburger-box .hamburger-inner::before, .menu-sticky .navbar .hamburger .hamburger-box .hamburger-inner::after {
  background-color: #333333;
}
@media only screen and (min-width: 767px) {
  .menu-sticky .navbar .navbar-header .navbar-brand {
    height: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-sticky .navbar .navbar-header .hamburger {
    margin-top: 8px;
    padding: 12px 15px;
    padding-right: 0px;
  }
}
.menu-sticky .navbar .navbar-nav li > a {
  margin: 32px 8px;
  color: #333333 !important;
}
.menu-sticky .navbar .navbar-lang {
  margin-bottom: 0px;
}
.menu-sticky .navbar .navbar-lang li a {
  margin: 32px 0px;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .menu-sticky .navbar .navbar-lang li a {
    margin: 21px 0px;
  }
}
.menu-sticky .navbar .navbar-lang li a:hover, .menu-sticky .navbar .navbar-lang li a:focus {
  color: #333333;
}
.menu-sticky .navbar .navbar-lang li .divider {
  background-color: #333333;
}

.hlavne-menu .row [class*=col-] a {
  font-size: 16px;
}
.hlavne-menu .row [class*=col-] a:hover, .hlavne-menu .row [class*=col-] a:focus {
  text-decoration: none;
}
.hlavne-menu .row [class*=col-] .row {
  margin: 0;
}
.hlavne-menu .row [class*=col-] .row [class*=col-] a {
  font-size: 14px;
}

.btn {
  border-radius: 0px;
  font-size: 14px;
  padding: 8px 45px;
  letter-spacing: 1px;
}
.btn:after {
  display: none;
}

.btn-default {
  color: #1A1A1A;
  background-color: transparent;
  border: none;
  text-align: left;
  padding: 0px 4px;
  margin: 8px 0px;
  display: inline-flex;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.btn-default i {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-default:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: block;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
  color: #333333 !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.btn-default:hover i, .btn-default:focus i, .btn-default:active i {
  color: #333333;
}
@media (min-width: 767px) {
  .btn-default:hover:after, .btn-default:focus:after, .btn-default:active:after {
    display: block;
  }
}

.btn-default-left i {
  margin-right: 8px;
  margin-left: 0px;
}

.btn-default-right i {
  margin-left: 8px;
  margin-right: 0px;
}

.btn-default-white {
  color: white;
  font-weight: 500;
}
.btn-default-white i {
  color: white;
}
.btn-default-white:hover, .btn-default-white:focus, .btn-default-white:active {
  color: white !important;
}
.btn-default-white:hover i, .btn-default-white:focus i, .btn-default-white:active i {
  color: white !important;
}

.btn-primary {
  border: 2px solid #1A1A1A;
  background-color: #1A1A1A;
  color: white;
}
.btn-primary:hover, .btn-primary:focus {
  border: 2px solid #010101;
  background-color: #010101;
  color: white;
}

.btn-secondary {
  border: 2px solid #E6E6E6;
  background-color: #E6E6E6;
  color: white;
}
.btn-secondary:hover, .btn-secondary:focus {
  border: 2px solid #cdcdcd;
  background-color: #cdcdcd;
  color: white;
}

.btn-tertiary {
  border: 2px solid #1A1A1A;
  background-color: #1A1A1A;
  color: white;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  border: 2px solid #010101;
  background-color: #010101;
  color: white;
}

.btn-quartenary {
  border: 2px solid #3e06a7;
  background-color: #3e06a7;
  color: white;
}
.btn-quartenary:hover, .btn-quartenary:focus {
  border: 2px solid #2c0476;
  background-color: #2c0476;
  color: white;
}

.btn-block {
  border-radius: 1px !important;
}

.btn-circle {
  border-radius: 40px;
}

.btn-segment {
  background-color: #3e06a7;
  font-size: 20px;
  padding: 0;
  margin-top: 15px;
  display: flex;
  color: white;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .btn-segment {
    margin-top: 0;
  }
}
.btn-segment i {
  margin: 0;
  width: 20px;
  height: 20px;
}
.btn-segment:hover, .btn-segment:focus {
  background-color: #2c0476;
  color: white;
}

.btn-edit-data, .btn-payment-data {
  cursor: pointer;
  background-color: #3e06a7;
  font-size: 14px;
  padding: 0;
  display: flex;
  color: white;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
}

.btn-payment-data {
  margin-left: 4px;
}

/*
.banner {
  overflow: hidden;
  position: relative;

  .tp-parallax-wrap {
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    top: 340px !important;
    height: 100%;

    @media (max-width: 1400px) {
      top: 180px !important;
    }

    @media (max-width: $screen-xs-max) {
      top: 130px !important;
    }

    @media (max-width: 340px) {
      top: 100px !important;
    }

    .tp-loop-wrap {
      width: 1140px !important;
      position: relative !important;
      left: auto !important;
      right: auto !important;
      margin: 0 auto !important;
      top: 220px;

      @media (max-width: 1400px) {
        top: 160px;
      }

      @media (max-width: $screen-xs-max) {
        width: calc(100% - 30px) !important;
        top: 100px;
      }

      .tp-mask-wrap {
        width: 100% !important;
      }
    }
  }

  .banner-dolava {
    position: relative !important;

    .tp-parallax-wrap {
    }
  }

  .banner-doprava {
    position: relative !important;

    .tp-parallax-wrap {
      text-align: right !important;

      .banner-nazov {
        text-align: right !important;
      }
    }
  }

  .banner-title {
    border-radius: 0px !important;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -80px;

    @media (max-width: $screen-xs-max) {
      bottom: -30px;
    }

    .banner-nazov {
      font-size: 56px !important;
      line-height: 56px !important;
      font-weight: 800;
      text-align: left !important;
      text-transform: uppercase;
      color: white;
      white-space: normal;

      @media (max-width: $screen-xs-max) {
        font-size: 24px !important;
        line-height: 24px !important;
        white-space: normal;
      }

      @media (max-width: 340px) {
        font-size: 20px !important;
        line-height: 20px !important;
        white-space: normal;
      }
    }

    .banner-kratky-text {
      font-size: 40px;
      line-height: 40px;
      font-weight: 800;
      text-transform: uppercase;
      margin-top: 10px !important;
      color: white;
      white-space: normal;

      @media (max-width: $screen-xs-max) {
        font-size: 21px !important;
        line-height: 21px !important;
        white-space: normal;
        margin-top: 6px !important;
      }

      @media (max-width: 340px) {
        font-size: 18px !important;
        line-height: 18px !important;
        white-space: normal;
      }
    }

    .btn {
      margin-top: 20px !important;
      padding: 14px 24px !important;
      font-size: 16px !important;

      @media (max-width: $screen-xs-max) {
        margin-top: 8px !important;
      }
    }
  }
}

.banner-small {
  .tp-parallax-wrap {
    top: 70px !important;
    height: 150%;

    @media (max-width: 1400px) {
      top: 0px !important;
    }
  }
}

.banner-clen {
  overflow: hidden;
  position: relative;

  .tp-parallax-wrap {
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0px;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);

    .tp-loop-wrap {
      width: 1140px !important;
      position: relative !important;
      left: auto !important;
      right: auto !important;
      margin: 0 auto !important;
      height: 100%;

      @media (max-width: $screen-xs-max) {
        width: 100% !important;
      }

      .tp-mask-wrap{
        height: 100%;
        width: 100%;
      }
    }

    .banner-title {
      border-radius: 0px !important;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;

      @media (max-width: $screen-xs-max) {
        padding: 0px 20px !important;
      }

      .banner-nazov {
        font-size: 34px !important;
        line-height: 34px !important;
        font-weight: 800;
        text-transform: uppercase;
        color: white;
        white-space: initial !important;
        text-align: center !important;

        @media (max-width: $screen-xs-max) {
          font-size: 20px !important;
          line-height: 20px !important;
          white-space: normal;
        }
      }

      .banner-kratky-text {
        font-size: 30px;
        line-height: 30px;
        font-weight: 800;
        text-transform: uppercase;
        margin-top: 10px !important;
        color: white;
        text-align: center !important;
        width: 100%;

        @media (max-width: $screen-xs-max) {
          font-size: 16px !important;
          line-height: 16px !important;
          white-space: normal;
          margin-top: 10px !important;
        }
      }

      .btn {
        margin-top: 10px !important;
        padding: 14px 24px !important;
        font-size: 16px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
        width: 216px;

        @media (max-width: $screen-xs-max) {
          margin-top: 10px !important;
        }
      }
    }
  }
}

*/
.banner {
  margin-top: 89px;
}
@media (max-width: 767px) {
  .banner {
    margin-top: 62px;
  }
}
.banner .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.banner .swiper-slide {
  position: relative;
  max-width: 1920px;
}
.banner .swiper-slide img {
  width: 100%;
}
.banner .swiper-slide .banner-odkaz {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 200px;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1400px) {
  .banner .swiper-slide .banner-odkaz {
    bottom: 120px;
  }
}
@media (max-width: 767px) {
  .banner .swiper-slide .banner-odkaz {
    bottom: 35px;
  }
}

h1, .h1 {
  padding: 0.25em 0.5em;
  color: white;
  background-color: #1A1A1A;
}

h2, .h2 {
  margin-top: 1em;
  color: #1A1A1A;
}
h2 a, .h2 a {
  color: #E6E6E6;
}
h2 a:hover, .h2 a:hover {
  color: #cdcdcd;
}

h3 {
  margin-top: 0;
  color: #1A1A1A;
}
h3 a {
  color: #1A1A1A;
}
h3 a:hover {
  color: #010101;
}

.gallery {
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
}
.gallery .gallery_item {
  cursor: pointer;
  padding: 0;
  border: 1px solid white;
}

.clanok-vypis {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .clanok-vypis .col-sm-4, .clanok-vypis .col-sm-3 {
    width: 100%;
  }
}
.clanok-vypis .col-sm-4 .clanok, .clanok-vypis .col-sm-3 .clanok {
  height: 100%;
  margin-bottom: 15px;
}
.clanok-vypis .col-sm-4 .clanok a:after, .clanok-vypis .col-sm-3 .clanok a:after {
  display: none;
}
.clanok-vypis .col-sm-4 .clanok img, .clanok-vypis .col-sm-3 .clanok img {
  width: 100%;
}
.clanok-vypis .col-sm-4 .clanok .datum, .clanok-vypis .col-sm-3 .clanok .datum {
  margin-top: 10px;
}
.clanok-vypis .col-sm-4 .clanok h2, .clanok-vypis .col-sm-3 .clanok h2 {
  margin: 6px 0px;
}
.clanok-vypis .col-sm-4 .clanok h2 a, .clanok-vypis .col-sm-3 .clanok h2 a {
  color: #1A1A1A;
}
.clanok-vypis .col-sm-4 .clanok h2 a:hover, .clanok-vypis .col-sm-3 .clanok h2 a:hover {
  text-decoration: none;
}
.clanok-vypis .col-sm-4 .clanok .btn, .clanok-vypis .col-sm-3 .clanok .btn {
  padding: 0px;
  position: relative;
}
.clanok-vypis .col-sm-4 .clanok .btn:after, .clanok-vypis .col-sm-3 .clanok .btn:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: block;
}

.clanok-uvod-vypis {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .clanok-uvod-vypis {
    margin-bottom: 20px;
    display: block;
  }
}
.clanok-uvod-vypis .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .clanok-uvod-vypis .container {
    display: block;
  }
}
.clanok-uvod-vypis .container .col-nadpis {
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .clanok-uvod-vypis .container .col-nadpis {
    width: 100%;
    margin-bottom: 10px;
  }
}
.clanok-uvod-vypis .container .col-nadpis .h1 {
  margin-top: -30px;
  margin-bottom: 0;
  padding: 0;
}
.clanok-uvod-vypis .container .col-nadpis .h1:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .clanok-uvod-vypis .container .col-nadpis .h1 {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.clanok-uvod-vypis .container .col-clanky {
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .clanok-uvod-vypis .container .col-clanky {
    width: 100%;
  }
}
.clanok-uvod-vypis .container .col-clanky .clanok h2 {
  margin: 6px 0px;
}
.clanok-uvod-vypis .container .col-clanky .lightslider-uvod-control {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
}
.clanok-uvod-vypis .container .col-clanky .lightslider-uvod-control a {
  margin: 0px 8px;
}
@media (max-width: 767px) {
  .clanok-uvod-vypis .col-sm-4 .clanok img, .clanok-uvod-vypis .col-sm-3 .clanok img {
    margin-bottom: 10px;
  }
}
.clanok-uvod-vypis .col-sm-4 .clanok a:after, .clanok-uvod-vypis .col-sm-3 .clanok a:after {
  display: none;
}
.clanok-uvod-vypis .col-sm-4 .clanok h2 a, .clanok-uvod-vypis .col-sm-3 .clanok h2 a {
  color: #1A1A1A;
}
.clanok-uvod-vypis .col-sm-4 .clanok h2 a:hover, .clanok-uvod-vypis .col-sm-3 .clanok h2 a:hover {
  text-decoration: none;
}

.clanok-galeria-vypis .row {
  margin: 0;
}
.clanok-galeria-vypis .row [class*=col-] {
  padding: 0;
  border: 1px solid white;
}
.clanok-galeria-vypis .row [class*=col-] .clanok {
  cursor: pointer;
}
.clanok-galeria-vypis .row [class*=col-] .clanok a {
  display: block;
}
.clanok-galeria-vypis .row [class*=col-] .clanok a .foto {
  overflow: hidden;
  position: relative;
}
.clanok-galeria-vypis .row [class*=col-] .clanok a .foto img {
  width: 100%;
}
.clanok-galeria-vypis .row [class*=col-] .clanok a .shadow {
  opacity: 0;
  background-color: rgba(26, 26, 26, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #E6E6E6;
  flex-wrap: wrap;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .clanok-galeria-vypis .row [class*=col-] .clanok a .shadow {
    opacity: 1;
    background-color: rgba(26, 26, 26, 0.2);
  }
}
.clanok-galeria-vypis .row [class*=col-] .clanok a .shadow .nazov {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
}
.clanok-galeria-vypis .row [class*=col-] .clanok a:hover .shadow {
  opacity: 1;
}

.clanky-najnovsie {
  margin-bottom: 30px;
}
.clanky-najnovsie .row {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .clanky-najnovsie .row {
    margin: 0px -15px;
  }
}
.clanky-najnovsie .row .col-sm-6 {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .clanky-najnovsie .row .col-sm-6 {
    padding: 0px 15px;
    margin-bottom: 15px;
  }
  .clanky-najnovsie .row .col-sm-6:last-child {
    margin-bottom: 0px;
  }
}
.clanky-najnovsie .row .col-sm-6 .clanok {
  position: relative;
}
.clanky-najnovsie .row .col-sm-6 .clanok .text {
  position: absolute;
  padding: 50px 30px;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  color: white;
}
@media only screen and (max-width: 767px) {
  .clanky-najnovsie .row .col-sm-6 .clanok .text {
    padding: 30px 15px;
  }
}
.clanky-najnovsie .row .col-sm-6 .clanok .text h2 {
  margin: 6px 0px;
}
.clanky-najnovsie .row .col-sm-6 .clanok .text h2 a {
  color: white;
}
.clanky-najnovsie .row .col-sm-6 .clanok .text h2 a:hover, .clanky-najnovsie .row .col-sm-6 .clanok .text h2 a:focus {
  color: white;
  text-decoration: none;
}
.clanky-najnovsie .row .col-sm-6 .clanok .text .kratky-text {
  margin-bottom: 20px;
}
.clanky-najnovsie .row .col-sm-6 .clanok .shadow {
  background-color: transparent;
  background-image: linear-gradient(transparent, #1A1A1A 120%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.clanok-view .datum {
  margin-top: 40px;
}
.clanok-view .clanok-view-map .leaflet-map {
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .clanok-view .clanok-view-map .leaflet-map {
    height: 300px;
  }
}
.clanok-view .clanok-view-map .leaflet-map a:after {
  display: none;
}
.clanok-view .clanok-view-map .leaflet-map .leaflet-top {
  display: none;
}
.clanok-view .clanok-view-map .leaflet-map .leaflet-marker-pane img {
  height: 82px;
}

ul.subory_vypis {
  list-style: none;
  padding: 0;
}
ul.subory_vypis li a {
  display: inline-block;
  padding: 0 0 0 25px;
  line-height: 25px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 20px 20px;
}
ul.subory_vypis li a.doc {
  background-image: url("../images/icon/doc.png");
}
ul.subory_vypis li a.docx {
  background-image: url("../images/icon/docx.png");
}
ul.subory_vypis li a.eml {
  background-image: url("../images/icon/eml.png");
}
ul.subory_vypis li a.eps {
  background-image: url("../images/icon/eps.png");
}
ul.subory_vypis li a.htm {
  background-image: url("../images/icon/htm.png");
}
ul.subory_vypis li a.jpeg {
  background-image: url("../images/icon/jpeg.png");
}
ul.subory_vypis li a.jpg {
  background-image: url("../images/icon/jpg.png");
}
ul.subory_vypis li a.msg {
  background-image: url("../images/icon/msg.png");
}
ul.subory_vypis li a.pdf {
  background-image: url("../images/icon/pdf.png");
}
ul.subory_vypis li a.png {
  background-image: url("../images/icon/png.png");
}
ul.subory_vypis li a.pst {
  background-image: url("../images/icon/pst.png");
}
ul.subory_vypis li a.rar {
  background-image: url("../images/icon/rar.png");
}
ul.subory_vypis li a.tif {
  background-image: url("../images/icon/tif.png");
}
ul.subory_vypis li a.xls {
  background-image: url("../images/icon/xls.png");
}
ul.subory_vypis li a.xlsx {
  background-image: url("../images/icon/xlsx.png");
}
ul.subory_vypis li a.zip {
  background-image: url("../images/icon/zip.png");
}
ul.subory_vypis li a:hover, ul.subory_vypis li a:focus {
  text-decoration: none;
}

footer {
  background-color: #E6E6E6;
  color: #333333;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  footer {
    margin-top: 20px;
  }
}
footer .container {
  padding: 60px 15px;
}
@media only screen and (max-width: 767px) {
  footer .container {
    padding: 20px 15px;
  }
}
footer .container .row .col-sm-2.footer-logo-container {
  width: 12%;
}
@media only screen and (max-width: 767px) {
  footer .container .row .col-sm-2.footer-logo-container {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  footer .container .row .col-sm-2.footer-logo-container a img {
    height: 60px;
    margin: 10px 0px;
  }
}
footer .container .row .col-sm-2.footer-logo-container a:after {
  display: none;
}
footer .container .row .col-sm-7.footer-menu-container {
  width: 65%;
}
@media only screen and (max-width: 767px) {
  footer .container .row .col-sm-7.footer-menu-container {
    width: 100%;
  }
}
footer .container .row .col-sm-3.footer-created-container {
  width: 23%;
}
@media only screen and (max-width: 767px) {
  footer .container .row .col-sm-3.footer-created-container {
    width: 100%;
    text-align: center;
  }
}
footer .container .row .col-sm-3.footer-created-container .footer-social {
  margin-top: 20px;
  padding: 0;
  list-style: none;
}
footer .container .row .col-sm-3.footer-created-container .footer-social li {
  display: inline-block;
}
footer .container .row .col-sm-3.footer-created-container .footer-social li a {
  display: flex;
  margin: 0px 8px;
  color: #333333;
}
footer .container .row .col-sm-3.footer-created-container .footer-social li a:after {
  display: none;
}
footer .container .row .col-sm-3.footer-created-container .footer-social li a i {
  font-size: 24px;
}
footer .container .row .col-sm-3.footer-created-container .footer-social li a:hover, footer .container .row .col-sm-3.footer-created-container .footer-social li a:focus {
  text-decoration: none;
}
footer .container .row .col-sm-3.footer-created-container .footer-social li a:hover i {
  color: #9d75ea;
}

div.cs_shop .buttons {
  margin-top: 20px;
}
div.cs_shop div.kroky {
  margin: 2em 0 2em 0;
}
@media (max-width: 767px) {
  div.cs_shop div.kroky {
    margin-top: 0;
  }
}
div.cs_shop div.kroky div.krok {
  border-width: 2px 0 2px 0;
  border-style: solid;
  border-color: #1A1A1A;
  display: inline-block;
  padding: 0.5em;
}
@media (max-width: 767px) {
  div.cs_shop div.kroky div.krok {
    display: block;
    border-top: 0;
  }
}
div.cs_shop div.kroky div.krok span.cislo {
  font-weight: bold;
  color: #1A1A1A;
}
div.cs_shop div.kroky div.krok span.nazov {
  font-weight: bold;
  color: #1A1A1A;
  display: inline-block;
}
div.cs_shop div.kroky .selected {
  background-color: #1A1A1A;
  color: white;
}
div.cs_shop div.kroky .selected .fa {
  color: white;
}
div.cs_shop div.kroky .selected .cislo {
  color: white !important;
}
div.cs_shop div.kroky .selected .nazov {
  color: white !important;
}
div.cs_shop div.kroky .ok {
  background-color: #1A1A1A;
  color: white;
}
div.cs_shop div.kroky .ok .fa {
  color: white;
}
div.cs_shop div.kroky .ok .nazov {
  color: white !important;
}
div.cs_shop div.produkty {
  display: flex;
  flex-flow: row wrap;
}
div.cs_shop div.produkty article {
  padding-top: 15px;
  padding-bottom: 15px;
}
div.cs_shop div.produkty article .lSPrev, div.cs_shop div.produkty article .lSNext {
  background: none;
}
div.cs_shop div.produkty article .lSPrev:after, div.cs_shop div.produkty article .lSNext:after {
  display: none;
}
div.cs_shop div.produkty article .lSNext {
  text-align: right;
}
div.cs_shop div.produkty article .foto-container {
  margin-bottom: 15px;
}
div.cs_shop div.produkty article .foto-container div.foto {
  position: relative;
  /* padding-bottom: 56.25%;
   width: 100%;*/
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
div.cs_shop div.produkty article .foto-container div.foto img {
  height: 330px;
}
div.cs_shop div.produkty article .foto-container div.foto .tag {
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 3;
}
div.cs_shop div.produkty article .foto-container div.foto .tag span {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 16px;
}
div.cs_shop div.produkty article span.zlava {
  position: absolute;
  top: 1em;
  font-size: 0.9em;
  left: 0;
  background: #1A1A1A;
  color: white;
  padding: 0.2em 0.5em;
  text-transform: uppercase;
}
div.cs_shop div.produkty article h2 {
  font-size: 16px;
  line-height: 21px;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0.25em;
  font-weight: 600;
  color: #333333;
  text-align: center;
  width: 100%;
}
div.cs_shop div.produkty article h2 a {
  color: #333333;
  text-decoration: none;
}
div.cs_shop div.produkty article .text .kod-produktu {
  font-size: 12px;
  margin-bottom: 8px;
}
div.cs_shop div.produkty article .viac-cena {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 6px;
}
@media (max-width: 767px) {
  div.cs_shop div.produkty article .viac-cena {
    display: block;
  }
}
@media (min-width: 767px) {
  div.cs_shop div.produkty article .viac-cena .ceny {
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
}
@media (max-width: 767px) {
  div.cs_shop div.produkty article .viac-cena .ceny {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
  }
}
div.cs_shop div.produkty article .viac-cena .ceny .dph-info {
  margin-left: 8px;
  margin-top: 12px;
  float: right;
  font-size: 10px;
}
div.cs_shop div.produkty article .viac-cena .ceny .cena {
  font-weight: 600;
  font-size: 20px;
  color: #1A1A1A;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.cs_shop div.produkty article .viac-cena .ceny .stara-cena {
  font-size: 18px;
  color: black;
  float: left;
  margin-right: 15px;
}
div.cs_shop div.produkty article .viac-cena .produkt-detail {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 767px) {
  div.cs_shop div.produkty article .viac-cena .produkt-detail {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
  }
}
div.cs_shop div.produkty article .viac-cena .produkt-detail .btn {
  padding: 4px 12px;
}
@media (min-width: 767px) {
  div.cs_shop div.produkty article:hover .viac-cena .produkt-detail {
    visibility: visible;
    opacity: 1;
  }
  div.cs_shop div.produkty article:hover .viac-cena .ceny {
    visibility: hidden;
    opacity: 0;
  }
}
div.cs_shop div.produkt_view {
  padding: 30px 0;
}
div.cs_shop div.produkt_view div.produkt_info {
  margin-bottom: 30px;
}
div.cs_shop div.produkt_view div.produkt_info h1 {
  font-size: 30px;
  text-transform: none;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
div.cs_shop div.produkt_view div.produkt_info h1:after {
  content: "";
  position: relative;
}
div.cs_shop div.produkt_view div.produkt_info a.popis {
  color: #E6E6E6;
  text-decoration: underline;
}
div.cs_shop div.produkt_view div.produkt_info section {
  margin-bottom: 0.5em;
  display: inline-block;
}
div.cs_shop div.produkt_view div.produkt_info section .dph-info {
  margin-left: 8px;
  margin-top: 10px;
  float: right;
}
div.cs_shop div.produkt_view div.produkt_info section span.cena {
  color: black;
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
}
div.cs_shop div.produkt_view div.produkt_info section .stara_cena {
  margin-left: 10px;
}
div.cs_shop div.produkt_view div.produkt_info section .stav_produktu {
  margin-left: 30px;
}
div.cs_shop div.produkt_view div.produkt_info label {
  color: #333333;
  text-align: left;
  font-size: 12px;
  margin-right: 0.5em;
  padding-left: 0;
}
div.cs_shop div.produkt_view div.produkt_info form.add_item section {
  margin: 0;
}
div.cs_shop div.produkt_view div.produkt_info form.add_item #mnozstvo {
  text-align: center;
  font-weight: normal;
}
div.cs_shop div.produkt_view div.tag {
  position: absolute;
  right: 0;
  top: 10px;
}
div.cs_shop div.produkt_view div.tag span {
  text-align: left;
}
div.cs_shop div.produkt_view div.produkt_gallery {
  position: relative;
}
div.cs_shop div.produkt_view div.produkt_gallery img {
  border: none;
  cursor: pointer;
}
div.cs_shop div.produkt_view div.produkt_gallery div.thumbnails {
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
  overflow: hidden;
}
div.cs_shop div.produkt_view div.produkt_gallery div.thumbnails div {
  padding: 0 5px 10px 5px;
  display: block;
  float: left;
  width: 33.33%;
}
div.cs_shop div.produkt_view div.produkt_gallery div.thumbnails img {
  display: block;
  width: 100%;
  cursor: pointer;
}
div.cs_shop div.produkt_view div.popis {
  line-height: 24px;
  font-size: 15px;
}
div.cs_shop div.produkt_view div.popis ul {
  list-style: none;
  padding-left: 0;
}
div.cs_shop div.produkt_view div.popis ul li {
  padding-left: 15px;
  line-height: 27px;
}
div.cs_shop div.produkt_view div.popis ul li:before {
  padding-right: 16px;
  font-size: 0.6em;
  font-family: "FontAwesome";
  content: "\f111";
  color: #E6E6E6;
}
div.cs_shop div.produkt_view table.tabulka tr td, div.cs_shop div.produkt_view table.tabulka tr th {
  padding: 0.25em 0.5em;
}
div.cs_shop div.produkt_view #vlastnosti {
  margin-bottom: 1em;
}
div.cs_shop div.produkt_view #vlastnosti table th {
  background: #1A1A1A;
  color: white;
  font-weight: 400;
}
div.cs_shop div.produkt_view #vlastnosti table td {
  font-weight: bold;
}
div.cs_shop div.produkt_view #vlastnosti table th, div.cs_shop div.produkt_view #vlastnosti table td {
  border: 1px solid white;
}
div.cs_shop div.produkt_view .input-group-addon {
  background: none;
}
div.cs_shop div.produkt_view button {
  text-transform: none;
}
div.cs_shop .stav_produktu {
  margin: 0.5em 1em 1em 0;
  display: inline-block;
}
div.cs_shop .stav_produktu:before {
  font-family: "FontAwesome";
  margin-right: 0.5em;
}
div.cs_shop .stav_produktu.nedostupny {
  color: #1A1A1A;
}
div.cs_shop .stav_produktu.nedostupny:before {
  content: "\f058";
}
div.cs_shop .stav_produktu.na_objednavku, div.cs_shop .stav_produktu.na_sklade {
  color: #E6E6E6;
}
div.cs_shop .stav_produktu.na_objednavku:before, div.cs_shop .stav_produktu.na_sklade:before {
  content: "\f058";
}
div.cs_shop .tag span {
  color: white;
  padding: 0.25em 0.5em;
  display: block;
  text-align: right;
  margin-bottom: 1px;
  background: #1a1a1a;
  width: fit-content;
  margin-left: auto;
}
div.cs_shop .tag span.akcia {
  background: #1a1a1a;
}
div.cs_shop .tag span.novinka {
  background: #1a1a1a;
}
div.cs_shop .tag span.top {
  background: #e6e6e6;
}
div.cs_shop .kosik table {
  border-width: 0 0 2px 0;
  border-color: #1A1A1A;
  border-style: solid;
}
div.cs_shop .kosik table > thead > tr > th,
div.cs_shop .kosik table > thead > tr > td,
div.cs_shop .kosik table > tbody > tr > th,
div.cs_shop .kosik table > tbody > tr > td,
div.cs_shop .kosik table > tfoot > tr > th,
div.cs_shop .kosik table > tfoot > tr > td {
  vertical-align: middle;
}
div.cs_shop .kosik table > thead > tr > th,
div.cs_shop .kosik table > tbody > tr > th,
div.cs_shop .kosik table > tfoot > tr > th {
  font-size: 13px;
  border-color: #1A1A1A;
}
div.cs_shop .kosik table > thead > tr > td,
div.cs_shop .kosik table > tbody > tr > td,
div.cs_shop .kosik table > tfoot > tr > td {
  font-size: 15px;
}
div.cs_shop .kosik table thead th {
  background: #1A1A1A;
  color: white;
}
div.cs_shop .kosik table tr.doprava {
  border-width: 2px 0 0 0;
  border-color: #1A1A1A;
  border-style: solid;
}
div.cs_shop .kosik table .input-pocet .btn {
  padding: 2px 14px;
  padding-top: 3px;
}
div.cs_shop .kosik table .input-pocet .pocet {
  border-radius: 0px;
}
div.cs_shop .kosik table input.pocet {
  width: 50px;
  display: inline-block;
}
div.cs_shop .kosik table span.varianta {
  font-size: 0.8em;
  display: block;
  margin-left: 1em;
}
div.cs_shop .kosik table a.produkt_nazov {
  font-weight: bold;
  color: #E6E6E6;
  text-decoration: underline;
}
div.cs_shop .kosik table.ceny {
  border-color: #1A1A1A;
  border-width: 0 0 1px 0;
  border-style: solid;
}
div.cs_shop .kosik table.ceny tr.cena_bez_dph td {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
div.cs_shop .kosik table.ceny tr.dph {
  border-width: 0 0 2px 0;
  border-color: #1A1A1A;
  border-style: solid;
}
div.cs_shop .kosik table.ceny tr.dph td {
  border: 0;
  padding-top: 0;
  padding-bottom: 1em;
}
div.cs_shop .kosik table.ceny tr.cena_s_dph td {
  padding-top: 1em;
  padding-bottom: 1em;
}
div.cs_shop .kosik table.ceny tr.cena_s_dph td:first-child {
  font-weight: bold;
  color: black;
}
div.cs_shop .kosik table.ceny tr.cena_s_dph td:last-child {
  font-size: 1.75em;
  font-weight: bold;
}
div.cs_shop .kosik .cena_s_dph {
  color: #E6E6E6;
  font-weight: bold;
}
div.cs_shop .kosik .cena_s_dph td {
  border-color: #1A1A1A;
}
div.cs_shop .buttons .prev {
  text-align: left;
}
@media (max-width: 767px) {
  div.cs_shop .buttons .prev .btn {
    margin-bottom: 1em;
    width: 100%;
  }
}
div.cs_shop .buttons .next {
  text-align: right;
}
@media (max-width: 767px) {
  div.cs_shop .buttons .next .btn {
    width: 100%;
    white-space: inherit;
  }
}
div.cs_shop .filter {
  background: #E6E6E6;
  padding: 1em;
}
div.cs_shop .filter .item {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
}
div.cs_shop .filter .item h2 {
  font-size: 1em;
  margin-top: 0;
  color: white;
}
div.cs_shop .filter .item label {
  color: white;
}
div.cs_shop .filter .item .btn {
  margin-top: 5px;
}
div.cs_shop.pokladna {
  margin-bottom: 2em;
}
div.cs_shop.pokladna .btn.back {
  font-weight: bold;
  color: #E6E6E6;
}
div.cs_shop.pokladna .btn.submit {
  font-weight: bold;
}
div.cs_shop.pokladna .title {
  color: #E6E6E6;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  div.cs_shop.pokladna .title {
    padding: 10px 0 0 0;
  }
}
div.cs_shop.pokladna h1 {
  padding: 30px 0 25px 0;
}
@media (max-width: 767px) {
  div.cs_shop.pokladna h1 {
    padding: 0;
  }
}
div.cs_shop.pokladna .prihlasenie {
  width: 100%;
  display: table;
  margin: 0 0 50px 0;
}
div.cs_shop.pokladna .prihlasenie h3 {
  font-weight: bold;
  font-size: 21px;
}
div.cs_shop.pokladna .prihlasenie .doprava input,
div.cs_shop.pokladna .prihlasenie .platba input {
  margin-right: 10px;
}
div.cs_shop.pokladna .prihlasenie .doprava .fa,
div.cs_shop.pokladna .prihlasenie .platba .fa {
  color: #E6E6E6;
  margin-right: 6px;
}
div.cs_shop.pokladna #checkbox_label_suhlas_s_podmienkami a {
  color: black;
  text-decoration: underline;
}
div.cs_shop div.skupiny_produktu_vypis div {
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  div.cs_shop div.skupiny_produktu_vypis div {
    margin-bottom: 0.5em;
  }
}
div.cs_shop div.skupiny_produktu_vypis a {
  overflow: hidden;
  border: 1px solid #1A1A1A;
  border-radius: 4px;
  display: flex;
  font-size: 16px;
  text-decoration: none;
  color: #E6E6E6;
  font-weight: 700;
  align-items: center;
  justify-content: space-between;
}
div.cs_shop div.skupiny_produktu_vypis a:hover {
  color: #1A1A1A;
  text-decoration: underline;
}
div.cs_shop div.skupiny_produktu_vypis a div.foto {
  margin: 0;
  min-height: 59px;
}
div.cs_shop div.skupiny_produktu_vypis a div.foto img {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-width: 0 1px 0 0;
  border-color: #1A1A1A;
  border-style: solid;
  background: #eeeeee;
  display: inline-block;
  vertical-align: middle;
}
div.cs_shop div.skupiny_produktu_vypis a span {
  padding: 0.5em;
  line-height: 1.1em;
}
.top-kosik {
  float: right;
  margin: 36px 0px;
  margin-left: 20px;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .top-kosik {
    margin: 8px 0px;
    float: left;
  }
}
.top-kosik a {
  color: black;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 300;
  font-size: 20px;
}
.top-kosik a:hover, .top-kosik a:focus {
  color: black;
}
.top-kosik a img {
  height: 18px;
  margin-top: -4px;
}
.top-kosik a .badge {
  background-color: #1A1A1A;
  margin-top: -4px;
}

table.doprava tr th, table.doprava tr td, table.platba tr th, table.platba tr td {
  border-color: #1A1A1A;
}

table.table tr td {
  border-color: #1A1A1A;
}

hr {
  border-color: #1A1A1A;
}

.form input {
  border-radius: 0px;
}
.form label {
  margin-bottom: 0px;
  font-size: 12px;
  color: #333333;
}
.form .input-box, .form .select-box {
  height: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #1A1A1A;
  padding: 4px 2px;
  border-radius: 0px;
  background-color: transparent;
}
.form .input-box::-webkit-input-placeholder, .form .select-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333333;
}
.form .input-box::-moz-placeholder, .form .select-box::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
}
.form .input-box:-ms-input-placeholder, .form .select-box:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
.form .input-box:-moz-placeholder, .form .select-box:-moz-placeholder { /* Firefox 18- */
  color: #333333;
}
.form textarea {
  border-radius: 0px;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #1A1A1A;
  padding: 4px 2px;
  box-shadow: none;
}
.form textarea:focus {
  box-shadow: none;
}
.form textarea::-webkit-input-placeholder {
  color: #333333;
}
.form textarea:-moz-placeholder { /* Firefox 18- */
  color: #333333;
}
.form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
}
.form textarea:-ms-input-placeholder {
  color: #333333;
}
.form .form-muted {
  font-size: 12px;
  color: #CCC;
  margin-top: 2px;
}
.form .s-hidden {
  visibility: hidden;
  padding-right: 10px;
}
.form .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
}
.form .select:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  display: block;
}
.form .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  width: 100%;
  padding: 4px 2px;
  border-bottom: 2px solid #1A1A1A;
  z-index: 2;
  overflow: hidden;
  line-height: 24px;
}
.form .styledSelect:after {
  font-size: 14px;
  font-family: "Font Awesome 5 Pro";
  content: "\f061";
  position: absolute;
  top: 0;
  z-index: 2;
  right: 0;
  padding: 4px 0px;
}
.form .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  height: 150px;
  overflow-y: scroll;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 4px 0px;
  list-style: none;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.form .options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}
.form .options li:hover {
  background-color: #39f;
  color: white;
}

.clanok-kategoria-form {
  margin-bottom: 30px;
}

.vysledky-form .search-group {
  position: relative;
}
.vysledky-form .search-group .search {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 0px;
}
.vysledky-form .search-group .search i {
  color: #1A1A1A;
}

/* ************************************************* HTML */
html, body {
  font-family: "Alata", sans-serif;
  font-weight: 500;
}
html h1, html .h1, html h2, html .h2, html h3, html .h3, html h4, html .h4, body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4 {
  background-color: transparent;
  color: #333333;
  font-family: "Alata", sans-serif;
  padding: 0;
  width: fit-content;
}
html h1, html .h1, body h1, body .h1 {
  font-size: 40px;
  position: relative;
  margin: 40px 0px;
}
@media only screen and (max-width: 767px) {
  html h1, html .h1, body h1, body .h1 {
    font-size: 28px;
    margin: 20px 0px;
  }
}
html h2, html .h2, body h2, body .h2 {
  margin: 22px 0px;
}
@media only screen and (max-width: 767px) {
  html h2, html .h2, body h2, body .h2 {
    font-size: 20px;
    margin: 10px 0px;
  }
}
html .ckeditor-text, body .ckeditor-text {
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  html .ckeditor-text img, body .ckeditor-text img {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
html .ckeditor-text a:hover, html .ckeditor-text a:focus, body .ckeditor-text a:hover, body .ckeditor-text a:focus {
  text-decoration: none;
}
html .input-hidden, body .input-hidden {
  display: none !important;
}
html .modal.in, body .modal.in {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
@media print {
  html a[href]:after, body a[href]:after {
    content: none !important;
  }
}
html a, body a {
  color: #333333;
  position: relative;
  z-index: 2;
}
html a:after, body a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: block;
}
html a i, body a i {
  margin-right: 4px;
}
html p:last-child, body p:last-child {
  margin: 0;
}
html .layout, body .layout {
  background-color: white;
}
html .lightSlider, body .lightSlider {
  display: flex;
  flex-wrap: wrap;
}
html .text-center, body .text-center {
  display: flex;
  justify-content: center;
}
html .media, body .media {
  margin-top: 0 !important;
}
html .iframe-container, body .iframe-container {
  position: relative;
  padding-top: 56.25%;
}
html .iframe-container iframe, body .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-responsive {
  max-height: 100%;
}

.alert-danger, .alert-warning {
  color: #d9534f;
  border: 1px solid #d9534f;
  border-radius: 0px;
  background-color: rgba(217, 83, 79, 0.2);
}

.alert-success {
  color: #5cb85c;
  border: 1px solid #5cb85c;
  border-radius: 0px;
  background-color: rgba(92, 184, 92, 0.2);
}

.no-data {
  text-align: center;
}
.no-data h3 {
  width: 100%;
}

.cookies-container {
  position: fixed;
  background-color: white;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  padding: 16px 0;
  border-top: 4px solid #3e06a7;
  box-shadow: 0 4px 20px rgba(12, 13, 14, 0.035), 0 4px 20px rgba(12, 13, 14, 0.1), 0 0 0px rgba(12, 13, 14, 0.035), 0 1px 1px rgba(12, 13, 14, 0.025);
}
.cookies-container.cookies-hidden {
  display: none;
}
.cookies-container .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.cookies-container .container:before, .cookies-container .container:after {
  display: none;
}
@media (max-width: 767px) {
  .cookies-container .container {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}
.cookies-container .container .cookies-text {
  font-size: 14px;
  line-height: 21px;
}
.cookies-container .container .cookies-text strong {
  display: block;
  font-size: 16px;
  margin-bottom: 2px;
}
.cookies-container .container .cookies-text a {
  color: #3e06a7;
  text-decoration: underline;
}
.cookies-container .container .cookies-text a:after {
  display: none;
}
.cookies-container .container .cookies-text a:hover, .cookies-container .container .cookies-text a:focus {
  color: #1A1A1A;
}
.cookies-container .container .cookies-btn {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
@media (max-width: 767px) {
  .cookies-container .container .cookies-btn a {
    flex: 1;
  }
}
.cookies-container .container .cookies-btn a:after {
  display: none;
}
.cookies-container .container .btn {
  padding: 10px 18px !important;
  font-size: 14px !important;
  white-space: nowrap;
}

.pagination_holder {
  text-align: center;
  margin-top: 20px;
}
.pagination_holder .pagination li a {
  border: none;
  background-color: transparent;
  font-weight: bold;
  padding: 0;
  margin: 6px 12px;
}
.pagination_holder .pagination li a:after {
  display: block;
}
.pagination_holder .pagination li a i {
  margin-right: 0px;
}
.pagination_holder .pagination li a .fa-arrow-left {
  margin-right: 4px;
}
.pagination_holder .pagination li a .fa-arrow-right {
  margin-left: 4px;
}
.pagination_holder .pagination li a:hover, .pagination_holder .pagination li a:focus {
  background-color: transparent;
}
.pagination_holder .pagination li.disabled a:after, .pagination_holder .pagination li.active a:after {
  display: none;
}
.pagination_holder .pagination li.disabled span, .pagination_holder .pagination li.active span {
  border: none;
  background-color: transparent;
  font-weight: bold;
}
.pagination_holder .pagination li.disabled span .fa-arrow-left, .pagination_holder .pagination li.active span .fa-arrow-left {
  margin-right: 4px;
}
.pagination_holder .pagination li.disabled span .fa-arrow-right, .pagination_holder .pagination li.active span .fa-arrow-right {
  margin-left: 4px;
}
.pagination_holder .pagination li.disabled span:hover, .pagination_holder .pagination li.disabled span:focus, .pagination_holder .pagination li.active span:hover, .pagination_holder .pagination li.active span:focus {
  background-color: transparent;
}
.pagination_holder .pagination li.active span {
  color: #1A1A1A;
}

.text-uvod {
  padding: 60px 0px;
}
@media only screen and (max-width: 767px) {
  .text-uvod {
    padding: 20px 0px;
  }
}
.text-uvod .row .col-sm-6:first-child div {
  width: 85%;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .text-uvod .row .col-sm-6:first-child div {
    width: 100%;
    margin-bottom: 20px;
  }
}
.text-uvod .row .col-sm-6:last-child {
  padding-left: 0px;
}
@media only screen and (max-width: 767px) {
  .text-uvod .row .col-sm-6:last-child {
    padding-left: 15px;
  }
}
.text-uvod .row .col-sm-6:last-child .btn {
  margin-bottom: 4px;
}

.video-uvod {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .video-uvod {
    margin-bottom: 20px;
  }
}
.video-uvod .text-container {
  width: 50%;
  background-color: #3e06a7;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container {
    width: 100%;
  }
}
.video-uvod .text-container .text {
  float: right;
  padding: 40px 60px;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container .text {
    padding: 40px 30px;
  }
}
.video-uvod .text-container .text .registracia-timer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.video-uvod .text-container .text .registracia-timer div {
  width: 80px;
  text-align: center;
  color: white;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container .text .registracia-timer div {
    width: 60px;
  }
}
.video-uvod .text-container .text .registracia-timer div .number {
  font-size: 40px;
  color: white;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container .text .registracia-timer div .number {
    font-size: 28px;
  }
}
.video-uvod .text-container .text .registracia-text {
  font-size: 15px;
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container .text .registracia-text {
    margin-top: 10px;
  }
}
.video-uvod .text-container .text .registracia-text-next-year {
  margin-top: 26px;
  font-size: 34px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container .text .registracia-text-next-year {
    margin-top: 10px;
  }
}
.video-uvod .text-container .text .registracia-href {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container .text .registracia-href {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
.video-uvod .text-container .text .registracia-href .registracia-datum {
  text-decoration: underline;
  float: left;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container .text .registracia-href .registracia-datum {
    float: none;
    text-align: center;
    width: 100%;
  }
}
.video-uvod .text-container .text .registracia-href .btn {
  float: right;
  line-height: 12px;
}
.video-uvod .text-container .text .registracia-href .btn:after {
  bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .video-uvod .text-container .text .registracia-href .btn {
    float: none;
    justify-content: center;
    margin-top: 10px;
  }
}
.video-uvod .video {
  width: 50%;
}
@media (max-width: 767px) {
  .video-uvod .video {
    width: 100%;
  }
}
.video-uvod .video .responsive-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.social-media-container {
  text-align: center;
}
.social-media-container #instafeed {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.social-media-container #instafeed a {
  width: 25%;
  padding-bottom: 25%;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .social-media-container #instafeed a {
    width: 50%;
    padding-bottom: 50%;
  }
}
.social-media-container #instafeed a img {
  position: absolute;
  display: block;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
.social-media-container #instafeed a .text {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-color: rgba(26, 26, 26, 0.5);
  height: 50px;
  padding: 15px;
}
.social-media-container #instafeed a .text div {
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  font-size: 13px;
}
.social-media-container .btn {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .social-media-container .btn {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .partneri-container h2 {
    margin-bottom: 20px;
  }
}
.partneri-container .partneri-hlavni .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.partneri-container .partneri-hlavni .row .col-sm-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .partneri-container .partneri-hlavni .row .col-sm-3 {
    width: 45%;
  }
}
.partneri-container .partneri-hlavni .row .col-sm-3 a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
}
.partneri-container .partneri-hlavni .row .col-sm-3 a:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .partneri-container .partneri-hlavni .row .col-sm-3 a {
    padding: 0px 10px;
  }
}
.partneri-container .partneri-hlavni .row .col-sm-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .partneri-container .partneri-hlavni .row .col-sm-2 {
    width: 80%;
  }
}
.partneri-container .partneri-hlavni .row .col-sm-2 a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
  min-height: 85px;
}
.partneri-container .partneri-hlavni .row .col-sm-2 a:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .partneri-container .partneri-hlavni .row .col-sm-2 a {
    padding: 0px 80px;
  }
}
.partneri-container .partneri-organizatori .row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.partneri-container .partneri-organizatori .row .col-sm-2, .partneri-container .partneri-organizatori .row .col-sm-3, .partneri-container .partneri-organizatori .row .col-sm-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  min-height: 85px;
}
@media only screen and (max-width: 767px) {
  .partneri-container .partneri-organizatori .row .col-sm-2, .partneri-container .partneri-organizatori .row .col-sm-3, .partneri-container .partneri-organizatori .row .col-sm-1 {
    width: 33.33%;
  }
}
.partneri-container .partneri-organizatori .row .col-sm-2 a, .partneri-container .partneri-organizatori .row .col-sm-3 a, .partneri-container .partneri-organizatori .row .col-sm-1 a {
  padding: 0px 4px;
}
.partneri-container .partneri-organizatori .row .col-sm-2 a:after, .partneri-container .partneri-organizatori .row .col-sm-3 a:after, .partneri-container .partneri-organizatori .row .col-sm-1 a:after {
  display: none;
}
.partneri-container .partneri-organizatori.medialny-partner .row .col-sm-2 {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .partneri-container .partneri-organizatori.medialny-partner .row .col-sm-2 {
    width: 50%;
  }
}
.partneri-container .partneri-organizatori .lightslider-partneri a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 34px;
}
.partneri-container .partneri-organizatori .lightslider-partneri a:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .partneri-container .partneri-organizatori .lightslider-partneri a {
    padding: 0px 10px;
  }
}
.partneri-container .partneri-organizatori .lightslider-partneri-control {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
}
.partneri-container .partneri-organizatori .lightslider-partneri-control a {
  margin: 0px 8px;
}

.panel-group-faq .panel {
  border: none;
  box-shadow: none;
}
.panel-group-faq .panel .panel-heading {
  border: none;
  border-bottom: 2px solid #1A1A1A;
  border-radius: 0px;
  padding: 10px 0px;
  background-color: transparent;
}
.panel-group-faq .panel .panel-heading .panel-title {
  width: 100%;
  position: relative;
  z-index: 2;
}
.panel-group-faq .panel .panel-heading .panel-title a {
  display: flex;
  width: 100%;
  color: #333333;
}
.panel-group-faq .panel .panel-heading .panel-title a:after {
  background-image: none;
}
.panel-group-faq .panel .panel-heading .panel-title a div {
  width: calc(100% - 16px);
}
.panel-group-faq .panel .panel-heading .panel-title a div span {
  position: relative;
}
.panel-group-faq .panel .panel-heading .panel-title a div span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 8px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: block;
}
@media (max-width: 767px) {
  .panel-group-faq .panel .panel-heading .panel-title a div span:after {
    background-image: none;
  }
}
.panel-group-faq .panel .panel-heading .panel-title a .far {
  float: right;
  width: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}
.panel-group-faq .panel .panel-heading .panel-title a.collapsed .far {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel-group-faq .panel .panel-heading .panel-title a:hover, .panel-group-faq .panel .panel-heading .panel-title a:focus {
  text-decoration: none;
}
.panel-group-faq .panel .panel-body {
  padding: 10px 0px;
  padding-bottom: 30px;
}

.panel-group-sien-slavy .panel {
  border: none;
  box-shadow: none;
}
.panel-group-sien-slavy .panel .panel-heading {
  border: none;
  border-radius: 0px;
  padding: 10px 0px;
  background-color: transparent;
}
.panel-group-sien-slavy .panel .panel-heading .panel-title {
  width: 100%;
  position: relative;
  z-index: 2;
}
.panel-group-sien-slavy .panel .panel-heading .panel-title a {
  display: flex;
  width: 100%;
  color: #333333;
}
.panel-group-sien-slavy .panel .panel-heading .panel-title a:after {
  bottom: -2px;
}
.panel-group-sien-slavy .panel .panel-heading .panel-title a div {
  width: calc(100% - 16px);
}
.panel-group-sien-slavy .panel .panel-heading .panel-title a .far {
  float: right;
  width: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}
.panel-group-sien-slavy .panel .panel-heading .panel-title a.collapsed .far {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel-group-sien-slavy .panel .panel-heading .panel-title a:hover, .panel-group-sien-slavy .panel .panel-heading .panel-title a:focus {
  text-decoration: none;
}
.panel-group-sien-slavy .panel .panel-body {
  padding: 10px 0px;
  padding-bottom: 30px;
  border: none !important;
}
.panel-group-sien-slavy .panel .panel-body .rocnik {
  font-size: 50px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .panel-group-sien-slavy .panel .panel-body .col-sm-6 {
    width: 50%;
    float: left;
  }
}
.panel-group-sien-slavy .panel .panel-body .col-sm-6 .meno {
  margin-top: 14px;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .panel-group-sien-slavy .panel .panel-body .col-sm-6 .meno {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .panel-group-sien-slavy .panel .panel-body .col-sm-6 .klub {
    font-size: 10px;
  }
}
.panel-group-sien-slavy .panel .panel-body .foto {
  margin-top: 14px;
}

.informacie-counter {
  margin-top: 90px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .informacie-counter {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
.informacie-counter .informacie-data {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.informacie-counter .informacie-data .row .col-sm-3 {
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .informacie-counter .informacie-data .row .col-sm-3 {
    margin-bottom: 15px;
  }
  .informacie-counter .informacie-data .row .col-sm-3:last-child {
    margin-bottom: 0px;
  }
}
.informacie-counter .informacie-data .row .col-sm-3 .cislo {
  font-size: 60px;
  line-height: 60px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .informacie-counter .informacie-data .row .col-sm-3 .cislo {
    line-height: 30px;
    font-size: 30px;
  }
}
.informacie-counter .informacie-data .row .col-sm-3 .cislo span {
  position: relative;
  z-index: 2;
}
.informacie-counter .informacie-data .row .col-sm-3 .cislo span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 33px;
  height: 30px;
  background-image: url("../images/underline.png");
  background-repeat: no-repeat;
  z-index: -1;
  display: block;
}
@media only screen and (max-width: 767px) {
  .informacie-counter .informacie-data .row .col-sm-3 .cislo span:after {
    bottom: 22px;
    height: 10px;
  }
}
.informacie-counter .informacie-data .row .col-sm-3 .nazov {
  text-align: center;
  font-size: 18px;
}

.breadcrumb {
  padding: 8px 0px;
  margin-bottom: 0;
  list-style: none;
  border: none;
  background: transparent;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li a {
  color: #333333;
}
.breadcrumb > li a:after {
  display: none;
}
.breadcrumb > li a:hover, .breadcrumb > li afocus {
  text-decoration: none;
}
.breadcrumb > li a:hover:after, .breadcrumb > li afocus:after {
  display: block;
}
.breadcrumb > li + li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f061";
  padding-left: 3px;
  padding-right: 5px;
  color: #333333;
}

.etapa-view {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .etapa-view .row .col-sm-6 {
    width: 75%;
  }
}
.etapa-view .row .h1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.etapa-view .row .trat {
  margin-bottom: 10px;
}
.etapa-view .row .datum, .etapa-view .row .cas, .etapa-view .row .prevysenie, .etapa-view .row .dlzka, .etapa-view .row .pocet_vyslapov {
  margin-bottom: 10px;
}
.etapa-view .row .datum span, .etapa-view .row .cas span, .etapa-view .row .prevysenie span, .etapa-view .row .dlzka span, .etapa-view .row .pocet_vyslapov span {
  font-size: 12px;
  text-transform: uppercase;
}
.etapa-view .row .col-sm-2 {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  height: fit-content;
  height: -moz-fit-content;
}
@media only screen and (max-width: 767px) {
  .etapa-view .row .col-sm-2 {
    width: 25% !important;
  }
}
.etapa-view .row .col-sm-2 .download {
  font-size: 10px;
  width: 100%;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .etapa-view .row .col-sm-2 .download {
    display: block !important;
  }
}

.organizatori-container > .row {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .organizatori-container > .row {
    margin-top: 20px;
  }
}
.organizatori-container > .row [class*=col-] {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .organizatori-container > .row [class*=col-] {
    width: 50%;
  }
  .organizatori-container > .row [class*=col-] .col-sm-4 {
    width: 100%;
  }
}
.organizatori-container > .row [class*=col-] .organizator {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .organizatori-container > .row [class*=col-] .organizator {
    padding: 5px;
  }
}
.organizatori-container > .row [class*=col-] .organizator .foto {
  background-color: #cdcdcd;
  border-radius: 50%;
  overflow: hidden;
}
.organizatori-container > .row [class*=col-] .organizator .meno {
  margin-top: 15px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.organizatori-container > .row [class*=col-] .organizator .typ-organizatora {
  width: 100%;
  text-align: center;
}
.organizatori-container h3 {
  width: 100%;
  text-align: center;
}

.table-responsive table tbody tr td {
  vertical-align: middle;
  border: none;
}

.lightslider-galeria a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lightslider-galeria a:after {
  display: none;
}

.lightslider-galeria-control {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
}
.lightslider-galeria-control a {
  margin: 0px 8px;
}

@media only screen and (max-width: 767px) {
  .etapa-foto .foto {
    height: 400px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .etapa-foto .foto::-webkit-scrollbar {
    height: 6px;
  }
  .etapa-foto .foto::-webkit-scrollbar-track {
    background: #E6E6E6;
  }
  .etapa-foto .foto::-webkit-scrollbar-thumb {
    background: #cdcdcd;
  }
  .etapa-foto .foto::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
  }
  .etapa-foto .foto img {
    height: 100%;
    width: auto;
    max-height: none;
    max-width: none;
  }
}

.segment-container .segment-button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.segment-container .segment-button-container .download {
  text-align: center;
}
.segment-container .leaflet-map {
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .segment-container .leaflet-map {
    height: 300px;
  }
}
.segment-container .leaflet-map a:after {
  display: none;
}
.segment-container .leaflet-map .leaflet-top, .segment-container .leaflet-map .leaflet-bottom {
  display: none;
}
.segment-container .elevation-polyline {
  stroke: #1A1A1A !important;
  stroke-opacity: 0.85;
}
.segment-container .height-focus.circle-lower {
  fill: #3e06a7 !important;
}
.segment-container #map {
  margin-bottom: 20px;
}
.segment-container .elevation {
  height: 250px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  font-family: "Alata", sans-serif !important;
}
@media only screen and (max-width: 767px) {
  .segment-container .elevation {
    display: none;
  }
}
.segment-container .elevation .area {
  fill: #9d75ea !important;
  stroke: #3e06a7 !important;
  stroke-width: 2.8;
}
.segment-container .elevation .elevation-control .background {
  background-color: transparent !important;
}
.segment-container .elevation .elevation-control .grid .x {
  display: none !important;
}
.segment-container .elevation .elevation-control .legend {
  display: none !important;
}
.segment-container .elevation .elevation-summary {
  display: none;
}
.segment-container .elevation-control.elevation .axis text {
  fill: rgba(26, 26, 26, 0.5) !important;
}
.segment-container .elevation-control.elevation .axis line, .segment-container .elevation-control.elevation .axis path {
  stroke: rgba(26, 26, 26, 0.5) !important;
}
.segment-container .elevation-control.elevation .horizontal-drag-group {
  color: rgba(26, 26, 26, 0.5) !important;
}
.segment-container .elevation-control.elevation .horizontal-drag-label {
  fill: rgba(26, 26, 26, 0.5) !important;
}
.segment-container .horizontal-drag-symbol {
  display: none !important;
}
.segment-container .row {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .segment-container .row .col-sm-10 {
    width: 90%;
  }
}
.segment-container .row .col-sm-10 h2 {
  margin-bottom: 5px;
}
.segment-container .row .col-sm-10 .popis {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .segment-container .row .col-sm-2 {
    width: 10%;
  }
}
.segment-container .row .col-sm-2 .download {
  font-size: 10px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .segment-container .row .col-sm-2 .download {
    display: none;
  }
}
.segment-container .segment-data {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .segment-container .segment-data .col-sm-3 {
    width: 50%;
    text-align: center;
  }
}
.segment-container .segment-data .col-sm-3 .nazov {
  font-size: 10px;
}
.segment-container .segment-data .col-sm-3 .data {
  font-size: 28px;
}

#modal-validate-pretekar .popis {
  margin-bottom: 15px;
}
#modal-validate-pretekar .btn-container {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  #modal-validate-pretekar .btn-container {
    justify-content: center;
  }
}

.instagram-container .row .col-sm-4 {
  width: 33.33% !important;
  float: left;
  padding: 5px;
}

.pretekar-qr-code {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}

.pretekar-actions {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .etapa-form .col-sm-8 {
    width: 100%;
  }
}

/* ************************************************* UX - funkcne vylepsenia (focus, YouTube nahlady) a vyhladavaci select - importovane na konci, aby mali prednost */
/* ************************************************* UX - funkcne vylepsenia (bez zmeny dizajnu)
 * focus pri ovladani klavesnicou a nahlady YouTube videi (prehravac sa nacita az po kliknuti)
 */
a:focus:not(:focus-visible), .btn:focus:not(:focus-visible), button:focus:not(:focus-visible), input[type=checkbox]:focus:not(:focus-visible), input[type=radio]:focus:not(:focus-visible), input[type=file]:focus:not(:focus-visible), [tabindex]:focus:not(:focus-visible) {
  outline: none !important;
}

a:focus-visible, .btn:focus-visible, button:focus-visible, input[type=checkbox]:focus-visible, input[type=radio]:focus-visible, input[type=file]:focus-visible, input[type=submit]:focus-visible, [tabindex]:not(input):not(select):not(textarea):focus-visible {
  outline: 3px solid #3e06a7 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px white !important;
}

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):focus, select:focus, textarea:focus {
  outline: none !important;
}

.form .input-box:focus, .form textarea:focus, .form select.select-box:focus {
  border-bottom-color: #3e06a7 !important;
  box-shadow: 0 2px 0 0 #3e06a7 !important;
}

.btn.btn-default:focus-visible, .btn.btn-default-right:focus-visible, .btn.btn-default-left:focus-visible {
  outline: 3px solid #3e06a7 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px white !important;
}

html {
  scroll-padding-top: 110px;
  scroll-padding-bottom: calc(var(--cookie-bar-height, 0px) + 16px);
}

/* ************************************************* YOUTUBE - nahlad, prehravac sa nacita az po kliknuti */
.yt-facade {
  color: white;
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16/9;
  margin: 0 0 20px 0;
  padding: 0;
  border: 0;
  background-color: #1A1A1A;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  overflow: hidden;
}
.yt-facade:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.05) 60%);
  transition: background-color 0.3s ease;
}
.yt-facade .yt-facade-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 76px;
  height: 76px;
  margin: -38px 0 0 -38px;
  border-radius: 50%;
  background-color: #3e06a7;
  color: white;
  font-size: 26px;
  line-height: 76px;
  text-align: center;
  transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), background-color 0.3s ease;
}
.yt-facade .yt-facade-play i {
  margin: 0 0 0 5px;
}
.yt-facade .yt-facade-title {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 16px;
  color: white;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}
.yt-facade:hover .yt-facade-play, .yt-facade:focus-visible .yt-facade-play {
  transform: scale(1.1);
  background-color: #1A1A1A;
}
.yt-facade.yt-facade-loaded {
  cursor: default;
}
.yt-facade.yt-facade-loaded:before {
  display: none;
}
.yt-facade.yt-facade-loaded iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-uvod .responsive-container .yt-facade {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0;
  aspect-ratio: auto;
}

.iframe-container .yt-facade {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0;
  aspect-ratio: auto;
}

/* ************************************************* BEZ ANIMACII pre pouzivatelov, ktori si ich vypli */
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after {
    transition-duration: 0s !important;
    animation-duration: 0s !important;
  }
}
/* ************************************************* SELECT s vyhladavanim (Tom Select)
 * vzhlad zachovava povodny .select-box: priehladne pozadie, spodna ciara 2px, bez zaoblenia
 */
.ts-wrapper.select-box-search.form-control {
  height: auto;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
.ts-wrapper.select-box-search .ts-control {
  display: flex;
  align-items: center;
  min-height: 0;
  padding: 4px 28px 4px 2px;
  border: none;
  border-bottom: 2px solid #1A1A1A;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #333333;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.6;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.ts-wrapper.select-box-search .ts-control .item {
  color: #333333;
}
.ts-wrapper.select-box-search .ts-control:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-right: 2px solid #1A1A1A;
  border-bottom: 2px solid #1A1A1A;
  transform: rotate(45deg);
  transition: transform 0.25s ease, margin 0.25s ease;
}
.ts-wrapper.select-box-search:hover .ts-control {
  border-bottom-color: #3e06a7;
}
.ts-wrapper.select-box-search.focus .ts-control {
  border-bottom-color: #3e06a7;
  box-shadow: none;
}
.ts-wrapper.select-box-search.dropdown-active .ts-control:after {
  margin-top: -2px;
  transform: rotate(-135deg);
}
.ts-wrapper.select-box-search .ts-control > input::placeholder {
  color: #333333;
}
.ts-wrapper.select-box-search.has-items .ts-control > input {
  position: absolute;
  left: -10000px;
}

.ts-wrapper.select-box-search .ts-control:focus-visible {
  outline: 3px solid #3e06a7;
  outline-offset: 3px;
}

.ts-dropdown {
  margin-top: 0;
  border: none;
  border-top: 3px solid #3e06a7;
  border-radius: 0;
  background-color: white;
  box-shadow: 0 12px 28px rgba(12, 13, 14, 0.16);
  color: #333333;
  font-family: inherit;
  z-index: 1100;
}
.ts-dropdown .dropdown-input-wrap {
  padding: 10px 12px 6px;
}
.ts-dropdown .dropdown-input {
  width: 100%;
  padding: 6px 2px 6px 26px;
  border: none;
  border-bottom: 2px solid #1A1A1A;
  border-radius: 0;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233e06a7' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 2px center;
  box-shadow: none;
  font-size: 15px;
}
.ts-dropdown .dropdown-input:focus {
  outline: none;
  border-bottom-color: #3e06a7;
  box-shadow: none !important;
}
.ts-dropdown .ts-dropdown-content {
  max-height: 260px;
  padding: 4px 0 8px;
}
.ts-dropdown .option, .ts-dropdown .no-results {
  padding: 8px 14px;
  line-height: 1.4;
}
.ts-dropdown .option {
  cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.ts-dropdown .option.selected {
  color: #3e06a7;
  font-weight: 600;
}
.ts-dropdown .option.active {
  background-color: #3e06a7;
  color: white;
}
.ts-dropdown .no-results {
  color: #777777;
  font-style: italic;
}
.ts-dropdown .highlight {
  background-color: #d9c2f6;
  color: inherit;
  border-radius: 0;
}
.ts-dropdown .option.active .highlight {
  background-color: rgba(255, 255, 255, 0.25);
}

.ts-wrapper.select-box-search.plugin-dropdown_input.dropdown-active:not(.has-items) .items-placeholder {
  display: block !important;
}

.ts-wrapper.select-box-search.dropdown-active .ts-control {
  outline: none !important;
}

.ts-dropdown .dropdown-input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.ts-dropdown [data-selectable] .highlight {
  background-color: #d9c2f6;
  border-radius: 0;
}

.ts-dropdown .active[data-selectable] .highlight {
  background-color: rgba(255, 255, 255, 0.3);
}

.ts-wrapper.select-box-search .ts-control,
.ts-wrapper.select-box-search.plugin-dropdown_input.focus.dropdown-active .ts-control {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}
.ts-wrapper.select-box-search .ts-control .items-placeholder,
.ts-wrapper.select-box-search.plugin-dropdown_input.focus.dropdown-active .ts-control .items-placeholder {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
}

/*# sourceMappingURL=screen.css.map */