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

.block:before, div:before {
  content: " ";
  clear: both;
  display: table;
}
.block:after, div:after {
  content: " ";
  clear: both;
  display: table;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: auto;
  -webkit-text-size-adjust: none;
}

body {
  font-family: "Trebuchet MS";
  font-size: 10px;
  color: #000;
  padding: 0;
  margin: 0;
}

button {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

a {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  color: inherit;
  text-decoration: none;
}
a:focus {
  outline-style: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
a:-webkit-any-link {
  text-decoration: none;
}

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

hr {
  width: 100%;
  height: 2px;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: #000;
}

iframe {
  border: 0px;
}

img {
  display: block;
}

input, textarea, select {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
}

table {
  padding: 0;
  margin: 0;
  border: none;
}
table td, table th {
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 0;
  border: none;
}
table th {
  font-weight: 700;
}

textarea {
  resize: none;
}

ul {
  margin: 0px;
  padding: 0px;
  display: block;
  overflow: auto;
}
ul li {
  padding: 0px;
  margin: 0px;
  margin-left: 20px;
}

.a7 {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.nowrap {
  white-space: nowrap;
}

.block {
  display: block;
}

.full {
  display: table;
  width: 100%;
  height: 100%;
}

.btn, .btn-zelena, .btn2, intup[type=button], button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 0;
  background-color: #3B8BFF;
}
.btn:focus, .btn-zelena:focus, .btn2:focus, intup[type=button]:focus, button:focus {
  outline-style: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

footer.footerFix {
  position: fixed;
  bottom: 0px;
  width: 100%;
}

.hide {
  display: none !important;
}

.middle {
  margin: 0px auto;
  display: block;
  left: 0;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.bold {
  font-weight: 800;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.close {
  cursor: pointer;
}

.hidden {
  display: none !important;
}

@media (min-width: 0px) and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 479px) {
  .hidden-xss {
    display: none !important;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .hidden-xsl {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1600px) {
  .hidden-xl {
    display: none !important;
  }
}

.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl {
  display: none !important;
}

@media (min-width: 0px) and (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}

@media (min-width: 0px) and (max-width: 479px) {
  .visible-xss {
    display: block !important;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .visible-xsl {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}

@media (min-width: 1600px) {
  .visible-xl {
    display: block !important;
  }
}

/* filtry */
#webAccesibility {
  position: fixed;
  right: -250px;
  top: 185px;
  z-index: 100;
}

@media (min-width: 0px) and (max-width: 767px) {
  #webAccesibility {
    top: 89px;
  }
}
#webAccesibility .picto {
  width: 75px;
  height: 94px;
  border-radius: 15px 0px 0px 15px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
  padding: 20px 15px;
  float: left;
  margin-top: 40px;
  cursor: pointer;
}

@media (min-width: 0px) and (max-width: 767px) {
  #webAccesibility .picto {
    width: 40px;
    height: 71px;
    padding: 15px 7px;
  }
}
#webAccesibility .picto img {
  width: 52px;
}

@media (min-width: 0px) and (max-width: 767px) {
  #webAccesibility .picto img {
    width: 30px;
  }
}
#webAccesibility ul {
  float: left;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  width: 250px;
  padding: 20px 40px;
  padding-bottom: 100px;
}

#webAccesibility ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  padding: 20px 10px;
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
}

.bw {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.anchor {
  text-decoration: underline !important;
}

.force-font {
  font-family: arial !important;
  font-size: 25px !important;
  line-height: 32px !important;
}

#webAccesibilityFader {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(148, 196, 34, 0.2);
  z-index: 999;
}

/* konec filtrů */
.container-xl, .container-xs-xl, .container-xs, .container, .container-limit-xl, .container-limit-lg, .container-fluid {
  position: relative;
  clear: both;
}

.container-fluid {
  width: 100%;
}

.container-limit-lg {
  width: 100%;
  margin: 0px auto;
}
@media (min-width: 1200px) {
  .container-limit-lg {
    width: 1600px;
  }
}

.container-limit-xl {
  width: 100%;
  margin: 0px auto;
}
@media (min-width: 1600px) {
  .container-limit-xl {
    width: 1600px;
  }
}

.container {
  width: 100%;
  margin: 0px auto;
  left: 0;
  right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1200px;
  }
}

.container-xs {
  width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-xs {
    width: 768px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container-xs {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .container-xs {
    width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container-xs {
    width: 1200px;
  }
}

.container-xs-xl {
  width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-xs-xl {
    width: 768px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container-xs-xl {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .container-xs-xl {
    width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container-xs-xl {
    width: 1600px;
  }
}

.container-xl {
  width: 100%;
  margin: 0px auto;
  left: 0;
  right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-xl {
    width: 768px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container-xl {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .container-xl {
    width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container-xl {
    width: 1600px;
  }
}

.tab-xl-offset-10, .tab-xl-10, .tab-xl-offset-9, .tab-xl-9, .tab-xl-offset-8, .tab-xl-8, .tab-xl-offset-7, .tab-xl-7, .tab-xl-offset-6, .tab-xl-6, .tab-xl-offset-5, .tab-xl-5, .tab-xl-offset-4, .tab-xl-4, .tab-xl-offset-3, .tab-xl-3, .tab-xl-offset-2, .tab-xl-2, .tab-xl-offset-1, .tab-xl-1, .col-xl-offset-12, .col-xl-12, .col-xl-offset-11, .col-xl-11, .col-xl-offset-10, .col-xl-10, .col-xl-offset-9, .col-xl-9, .col-xl-offset-8, .col-xl-8, .col-xl-offset-7, .col-xl-7, .col-xl-offset-6, .col-xl-6, .col-xl-offset-5, .col-xl-5, .col-xl-offset-4, .col-xl-4, .col-xl-offset-3, .col-xl-3, .col-xl-offset-2, .col-xl-2, .col-xl-offset-1, .col-xl-1, .tab-lg-offset-10, .tab-lg-10, .tab-lg-offset-9, .tab-lg-9, .tab-lg-offset-8, .tab-lg-8, .tab-lg-offset-7, .tab-lg-7, .tab-lg-offset-6, .tab-lg-6, .tab-lg-offset-5, .tab-lg-5, .tab-lg-offset-4, .tab-lg-4, .tab-lg-offset-3, .tab-lg-3, .tab-lg-offset-2, .tab-lg-2, .tab-lg-offset-1, .tab-lg-1, .col-lg-offset-12, .col-lg-12, .col-lg-offset-11, .col-lg-11, .col-lg-offset-10, .col-lg-10, .col-lg-offset-9, .col-lg-9, .col-lg-offset-8, .col-lg-8, .col-lg-offset-7, .col-lg-7, .col-lg-offset-6, .col-lg-6, .col-lg-offset-5, .col-lg-5, .col-lg-offset-4, .col-lg-4, .col-lg-offset-3, .col-lg-3, .col-lg-offset-2, .col-lg-2, .col-lg-offset-1, .col-lg-1, .tab-md-offset-10, .tab-md-10, .tab-md-offset-9, .tab-md-9, .tab-md-offset-8, .tab-md-8, .tab-md-offset-7, .tab-md-7, .tab-md-offset-6, .tab-md-6, .tab-md-offset-5, .tab-md-5, .tab-md-offset-4, .tab-md-4, .tab-md-offset-3, .tab-md-3, .tab-md-offset-2, .tab-md-2, .tab-md-offset-1, .tab-md-1, .col-md-offset-12, .col-md-12, .col-md-offset-11, .col-md-11, .col-md-offset-10, .col-md-10, .col-md-offset-9, .col-md-9, .col-md-offset-8, .col-md-8, .col-md-offset-7, .col-md-7, .col-md-offset-6, .col-md-6, .col-md-offset-5, .col-md-5, .col-md-offset-4, .col-md-4, .col-md-offset-3, .col-md-3, .col-md-offset-2, .col-md-2, .col-md-offset-1, .col-md-1, .tab-sm-offset-10, .tab-sm-10, .tab-sm-offset-9, .tab-sm-9, .tab-sm-offset-8, .tab-sm-8, .tab-sm-offset-7, .tab-sm-7, .tab-sm-offset-6, .tab-sm-6, .tab-sm-offset-5, .tab-sm-5, .tab-sm-offset-4, .tab-sm-4, .tab-sm-offset-3, .tab-sm-3, .tab-sm-offset-2, .tab-sm-2, .tab-sm-offset-1, .tab-sm-1, .col-sm-offset-12, .col-sm-12, .col-sm-offset-11, .col-sm-11, .col-sm-offset-10, .col-sm-10, .col-sm-offset-9, .col-sm-9, .col-sm-offset-8, .col-sm-8, .col-sm-offset-7, .col-sm-7, .col-sm-offset-6, .col-sm-6, .col-sm-offset-5, .col-sm-5, .col-sm-offset-4, .col-sm-4, .col-sm-offset-3, .col-sm-3, .col-sm-offset-2, .col-sm-2, .col-sm-offset-1, .col-sm-1, .tab-xsl-offset-10, .tab-xsl-10, .tab-xsl-offset-9, .tab-xsl-9, .tab-xsl-offset-8, .tab-xsl-8, .tab-xsl-offset-7, .tab-xsl-7, .tab-xsl-offset-6, .tab-xsl-6, .tab-xsl-offset-5, .tab-xsl-5, .tab-xsl-offset-4, .tab-xsl-4, .tab-xsl-offset-3, .tab-xsl-3, .tab-xsl-offset-2, .tab-xsl-2, .tab-xsl-offset-1, .tab-xsl-1, .col-xsl-offset-12, .col-xsl-12, .col-xsl-offset-11, .col-xsl-11, .col-xsl-offset-10, .col-xsl-10, .col-xsl-offset-9, .col-xsl-9, .col-xsl-offset-8, .col-xsl-8, .col-xsl-offset-7, .col-xsl-7, .col-xsl-offset-6, .col-xsl-6, .col-xsl-offset-5, .col-xsl-5, .col-xsl-offset-4, .col-xsl-4, .col-xsl-offset-3, .col-xsl-3, .col-xsl-offset-2, .col-xsl-2, .col-xsl-offset-1, .col-xsl-1, .tab-xs-offset-10, .tab-xs-10, .tab-xs-offset-9, .tab-xs-9, .tab-xs-offset-8, .tab-xs-8, .tab-xs-offset-7, .tab-xs-7, .tab-xs-offset-6, .tab-xs-6, .tab-xs-offset-5, .tab-xs-5, .tab-xs-offset-4, .tab-xs-4, .tab-xs-offset-3, .tab-xs-3, .tab-xs-offset-2, .tab-xs-2, .tab-xs-offset-1, .tab-xs-1, .col-xs-offset-12, .col-xs-12, .col-xs-offset-11, .col-xs-11, .col-xs-offset-10, .col-xs-10, .col-xs-offset-9, .col-xs-9, .col-xs-offset-8, .col-xs-8, .col-xs-offset-7, .col-xs-7, .col-xs-offset-6, .col-xs-6, .col-xs-offset-5, .col-xs-5, .col-xs-offset-4, .col-xs-4, .col-xs-offset-3, .col-xs-3, .col-xs-offset-2, .col-xs-2, .col-xs-offset-1, .col-xs-1 {
  position: relative;
  float: left;
}

@media (min-width: 0px) {
  .col-xs-1 {
    width: 8.3333333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0;
  }
  .tab-xs-1 {
    width: 10%;
  }
  .tab-xs-offset-0 {
    margin-left: 0;
  }
  .col-xs-2 {
    width: 16.6666666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.3333333333%;
  }
  .tab-xs-2 {
    width: 20%;
  }
  .tab-xs-offset-1 {
    margin-left: 10%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.6666666667%;
  }
  .tab-xs-3 {
    width: 30%;
  }
  .tab-xs-offset-2 {
    margin-left: 20%;
  }
  .col-xs-4 {
    width: 33.3333333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .tab-xs-4 {
    width: 40%;
  }
  .tab-xs-offset-3 {
    margin-left: 30%;
  }
  .col-xs-5 {
    width: 41.6666666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.3333333333%;
  }
  .tab-xs-5 {
    width: 50%;
  }
  .tab-xs-offset-4 {
    margin-left: 40%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.6666666667%;
  }
  .tab-xs-6 {
    width: 60%;
  }
  .tab-xs-offset-5 {
    margin-left: 50%;
  }
  .col-xs-7 {
    width: 58.3333333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .tab-xs-7 {
    width: 70%;
  }
  .tab-xs-offset-6 {
    margin-left: 60%;
  }
  .col-xs-8 {
    width: 66.6666666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.3333333333%;
  }
  .tab-xs-8 {
    width: 80%;
  }
  .tab-xs-offset-7 {
    margin-left: 70%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.6666666667%;
  }
  .tab-xs-9 {
    width: 90%;
  }
  .tab-xs-offset-8 {
    margin-left: 80%;
  }
  .col-xs-10 {
    width: 83.3333333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .tab-xs-10 {
    width: 100%;
  }
  .tab-xs-offset-9 {
    margin-left: 90%;
  }
  .col-xs-11 {
    width: 91.6666666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.3333333333%;
  }
  .tab-xs-11 {
    width: 110%;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 568px) {
  .col-xsl-1 {
    width: 8.3333333333%;
  }
  .col-xsl-offset-0 {
    margin-left: 0;
  }
  .tab-xsl-1 {
    width: 10%;
  }
  .tab-xsl-offset-0 {
    margin-left: 0;
  }
  .col-xsl-2 {
    width: 16.6666666667%;
  }
  .col-xsl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .tab-xsl-2 {
    width: 20%;
  }
  .tab-xsl-offset-1 {
    margin-left: 10%;
  }
  .col-xsl-3 {
    width: 25%;
  }
  .col-xsl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .tab-xsl-3 {
    width: 30%;
  }
  .tab-xsl-offset-2 {
    margin-left: 20%;
  }
  .col-xsl-4 {
    width: 33.3333333333%;
  }
  .col-xsl-offset-3 {
    margin-left: 25%;
  }
  .tab-xsl-4 {
    width: 40%;
  }
  .tab-xsl-offset-3 {
    margin-left: 30%;
  }
  .col-xsl-5 {
    width: 41.6666666667%;
  }
  .col-xsl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .tab-xsl-5 {
    width: 50%;
  }
  .tab-xsl-offset-4 {
    margin-left: 40%;
  }
  .col-xsl-6 {
    width: 50%;
  }
  .col-xsl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .tab-xsl-6 {
    width: 60%;
  }
  .tab-xsl-offset-5 {
    margin-left: 50%;
  }
  .col-xsl-7 {
    width: 58.3333333333%;
  }
  .col-xsl-offset-6 {
    margin-left: 50%;
  }
  .tab-xsl-7 {
    width: 70%;
  }
  .tab-xsl-offset-6 {
    margin-left: 60%;
  }
  .col-xsl-8 {
    width: 66.6666666667%;
  }
  .col-xsl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .tab-xsl-8 {
    width: 80%;
  }
  .tab-xsl-offset-7 {
    margin-left: 70%;
  }
  .col-xsl-9 {
    width: 75%;
  }
  .col-xsl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .tab-xsl-9 {
    width: 90%;
  }
  .tab-xsl-offset-8 {
    margin-left: 80%;
  }
  .col-xsl-10 {
    width: 83.3333333333%;
  }
  .col-xsl-offset-9 {
    margin-left: 75%;
  }
  .tab-xsl-10 {
    width: 100%;
  }
  .tab-xsl-offset-9 {
    margin-left: 90%;
  }
  .col-xsl-11 {
    width: 91.6666666667%;
  }
  .col-xsl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .tab-xsl-11 {
    width: 110%;
  }
  .col-xsl-12 {
    width: 100%;
  }
  .col-xsl-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .tab-sm-1 {
    width: 10%;
  }
  .tab-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .tab-sm-2 {
    width: 20%;
  }
  .tab-sm-offset-1 {
    margin-left: 10%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .tab-sm-3 {
    width: 30%;
  }
  .tab-sm-offset-2 {
    margin-left: 20%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .tab-sm-4 {
    width: 40%;
  }
  .tab-sm-offset-3 {
    margin-left: 30%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .tab-sm-5 {
    width: 50%;
  }
  .tab-sm-offset-4 {
    margin-left: 40%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .tab-sm-6 {
    width: 60%;
  }
  .tab-sm-offset-5 {
    margin-left: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .tab-sm-7 {
    width: 70%;
  }
  .tab-sm-offset-6 {
    margin-left: 60%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .tab-sm-8 {
    width: 80%;
  }
  .tab-sm-offset-7 {
    margin-left: 70%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .tab-sm-9 {
    width: 90%;
  }
  .tab-sm-offset-8 {
    margin-left: 80%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .tab-sm-10 {
    width: 100%;
  }
  .tab-sm-offset-9 {
    margin-left: 90%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .tab-sm-11 {
    width: 110%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .tab-md-1 {
    width: 10%;
  }
  .tab-md-offset-0 {
    margin-left: 0;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .tab-md-2 {
    width: 20%;
  }
  .tab-md-offset-1 {
    margin-left: 10%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .tab-md-3 {
    width: 30%;
  }
  .tab-md-offset-2 {
    margin-left: 20%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .tab-md-4 {
    width: 40%;
  }
  .tab-md-offset-3 {
    margin-left: 30%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .tab-md-5 {
    width: 50%;
  }
  .tab-md-offset-4 {
    margin-left: 40%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .tab-md-6 {
    width: 60%;
  }
  .tab-md-offset-5 {
    margin-left: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .tab-md-7 {
    width: 70%;
  }
  .tab-md-offset-6 {
    margin-left: 60%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .tab-md-8 {
    width: 80%;
  }
  .tab-md-offset-7 {
    margin-left: 70%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .tab-md-9 {
    width: 90%;
  }
  .tab-md-offset-8 {
    margin-left: 80%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .tab-md-10 {
    width: 100%;
  }
  .tab-md-offset-9 {
    margin-left: 90%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .tab-md-11 {
    width: 110%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .tab-lg-1 {
    width: 10%;
  }
  .tab-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .tab-lg-2 {
    width: 20%;
  }
  .tab-lg-offset-1 {
    margin-left: 10%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .tab-lg-3 {
    width: 30%;
  }
  .tab-lg-offset-2 {
    margin-left: 20%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .tab-lg-4 {
    width: 40%;
  }
  .tab-lg-offset-3 {
    margin-left: 30%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .tab-lg-5 {
    width: 50%;
  }
  .tab-lg-offset-4 {
    margin-left: 40%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .tab-lg-6 {
    width: 60%;
  }
  .tab-lg-offset-5 {
    margin-left: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .tab-lg-7 {
    width: 70%;
  }
  .tab-lg-offset-6 {
    margin-left: 60%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .tab-lg-8 {
    width: 80%;
  }
  .tab-lg-offset-7 {
    margin-left: 70%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .tab-lg-9 {
    width: 90%;
  }
  .tab-lg-offset-8 {
    margin-left: 80%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .tab-lg-10 {
    width: 100%;
  }
  .tab-lg-offset-9 {
    margin-left: 90%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .tab-lg-11 {
    width: 110%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1600px) {
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .tab-xl-1 {
    width: 10%;
  }
  .tab-xl-offset-0 {
    margin-left: 0;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .tab-xl-2 {
    width: 20%;
  }
  .tab-xl-offset-1 {
    margin-left: 10%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .tab-xl-3 {
    width: 30%;
  }
  .tab-xl-offset-2 {
    margin-left: 20%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .tab-xl-4 {
    width: 40%;
  }
  .tab-xl-offset-3 {
    margin-left: 30%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .tab-xl-5 {
    width: 50%;
  }
  .tab-xl-offset-4 {
    margin-left: 40%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .tab-xl-6 {
    width: 60%;
  }
  .tab-xl-offset-5 {
    margin-left: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .tab-xl-7 {
    width: 70%;
  }
  .tab-xl-offset-6 {
    margin-left: 60%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .tab-xl-8 {
    width: 80%;
  }
  .tab-xl-offset-7 {
    margin-left: 70%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .tab-xl-9 {
    width: 90%;
  }
  .tab-xl-offset-8 {
    margin-left: 80%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .tab-xl-10 {
    width: 100%;
  }
  .tab-xl-offset-9 {
    margin-left: 90%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .tab-xl-11 {
    width: 110%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
}
#mm--preloader {
  display: none;
}

input, textarea, select {
  display: block;
  margin: 0px;
  padding: 0px;
  border-radius: 0;
}
input:focus, textarea:focus, select:focus {
  outline-offset: 0px;
  outline: none;
}

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
  background-color: rgba(0, 0, 0, 0) !important;
}

.bckalert {
  z-index: 999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
}
.bckalert .table {
  display: table;
  width: 100%;
  height: 100%;
}
.bckalert .table .cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.bckalert .table .cell .email-alert {
  color: #000;
  width: -webkit-max-content;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-fit-content;
  background: #FFF;
  margin: 0px auto;
  display: block;
  padding-bottom: 20px;
}
.bckalert .table .cell .email-alert span {
  font-size: 28px;
  text-align: left;
  display: block;
  padding: 20px;
}
.bckalert .table .cell .email-alert p {
  text-align: left;
  padding: 20px;
}

.popup {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 500;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 1.5em;
  overflow: auto;
}
.popup .contain {
  background: #fff;
  border-radius: 5px;
  border: 2px solid;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
  margin: 1.5em auto;
  padding: 1em;
  width: 32em;
  background-size: contain;
  background-repeat: no-repeat;
}

.popup-open > :not(.popup) {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.carouselBlock {
  background: red;
  height: 360px;
  background-position: center;
  background-size: cover;
}
.carouselBlock .carouselPointer {
  text-align: center;
  position: absolute;
  bottom: 18px;
  width: 100%;
}
.carouselBlock .carouselPointer .point {
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  display: inline-block;
  margin-left: 5px;
  border-radius: 8px;
  margin-right: 5px;
  cursor: pointer;
}
.carouselBlock .carouselPointer .point.active {
  background: #fff;
  cursor: auto;
}
.carouselBlock .carouselPointer .pointBlock {
  width: 100px;
  height: 12px;
  border: 2px solid #fff;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  cursor: pointer;
}
.carouselBlock .carouselPointer .pointBlock.active {
  background: #fff;
  cursor: auto;
}
.carouselBlock .carouselPointer .pointBlock .pointBack {
  position: absolute;
  height: 3px;
  background: #fff;
  width: 100%;
  top: 3px;
}
.carouselBlock .carouselPointer .pointBlock .pointFill {
  position: absolute;
  height: 8px;
  background: #fff;
  transition: 0s;
  -webkit-transition: 0s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.carouselBlock .carouselSource {
  min-width: 100px;
  min-height: 100px;
  background-position: center;
}

#lbox {
  display: none;
  position: fixed;
  background: rgba(72, 81, 86, 0.8);
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#lbox .tab {
  display: table;
  width: 100%;
  height: 100%;
}
#lbox .coll {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#lbox .col-xs-1 {
  width: unset;
  display: inline-block;
  float: none;
  vertical-align: middle;
  float: unset;
  text-align: center;
  padding-bottom: 54px;
}
#lbox .col-xs-1 img {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: inherit;
}
#lbox .col-xs-1.l {
  text-align: right;
}
#lbox .col-xs-1.l img {
  float: right;
}
#lbox .image {
  min-width: 500px;
  position: relative;
  display: table;
  margin: 0px auto;
  padding-top: 10px;
}
#lbox .image .info {
  position: absolute;
  bottom: 70px;
  background: #365058;
  color: #fff;
  text-align: left;
  padding: 12px 15px;
  font-size: 12px;
  width: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
  #lbox .image .info {
    padding: 4px 7px;
    bottom: 81px;
  }
}
#lbox .image .close {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 30px;
  opacity: 1;
}
#lbox .image .close img {
  width: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
  #lbox .image {
    min-width: auto;
    width: 100%;
  }
}
#lbox .pointer {
  display: inline-block;
  margin: 0px auto;
  padding: 20px 0px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}
@media (min-width: 480px) and (max-width: 767px) {
  #lbox .pointer {
    padding: 5px 0px;
    bottom: 43px;
  }
}
#lbox .pointer .point {
  width: 12px;
  height: 10px;
  background: #a5a29d;
  float: none;
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
}
@media (min-width: 0px) and (max-width: 767px) {
  #lbox .pointer .point {
    margin-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #lbox .pointer .point {
    margin-right: 20px;
  }
}
#lbox .pointer .point.active {
  background: #ef7d00;
}
#lbox .pointer .point:last-child {
  margin-right: 0px;
}
#lbox .col-xs-10 {
  width: unset;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-align: center;
  float: none;
  padding: 0px 10px;
  max-width: 90%;
}
@media (min-width: 0px) and (max-width: 767px) {
  #lbox .col-xs-10 {
    padding: 0px;
    max-width: 78%;
  }
}
#lbox .col-xs-10 .screen {
  background: #fff;
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 115px;
  min-width: 210px;
  min-height: 150px;
}
#lbox .col-xs-10 .screen img {
  margin: 0px auto;
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
}

.checkboxContain {
  padding: 0px;
  text-align: left;
  width: auto;
  margin: 0px;
  float: right;
}
.checkboxContain .my-checkbox {
  width: 15px;
  height: 15px;
  border: 2px solid #000;
  float: left;
  margin: 1px 7px 0px 0px;
}
.checkboxContain .my-checkbox.checked {
  background: #000;
  border: 2px solid #000;
}
.checkboxContain input[type=checkbox] {
  display: none;
}

.bootstrap-datetimepicker-widget {
  clear: both;
  float: left;
  margin: 0px auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: block;
  margin-left: 90px;
}
.bootstrap-datetimepicker-widget li {
  list-style: none;
}
.bootstrap-datetimepicker-widget li .datepicker {
  margin: 0px auto;
  border: 1px solid black;
  border-radius: 10px;
}
.bootstrap-datetimepicker-widget li .datepicker table td, .bootstrap-datetimepicker-widget li .datepicker table th {
  padding: 4px;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget li .datepicker .picker-switch {
  text-align: center;
}

input:disabled, textarea:disabled, button:disabled, .btn:disabled, .btn-zelena:disabled, .btn2:disabled {
  background: #efefef !important;
  background-color: #efefef !important;
  color: #909090 !important;
}
input:disabled:hover, textarea:disabled:hover, button:disabled:hover, .btn:disabled:hover, .btn-zelena:disabled:hover, .btn2:disabled:hover {
  background: #efefef !important;
  background-color: #efefef !important;
  color: #909090 !important;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../extends/bootstrap_3.3.4/fonts/glyphicons-halflings-regular.eot");
  src: url("../extends/bootstrap_3.3.4/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../extends/bootstrap_3.3.4/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../extends/bootstrap_3.3.4/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../extends/bootstrap_3.3.4/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../extends/bootstrap_3.3.4/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

.container-fluid, .container-limit-lg, .container-limit-xl, .container, .container-xs, .container-xs-xl, .container-xl {
  position: relative;
  clear: both;
}

.container-fluid {
  width: 100%;
}

.container {
  width: 100%;
  margin: 0px auto;
  left: 0;
  right: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 567px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1200px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 566px) {
  .hidden-xss {
    display: none !important;
  }
}

@media (min-width: 567px) and (max-width: 767px) {
  .hidden-xsl {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1600px) {
  .hidden-xl {
    display: none !important;
  }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
  display: none !important;
}

@media (min-width: 0px) and (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}

@media (min-width: 0px) and (max-width: 566px) {
  .visible-xss {
    display: block !important;
  }
}

@media (min-width: 567px) and (max-width: 767px) {
  .visible-xsl {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}

@media (min-width: 1600px) {
  .visible-xl {
    display: block !important;
  }
}

.wrap {
  white-space: nowrap;
}

.hidden {
  display: none !important;
}

.hide {
  display: none;
}

.bold {
  font-weight: 700;
}

.hdl {
  font-weight: 700;
}

@media (min-width: 768px) and (max-width: 991px) {
  .predCF {
    margin-bottom: 40px;
  }
}

#CFform {
  padding-top: 36px;
  display: block;
  overflow: auto;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  #CFform {
    padding-top: 0px;
    padding: 25px 64px;
  }
}
#CFform button {
  margin: 0px auto;
  display: block;
  margin-top: 38px;
  margin-bottom: 66px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #CFform button {
    background: #fff;
    margin-bottom: 10px;
  }
  #CFform button:hover {
    background: #777;
  }
}
#CFform .right {
  text-align: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  #CFform .right {
    padding-left: 0px;
  }
}
#CFform .right input, #CFform .right p {
  float: right;
}
@media (min-width: 0px) and (max-width: 767px) {
  #CFform .right input, #CFform .right p {
    float: left;
  }
}
#CFform .articleForm {
  clear: both;
  display: block;
  padding: 25px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #CFform .articleForm {
    padding: 25px 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #CFform .articleForm {
    padding: 0px;
  }
}
@media (min-width: 1200px) {
  #CFform .articleForm {
    width: 900px;
    margin: 0px auto;
  }
}
#CFform .articleForm h2 {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 25px;
  line-height: normal;
  padding-bottom: 35px;
}
#CFform .articleForm p {
  padding-bottom: 21px;
  width: 97%;
}
#CFform .articleForm input {
  width: 97%;
  border: none;
  height: 40px;
  padding-left: 10px;
  margin-bottom: 21px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #CFform .articleForm input {
    width: 100%;
  }
}
#CFform .articleForm textarea {
  width: 100%;
  height: 173px;
  padding: 10px;
  border: none;
}

.hlavicka {
  height: 140px;
  padding: 38px 10px 30px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .hlavicka {
    height: auto;
    padding: 12px 0px 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hlavicka {
    height: auto;
    padding: 15px 25px 15px;
  }
}

#mainMenu {
  float: right;
}

.brand-logo {
  float: left;
  padding-top: 2px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .brand-logo {
    width: 32px;
    margin-left: 20px;
  }
  .brand-logo img {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .brand-logo {
    padding-top: 0px;
  }
  .brand-logo img {
    width: 65px;
  }
}

.divmenuUser, .divmenuKosik {
  float: right;
  position: relative;
}

.userMenu {
  float: right;
  width: 60%;
}
@media (min-width: 0px) and (max-width: 991px) {
  .userMenu {
    position: absolute;
    right: 86px;
    top: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .userMenu {
    top: 23px;
    right: 90px;
  }
}
.userMenu .shopcartLink {
  float: right;
  padding: 0px 0px 0px 15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .userMenu .shopcartLink {
    padding-left: 10px;
  }
}
.userMenu .shopcartLink img {
  float: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  .userMenu .shopcartLink img {
    height: 15px;
  }
}
.userMenu .shopcartLink span {
  float: left;
  padding: 0px 0px 0px 10px;
  font-size: 15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .userMenu .shopcartLink span {
    display: none;
  }
}
.userMenu .linkUserAcount {
  float: right;
  padding: 0px 15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .userMenu .linkUserAcount {
    padding: 0px 10px 0px 0px;
  }
  .userMenu .linkUserAcount img {
    height: 15px;
  }
}
.userMenu .tel {
  float: right;
  padding: 2px 36px 0px 0px;
}
@media (min-width: 0px) and (max-width: 991px) {
  .userMenu .tel {
    display: none;
  }
}
.userMenu .tel img {
  float: left;
  margin: 2px 15px 0px 0px;
}

.search-bar {
  float: right;
}
@media (min-width: 0px) and (max-width: 767px) {
  .search-bar {
    padding: 0px 11px;
    margin: 0px;
  }
}
.search-bar input[type=text] {
  width: 215px;
  height: 30px;
  float: left;
  font-size: 15px;
  padding: 0px 0px 0px 11px;
  background: #dbdbdb;
  border: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .search-bar input[type=text] {
    display: none;
  }
}
.search-bar input[type=submit] {
  width: 35px;
  height: 30px;
  float: left;
  background: #dbdbdb;
  background-image: url("../img/icons/search.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
}
@media (min-width: 0px) and (max-width: 767px) {
  .search-bar input[type=submit] {
    background: #fff;
    background-image: url("../img/icons/search.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
  }
}

.container-menu-0 {
  float: right;
  padding-top: 26px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .container-menu-0 {
    width: auto;
    padding-top: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-menu-0 {
    padding-top: 6px;
    position: relative;
  }
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 button {
    padding: 5px 20px 0px 8px;
    font-size: 15px;
    float: right;
    background-color: #fff;
    border: none;
    line-height: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-menu-0 button {
    padding-right: 0px;
  }
}
.container-menu-0 li {
  list-style: none;
  float: left;
  text-transform: uppercase;
  font-size: 15px;
  margin-left: 29px;
  letter-spacing: 0.3px;
  display: block;
  overflow: auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .container-menu-0 li {
    display: block;
    text-align: right;
    float: left;
    clear: both;
    padding: 8px 20px;
    margin: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-menu-0 li {
    text-align: right;
    float: none;
    height: 33px;
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container-menu-0 li {
    font-size: 14px;
    margin-left: 22px;
  }
}
.container-menu-0 li.active a, .container-menu-0 li:hover a {
  overflow: auto;
  display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-menu-0 li.active a, .container-menu-0 li:hover a {
    display: inline-block;
    padding: 0px;
  }
}
.container-menu-0 li a {
  text-decoration: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .container-menu-0 li a {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-menu-0 li a {
    display: inline-block;
    padding-top: 0px;
  }
}
.container-menu-0 li a:hover {
  text-decoration: none;
}
.container-menu-0 ul.menuLevel-1 {
  float: right;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 68px;
    z-index: 999;
    background: #fff;
    padding-top: 15px;
    z-index: 999;
  }
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1.rolled {
    display: block !important;
    width: 100%;
    position: absolute;
    background: #fff;
    border-bottom: 6px solid #fff;
    top: 39px;
    z-index: 999;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1.rolled {
    width: 250px;
    top: 35px;
    left: -172px;
    padding: 15px 26px 10px;
  }
}
.container-menu-0 ul.menuLevel-1 img {
  display: none;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.products:hover > ul {
  padding: 25px 20px;
  border: 2px solid #fff;
  border-top: none;
  margin-left: -45px;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 > .menu-rollup.products:hover > ul {
    display: none;
    padding: 0px;
    border: 0px;
    background: #fff;
    height: 0px;
    width: 0px;
  }
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.products:hover > ul li {
  margin-top: 0px;
  width: 268px;
  float: left;
  padding: 13px 10px 0px 0px;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup:hover > ul {
  display: block;
  height: inherit;
  overflow: inherit;
  z-index: 1;
  opacity: 1;
  filter: alpha(opacity=1);
  padding: 25px 20px;
  background: #dbdbdb;
  margin-left: -20px;
  border: 2px solid #fff;
  border-top: 0px;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 > .menu-rollup:hover > ul {
    display: none !important;
    padding: 0px;
    border: 0px;
    background: #fff;
    height: 0px;
    width: 0px;
  }
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup ul {
  display: block;
  overflow: hidden;
  height: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  background: #fff;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 > .menu-rollup ul {
    display: none;
    padding: 0px;
    border: 0px;
    background: #fff;
    height: 0px;
    width: 0px;
  }
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup li {
  float: none;
  margin-left: 0px;
  text-transform: none;
  font-size: 14px;
  padding: 13px 10px 0px 0px;
  width: 230px;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 > .menu-rollup li {
    display: none;
  }
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup li:hover {
  text-decoration: underline;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup li a {
  border-bottom: none;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup li a.empty {
  color: #cbcbcb;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady {
  width: 242px;
  padding-top: 12px;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady {
    width: 100%;
    text-align: center;
  }
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady:hover ul {
  border: none;
  margin: 0px;
  padding: 0px;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady ul {
    display: block;
    width: 100%;
  }
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady span {
  display: none;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady ul {
  opacity: 1;
  height: auto;
  background: none;
  overflow: auto;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady li {
  display: inline-block;
  float: left;
  height: 19px;
  padding: 0px;
  width: auto;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady li {
    float: none;
    height: auto;
  }
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady li:hover a, .container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady li.active a {
  padding-top: 0px;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady li:hover img, .container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady li.active img {
  border-bottom: 4px solid grey;
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady img {
  display: block;
  width: 22px;
  margin-right: 8px;
}
@media (min-width: 0px) and (max-width: 991px) {
  .container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady img {
    margin: 0px 7px 12px;
  }
}
.container-menu-0 ul.menuLevel-1 > .menu-rollup.preklady a {
  padding: 4px 0px 0px;
  display: block;
  transition: 0s;
  -webkit-transition: 0s;
}

.container-menu ul.menuLevel-1 > .menu-rollup.products li {
  margin-top: 0px;
  padding-top: 0px;
  width: 295px;
  float: left;
}

.newsBlok {
  padding: 72px 0px 83px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .newsBlok {
    padding: 37px 10px 56px;
  }
}
.newsBlok h1 {
  text-align: center;
}
.newsBlok h2 {
  text-align: center;
}
.newsBlok .new {
  padding: 0px 50px 40px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .newsBlok .new {
    padding: 0px 0px 20px;
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .newsBlok .new {
    border: 2px solid #575757;
    padding: 0px;
    margin: 0px 50px 40px;
    width: auto;
  }
}
.newsBlok .new a.readmore {
  position: absolute;
  right: 19px;
  bottom: 8px;
  font-weight: 600;
  padding-bottom: 2px;
  border-bottom: 3px solid #fff;
}
@media (min-width: 0px) and (max-width: 767px) {
  .newsBlok .new a.readmore {
    position: relative;
    display: block;
    right: auto;
    bottom: auto;
    padding-top: 20px;
    text-align: right;
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 14px;
  }
}
.newsBlok .new a.readmore:hover {
  border-bottom: 3px solid #575757;
}
@media (min-width: 768px) and (max-width: 991px) {
  .newsBlok .image {
    padding-top: 20px;
  }
}
.newsBlok .text {
  border: 2px solid #575757;
  padding: 22px 115px 50px 23px;
  position: relative;
}
@media (min-width: 0px) and (max-width: 767px) {
  .newsBlok .text {
    padding: 20px 20px 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .newsBlok .text {
    border: none;
  }
}
.newsBlok .text-8 {
  border: 2px solid #575757;
  padding: 22px 22px 50px 23px;
  height: 220px;
  position: relative;
}
@media (min-width: 0px) and (max-width: 767px) {
  .newsBlok .text-8 {
    padding: 20px 20px 10px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .newsBlok .text-8 {
    border: none;
    height: 250px;
  }
}
.newsBlok .datum {
  font-size: 12px;
  padding: 4px 0px 13px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .newsBlok .datum {
    padding: 4px 0px 7px;
  }
}
.newsBlok .btn, .newsBlok .btn-zelena, .newsBlok .btn2 {
  margin: 0px auto;
  display: block;
  overflow: auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .newsBlok .btn, .newsBlok .btn-zelena, .newsBlok .btn2 {
    float: none;
    margin-top: 20px;
  }
}

.articlePage {
  padding: 0px 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage {
    padding: 0px 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlePage {
    padding: 10px 25px;
  }
}
.articlePage .logo {
  margin: 0px auto;
  margin-top: 38px;
  height: 65px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage .logo {
    height: 50px;
  }
}
.articlePage .primarImg {
  margin: 20px 0px 40px;
  max-width: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage .primarImg {
    width: 100%;
  }
}
.articlePage p {
  padding-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage p {
    padding-bottom: 10px;
  }
}
.articlePage ul {
  padding-bottom: 30px;
}
.articlePage li {
  padding-left: 16px;
}
.articlePage .articleGallery {
  float: left;
  width: 340px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage .articleGallery {
    width: 300px;
    max-width: 100%;
    clear: both;
    text-align: center;
    float: none;
    margin: 0px auto;
    display: block;
  }
}
@media (min-width: 567px) and (max-width: 767px) {
  .articlePage .articleGallery {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlePage .articleGallery {
    width: 100%;
    padding: 0px 0px 50px;
  }
}
.articlePage .articleGallery img {
  width: 150px;
  float: left;
  margin: 0px 0px 20px 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage .articleGallery img {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
    margin: 2px;
  }
}
@media (min-width: 567px) and (max-width: 767px) {
  .articlePage .articleGallery img {
    width: 250px;
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlePage .articleGallery img {
    width: 50%;
    margin: 0px;
    padding: 5px;
  }
}
.articlePage .text {
  float: left;
  width: 550px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage .text {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlePage .text {
    width: 100%;
    padding: 0px 64px;
  }
}

.articleMenu {
  background: #dbdbdb;
  padding: 10px 0px 17px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articleMenu {
    z-index: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleMenu {
    z-index: 1;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .articleMenu .container-menu {
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleMenu .container-menu {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 991px) {
  .articleMenu .container-menu ul.menuLevel-1 {
    display: block;
    position: relative;
    background: none;
    top: auto;
    left: auto;
    padding-top: 10px;
  }
}
.articleMenu li {
  margin-left: 0px;
  list-style: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articleMenu li {
    text-align: left;
    padding: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleMenu li {
    width: 358px;
    float: left;
    height: 64px;
    border: 1px solid #fff;
  }
}
.articleMenu li a {
  padding: 10px 20px;
  display: block;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articleMenu li a {
    padding: 4px 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleMenu li a {
    text-align: center;
    padding: 18px 13px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .clanek {
    padding: 0px 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .clanek {
    padding: 0px 25px;
  }
}
.clanek .back {
  margin-top: 32px;
  display: inline-block;
}
@media (min-width: 0px) and (max-width: 767px) {
  .clanek .back {
    margin-top: 30px;
  }
}
.clanek .datum {
  width: 114px;
  float: left;
  margin-bottom: 42px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .clanek .datum {
    float: none;
    margin-bottom: 10px;
  }
}
.clanek #fb {
  float: left;
}
.clanek #fb img {
  padding: 1px 10px 0px;
  float: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  .clanek #fb img {
    padding: 4px 10px 30px 0px;
  }
}
.clanek .mainPic {
  padding-bottom: 50px;
  clear: both;
  width: 100%;
}
.clanek .podnadpis {
  padding: 0px;
}
.clanek .podnadpis p {
  padding-bottom: 25px;
}
.clanek .gallery {
  background: #fff;
  padding: 31px 0px 122px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .clanek .gallery {
    padding: 10px 0px 30px;
  }
}
.clanek .gallery img {
  width: 190px;
  margin: 5px;
  float: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  .clanek .gallery img {
    width: 100%;
  }
}

.articlePage2 h1 {
  text-align: center;
}
.articlePage2 .primarImg {
  margin: 0px auto;
  width: 900px;
  display: block;
  margin-bottom: 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage2 .primarImg {
    max-width: 100%;
  }
}
.articlePage2 p {
  font-size: 15px;
  text-align: center;
}
.articlePage2 form p {
  text-align: left;
}

.articlePage3 .primarImg {
  max-width: 100%;
  margin: auto;
  margin-bottom: 50px;
}
.articlePage3 h1 {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlePage3 h1 {
    padding-bottom: 20px;
  }
}
.articlePage3 .odsazeni {
  width: 600px;
  display: block;
  margin: 0px auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage3 .odsazeni {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articlePage3 .odsazeni {
    width: 100%;
  }
}
.articlePage3 .gallery {
  background: #fff;
  padding: 31px 0px 122px;
}
@media (min-width: 567px) and (max-width: 767px) {
  .articlePage3 .gallery {
    text-align: center;
    width: 100%;
  }
}
.articlePage3 .gallery img {
  width: 190px;
  margin: 5px;
  float: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage3 .gallery img {
    display: inline-block;
    float: none;
    width: 100%;
  }
}
@media (min-width: 567px) and (max-width: 767px) {
  .articlePage3 .gallery img {
    width: 244px;
    display: inline-block;
    padding: 2px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlePage3 .gallery img {
    margin: 0px;
    padding: 5px;
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articlePage3 .gallery img {
    width: 177px;
    margin: 5px;
    float: left;
  }
}

.articlePage4 h1 {
  text-align: center;
}
.articlePage4 .gallery {
  background: #fff;
}
.articlePage4 .gallery img {
  width: 190px;
  margin: 5px;
  float: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  .articlePage4 .gallery img {
    display: inline-block;
    float: none;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlePage4 .gallery img {
    margin: 0px;
    padding: 5px;
    width: 50%;
  }
}

.cookies {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 101;
  padding: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies {
    overflow-y: scroll;
  }
}
.cookies p {
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.cookies a {
  text-decoration: underline;
}
.cookies h2,
.cookies h3,
.cookies h4 {
  padding: 0px;
  text-transform: uppercase;
}
.cookies h2 {
  margin-bottom: 30px;
  font-size: 28px;
  color: #170a76;
}
.cookies .container {
  display: -ms-grid;
  display: grid;
  padding: 0px;
  height: 100%;
}
.cookies .container::before {
  display: none;
}
.cookies .container::after {
  display: none;
}
.cookies .smallTextBlock {
  padding: 20px 20px 20px 15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .smallTextBlock {
    padding: 30px 30px 20px 25px;
  }
}
.cookies .simple {
  background-color: #22c14e;
  width: 100%;
  border-top: 2px solid #fff;
}
@media (min-width: 0px) and (max-width: 991px) {
  .cookies .simple {
    height: auto;
    bottom: 0px;
    position: fixed;
  }
}
.cookies .simple .container {
  -ms-grid-columns: 1fr 20px auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  color: #2f532d;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 35px 20px 15px;
}
.cookies .simple .container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cookies .simple .container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .simple .container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .simple .container {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    gap: 15px;
  }
}
.cookies .simple a {
  color: #2f532d !important;
}
.cookies .simple a:hover {
  color: #2f532d;
}
.cookies .simple .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #fff;
  background-color: rgba(54, 54, 54, 0);
  right: 0px;
  top: 0px;
  position: absolute;
  font-size: 24px;
  border: 0;
  width: 44px;
  height: 44px;
  font-weight: bold;
  line-height: 24px;
}
.cookies .simple .close:hover {
  background-color: rgba(54, 54, 54, 0.96);
  color: #fff;
}
.cookies .simple p {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 20px;
  font-size: 14px;
  color: #2f532d;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .simple p {
    width: auto;
    margin: 0px 0px 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .simple p {
    width: auto;
    margin: 20px 0px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cookies .simple p {
    width: auto;
    margin: 20px 0px;
  }
}
.cookies .simple .btn-decline {
  color: #2f532d !important;
  background-color: #1CD987 !important;
  border: 1px solid #2f532d !important;
}
.cookies .simple .btn-decline:hover {
  color: #2F6149 !important;
  border-color: #13F052 !important;
}
.cookies .simple .btn-accept {
  color: #2f532d !important;
  background-color: #1CD987 !important;
  border: 1px solid #2f532d !important;
}
.cookies .simple .btn-accept:hover {
  color: #2F6149 !important;
  border-color: #13F052 !important;
}
.cookies .simple .btn-sec {
  color: #2f532d !important;
  background-color: #1CD987 !important;
  border: 1px solid #2f532d !important;
}
.cookies .simple .btn-sec:hover {
  color: #2F6149 !important;
  border-color: #13F052 !important;
}
.cookies .simple .btn-save {
  width: auto;
  float: left;
  color: #ffffff;
  background-color: #2f532d;
  border: 1px solid #ffffff;
}
.cookies .simple .btn-save:hover {
  color: #ffffff;
  border-color: #607976;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .simple .btn-save {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .simple .btn-save {
    float: right;
  }
}
.cookies .simple .btns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 20px -webkit-max-content 20px -webkit-max-content;
  -ms-grid-columns: max-content 20px max-content 20px max-content;
  grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content max-content;
  gap: 20px;
}
.cookies .simple .btns::after, .cookies .simple .btns::before {
  display: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .simple .btns {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .simple .btns {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cookies .simple .btns {
    -ms-grid-columns: -webkit-max-content;
    -ms-grid-columns: max-content;
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    gap: 10px;
  }
}
.cookies .extended {
  max-height: 100vh;
  background-color: #22c14e;
  color: #2f532d;
  display: none;
  border-top: 2px solid #fff;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .extended {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .extended {
    overflow-y: scroll;
  }
}
.cookies .extended .title {
  font-size: 16px;
  font-weight: 700;
}
.cookies .extended .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px 410px;
  grid-template-columns: auto 410px;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 32px;
}
.cookies .extended .grid::after, .cookies .extended .grid::before {
  display: none;
}
@media (min-width: 0px) and (max-width: 991px) {
  .cookies .extended .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .extended .grid {
    gap: 40px;
  }
}
.cookies .extended .leftGrid {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  min-height: 100%;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.cookies .extended .leftGrid::after, .cookies .extended .leftGrid::before {
  display: none;
}
.cookies .extended .leftGrid p {
  max-width: 500px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .extended .leftGrid {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
  }
}
.cookies .extended .rightGrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 5px;
}
.cookies .extended .rightGrid::after, .cookies .extended .rightGrid::before {
  display: none;
}
.cookies .extended .rightGrid .btn, .cookies .extended .rightGrid .btn-zelena, .cookies .extended .rightGrid .btn2 {
  margin-left: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .extended .rightGrid {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}
.cookies .extended .extended_top {
  padding: 40px 20px;
  -ms-grid-columns: 500px 60px 100px 60px 450px;
  grid-template-columns: 500px 100px 450px;
  gap: 60px;
  height: auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .extended .extended_top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
    height: auto;
    padding-top: 70px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .extended .extended_top {
    padding: 40px 50px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cookies .extended .extended_top {
    -ms-grid-columns: 380px 10px 450px;
    grid-template-columns: 380px 10px 450px;
  }
}
.cookies .extended .extended_bottom {
  padding: 0px 0px 32px 20px;
  -ms-grid-columns: 600px 60px -webkit-max-content;
  -ms-grid-columns: 600px 60px max-content;
  grid-template-columns: 600px -webkit-max-content;
  grid-template-columns: 600px max-content;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .extended .extended_bottom {
    padding: 0px 20px 10px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .extended .extended_bottom {
    padding: 0px 50px 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cookies .extended .extended_bottom {
    padding: 0px 20px 32px;
    -ms-grid-columns: -webkit-max-content -webkit-max-content;
    -ms-grid-columns: max-content max-content;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
  }
}
.cookies .extended h3,
.cookies .extended .subtitle {
  position: relative;
  padding-left: 29px;
  display: inline-block;
  font-size: 14px;
  margin: 0px 0px;
  font-weight: bold;
  color: #2f532d !important;
  line-height: 26px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-bottom: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .extended h3,
.cookies .extended .subtitle {
    padding-left: 0px;
  }
}
.cookies .extended h4,
.cookies .extended .cookieTitle {
  position: relative;
}
.cookies .extended a {
  color: #2f532d !important;
}
.cookies .extended a:hover {
  color: #2f532d !important;
}
.cookies .extended .btns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px auto 20px 1fr;
  grid-template-columns: auto auto 1fr;
  gap: 20px;
}
.cookies .extended .btns::before {
  display: none;
}
.cookies .extended .btns::after {
  display: none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .extended .btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .extended .btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cookies .extended .btns {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.cookies .extended .btn:first-child, .cookies .extended .btn-zelena:first-child, .cookies .extended .btn2:first-child {
  grid-column: 1/-1;
}
.cookies .extended .btn-decline {
  color: #2f532d !important;
  background-color: #1CD987 !important;
  border: 1px solid #2f532d !important;
}
.cookies .extended .btn-decline:hover {
  color: #2F6149 !important;
  border-color: #13F052 !important;
}
.cookies .extended .btn-accept {
  color: #2f532d !important;
  background-color: #1CD987 !important;
  border: 1px solid #2f532d !important;
}
.cookies .extended .btn-accept:hover {
  color: #2F6149 !important;
  border-color: #13F052 !important;
}
.cookies .extended .btn-sec {
  color: #2f532d !important;
  background-color: #1CD987 !important;
  border: 1px solid #2f532d !important;
}
.cookies .extended .btn-sec:hover {
  color: #2F6149 !important;
  border-color: #13F052 !important;
}
.cookies .extended .btn-save {
  width: auto;
  float: left;
  color: #ffffff;
  background-color: #2f532d;
  border: 1px solid #ffffff;
}
.cookies .extended .btn-save:hover {
  color: #ffffff;
  border-color: #607976;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .extended .btn-save {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .extended .btn-save {
    float: right;
  }
}
.cookies .extended .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #fff;
  background-color: rgba(54, 54, 54, 0);
  right: 0px;
  top: 0px;
  position: absolute;
  font-size: 24px;
  border: 0;
  font-weight: bold;
  width: 44px;
  height: 44px;
}
.cookies .extended .close:hover {
  background-color: rgba(54, 54, 54, 0.96);
  color: #fff;
}
.cookies .btn-adaptable {
  font-weight: 600px;
  padding: 15px 10px;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
}
.cookies .btn-adaptable:hover {
  color: #2F6149;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .btn-adaptable {
    text-align: center;
    margin: 10px 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cookies .btn-adaptable {
    padding: 15px 0px;
  }
}
.cookies .btn-decline, .cookies .btn-accept, .cookies .btn-save {
  font-weight: 600;
  padding: 15px 30px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .btn-decline, .cookies .btn-accept, .cookies .btn-save {
    text-align: center;
    margin: 10px 0px;
  }
}
.cookies .btn-decline:hover {
  color: #2f532d;
  border-color: #2f532d;
}
.cookies .btn-accept:hover {
  background-color: #2F6149;
  border-color: #2F6149;
}
.cookies .category {
  overflow-y: auto;
  max-height: 70vh;
  padding-right: 45px;
}
@media (min-width: 0px) and (max-width: 991px) {
  .cookies .category {
    overflow-y: none;
    max-height: none;
    padding-right: 0px;
  }
}
.cookies .category .cat {
  border: #2f532d solid 1px;
  background: #ffffff;
  color: #000000 !important;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: block;
  overflow-y: hidden;
}
.cookies .category .cat a,
.cookies .category .cat h3,
.cookies .category .cat p,
.cookies .category .cat h4,
.cookies .category .cat .cookieTitle {
  color: #000000 !important;
}
.cookies .category .cat .cookieTitle {
  font-size: 18px;
  font-weight: 700;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .category .cat {
    padding: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .category .cat {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.cookies .category .cat .cat_header,
.cookies .category .cat .header {
  position: relative;
  padding: 4px 0px;
  cursor: pointer;
  background-color: #fff !important;
}
.cookies .category .cat .cat_header-p,
.cookies .category .cat .cat_header .status,
.cookies .category .cat .header-p,
.cookies .category .cat .header .status {
  display: inline-block;
  width: auto;
  margin-right: 0px;
  font-size: 12px;
  color: #df2f2a !important;
  line-height: 26px;
  padding-bottom: 0;
  margin-bottom: 0px;
  font-weight: bold;
  float: right;
}
.cookies .category .cat .cat_header::before,
.cookies .category .cat .header::before {
  position: absolute;
  width: 14px;
  height: 40px;
  top: 0px;
  bottom: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/sipkaDolu.svg);
}
.cookies .category .cat .cat_header.active::before,
.cookies .category .cat .header.active::before {
  background-image: url(../img/sipkaNahoru.svg);
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .category .cat .cat_header,
.cookies .category .cat .header {
    padding-right: 0px;
  }
}
.cookies .category .cat_header_text,
.cookies .category .description > p {
  margin-bottom: 30px;
  margin-top: 5px;
}
.cookies .category .cookie {
  padding-bottom: 20px;
  position: relative;
}
.cookies .category .helpText {
  margin-top: 15px;
  padding-bottom: 20px;
  max-width: 390px;
  float: left;
}
.cookies .category .helpText p {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  font-size: 14px;
}
.cookies .category .helpText p span.bold {
  display: block;
}
.cookies .category .dec-line {
  width: 100%;
  height: 1px;
  background-color: #2f532d;
  margin-bottom: 20px;
}
.cookies .category .cat_header .checkbox,
.cookies .category .header .checkboxCookies {
  top: 5px;
  right: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .category .cat_header .checkbox,
.cookies .category .header .checkboxCookies {
    right: 0px;
  }
}
.cookies .category .cookie .checkboxCookies {
  top: 20px;
  right: 20px;
}
.cookies .category .checkboxCookies {
  width: 40px;
  height: 24px;
  position: absolute;
  border-radius: 12px;
  background: #ffffff;
  border: #2f532d solid 1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.cookies .category .checkboxCookies .checkbox-point {
  width: 18px;
  height: 18px;
  border: #2f532d solid 1px;
  border-radius: 12px;
  background: #2f532d;
  color: #2f532d;
  float: left;
  margin: 0px auto 0px 3px;
}
.cookies .category .checkboxCookies.active {
  background: #2f532d;
  border-color: #2f532d;
}
.cookies .category .checkboxCookies.active .checkbox-point {
  background: #ffffff;
  color: #ffffff;
  float: right;
  margin: 0px 3px 0px auto;
}
.cookies .btn, .cookies .btn-zelena, .cookies .btn2 {
  font-weight: bold;
  text-transform: uppercase;
  padding: 14px 30px 14px 30px;
  font-size: 15px;
  line-height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff !important;
  background-color: #2f532d !important;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.cookies .btn::after, .cookies .btn-zelena::after, .cookies .btn2::after, .cookies .btn::before, .cookies .btn-zelena::before, .cookies .btn2::before {
  display: none;
}
.cookies .btn:hover, .cookies .btn-zelena:hover, .cookies .btn2:hover {
  background-color: #607976 !important;
  color: #ffffff !important;
}
@media (min-width: 0px) and (max-width: 767px) {
  .cookies .btn, .cookies .btn-zelena, .cookies .btn2 {
    margin-bottom: 0px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .btn, .cookies .btn-zelena, .cookies .btn2 {
    margin-bottom: 0px;
    width: 100%;
  }
}
.cookies .btn-sec {
  background: #1CD987 !important;
  color: #2f532d !important;
}
.cookies .btn-sec:hover {
  background-color: #13F052 !important;
  color: #2F6149 !important;
}

.m {
  float: none;
  text-align: center;
  padding-top: 26px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .m {
    padding-top: 26px;
    padding-bottom: 26px;
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .m {
    padding-top: 0;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .m button {
    float: left;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url("../img/icons/bar.svg");
    background-color: transparent;
    border-width: 0;
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Nunito", cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
    color: #444444;
    margin-left: 30px;
  }
}
.m .m-ul1 {
  float: none;
  width: 100%;
  font-size: 0px;
  z-index: 100;
  overflow: visible;
}
@media (min-width: 0px) and (max-width: 767px) {
  .m .m-ul1 {
    display: none;
    z-index: -1;
    top: 60px;
    background: #FFFFFB;
    padding-bottom: 25px;
    padding-top: 15px;
    position: absolute;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .m .m-ul1 {
    display: block;
    top: 5px;
    padding-top: 8px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .m .m-ul1.rolled {
    display: block;
  }
}
.m .m-ul1 .m-it1 {
  margin-bottom: 0px;
  display: block;
}
.m .m-ul1 .m-it1 > span {
  color: #000;
  padding-bottom: 0px;
  letter-spacing: 0.03em;
}
@media (min-width: 0px) and (max-width: 767px) {
  .m .m-ul1 .m-it1 > span {
    font-weight: 800;
    line-height: 1.6;
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .m .m-ul1 .m-it1 > span {
    font-size: 12px;
    text-align: center;
  }
}
.m .m-ul1 .m-it1 > img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 14px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .m .m-ul1 .m-it1 > img {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .m .m-ul1 .m-it1 > img {
    margin-bottom: 2px;
  }
}
.m .m-ul1 .m-it2:hover > span {
  color: #64C7E6;
}
.m .m-ul1 .m-li1 {
  list-style: none;
  float: none;
  text-transform: none;
  font-size: 15px;
  margin-left: 0;
  width: 150px;
  letter-spacing: 0.3px;
  display: inline-block;
  overflow: visible;
}
@media (min-width: 0px) and (max-width: 767px) {
  .m .m-ul1 .m-li1 {
    display: block;
    text-align: left;
    font-size: 18px;
    padding: 10px 0px 10px 30px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .m .m-ul1 .m-li1 {
    width: 95px;
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .m .m-ul1 .m-li1 {
    width: 122px;
  }
}
.m .m-ul1 .m-li1 .m-it1 > img {
  display: none;
}
.m .m-ul1 .m-li1 .m-it1 > img.hovered {
  display: block;
}
.m .m-ul1 .m-li1:hover .m-it1 > span, .m .m-ul1 .m-li1.active .m-it1 > span {
  color: #64C7E6;
}
.m .m-ul1 .m-li1.active .m-it1 > img {
  display: block;
}
.m .m-ul1 .m-li1.active .m-it1 > img.hovered {
  display: none;
}
.m .m-ul1 .m-li1 .m-ul2 {
  background: #fffffb;
  border-radius: 12px;
  padding: 0px 30px;
  width: 250px;
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .m .m-ul1 .m-li1 .m-ul2 {
    margin-left: -64px;
  }
}
.m .m-ul1 .m-li1 .m-ul2 .m-li2 {
  text-decoration: none;
  width: 100%;
  display: block;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.03em;
  text-align: center;
  padding-top: 13px;
  border-bottom: 1px solid #dedede;
  padding-right: 0px;
  margin: 0;
}
.m .m-ul1 .m-li1 .m-ul2 .m-li2:last-child {
  border-bottom: none;
}
.m .m-ul1 .m-li1 .m-ul2 .m-li2 a {
  padding: 15px;
  display: block;
}
.m .m-ul1 .m-li1 .m-ul2 .m-li2 a:hover p {
  color: #64C7E6;
}
.m .m-ul1 .m-li1 .m-ul2 .m-li2 a p {
  color: #554835;
}
.m .m-ul1 img {
  display: block;
  width: 60px;
  margin: 0px auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .m .m-ul1 img {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .m .m-ul1 img {
    width: 50px;
  }
}
.m .m-ul1 .m-dd {
  position: relative;
}
.m .m-ul1 .m-dd:hover .m-ul2 {
  display: -ms-grid !important;
  display: grid !important;
}
@media (min-width: 0px) and (max-width: 767px) {
  .m .m-ul1 .m-dd:hover .m-ul2 {
    display: none !important;
  }
}

#sysDialog {
  width: 300px;
  padding: 10px;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  background-color: #FF0000;
  color: #ffffff;
}

@media print {
  h2 {
    font-size: 20px !important;
    line-height: 22px !important;
  }
  p {
    font-size: 14px !important;
    line-height: 16px !important;
  }
  #cms {
    padding: 0px !important;
  }
  .noPrint,
.noPrint * {
    display: none !important;
  }
}
.tagdefault {
  background: #64C7E6;
}

.tagcervena {
  background: #E02E1B;
}

.tagoranzova {
  background: #F38D12;
}

.tagzluta {
  background: #F2DB0C;
}

.tagzelena {
  background: #61AA35;
}

.tagmodra {
  background: #178BC6;
}

.tagfialova {
  background: #AC48C1;
}

.zelena {
  color: #2F532D;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-animation: autofill 0s forwards;
  animation: autofill 0s forwards;
}

input:disabled:-webkit-autofill {
  -webkit-animation: autofillS 0s forwards;
  animation: autofillS 0s forwards;
}

@keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
  }
}
@-webkit-keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
  }
}
@keyframes autofillS {
  100% {
    background: red;
    color: inherit;
  }
}
@-webkit-keyframes autofillS {
  100% {
    background: red;
    color: inherit;
  }
}
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
  font-family: "Nunito", cursive;
  font-weight: 600;
  color: #000;
  font-size: 14px;
  background-color: #22c14e;
  background-image: url("../img/duha-dlouha.svg");
  background-repeat: no-repeat;
  background-position: center -170px;
  background-size: 10000px 1200px;
}
@media (min-width: 0px) and (max-width: 767px) {
  body {
    background-image: none;
    font-size: 17px;
    line-height: 1.4em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    background-image: none;
  }
}
body.bw {
  -webkit-filter: none;
  filter: none;
  background-color: #CECECE;
}
body.bw::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #CECECE;
  background-image: url("../img/duha.svg");
  background-repeat: no-repeat;
  background-position: right 70px;
  background-size: auto;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

p {
  color: #2F532D;
}

.btn, .btn-zelena, .btn2 {
  background: #fffffb;
  font-weight: 800;
  color: #005C8C;
  font-size: 14px;
  padding: 13px 40px;
  border-radius: 22px;
  letter-spacing: 0.02em;
  line-height: 18px;
  display: table;
}
@media (min-width: 0px) and (max-width: 767px) {
  .btn, .btn-zelena, .btn2 {
    font-size: 18px;
    padding: 15px 40px;
  }
}
@media (min-width: 1200px) {
  .btn:hover, .btn-zelena:hover, .btn2:hover {
    color: #fffffb;
    background: #005C8C;
  }
}

.btn2 {
  background: #fffffb;
  border: 2px solid #64C7E6;
  color: #005C8C;
  padding: 11px 40px;
  display: table;
}
@media (min-width: 0px) and (max-width: 767px) {
  .btn2 {
    padding: 15px 40px;
  }
}
.btn2:hover {
  background: #64C7E6;
  color: #fffffb;
}

.btn-zelena {
  background: #fffffb;
  color: #2F532D;
  border: none;
}
.btn-zelena:hover {
  background: #2F532D;
  color: #fffffb;
}

h1,
h2,
h3 {
  font-family: "Baloo", cursive;
  text-transform: uppercase;
  text-align: left;
}

h1 {
  font-family: "Baloo", cursive;
  font-size: 50px;
  letter-spacing: 0.03em;
  line-height: 50px;
  color: #fffffb;
}
@media (min-width: 0px) and (max-width: 767px) {
  h1 {
    font-size: 30px;
    text-align: center;
    line-height: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 30px;
    line-height: 35px;
  }
}

h2 {
  font-family: "Baloo", cursive;
  font-weight: 900;
  font-size: 40px;
  letter-spacing: 0.05em;
  line-height: 55px;
  color: #fffffb;
}
@media (min-width: 0px) and (max-width: 991px) {
  h2 {
    font-size: 30px;
    line-height: normal;
  }
}

h3 {
  font-family: "Baloo", cursive;
  font-size: 17px;
  letter-spacing: 0.03em;
  line-height: 18px;
  color: #fffffb;
}
@media (min-width: 0px) and (max-width: 991px) {
  h3 {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 20px;
  }
}

h4 {
  font-family: "Baloo", cursive;
  font-size: 17px;
  letter-spacing: 0.03em;
  line-height: 18px;
  color: #fffffb;
  text-transform: uppercase;
}

p {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  padding-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 767px) {
  p {
    font-size: 17px;
    line-height: 28px;
  }
}
p.headline {
  font-family: "Baloo", cursive;
  font-size: 23px;
  letter-spacing: 0.03em;
  line-height: 30px;
  text-align: left;
  color: #2F532D;
}

.fluid--hlavicka {
  padding-bottom: 80px;
  background: url("../img/nebe.png") repeat-x;
  background-position: top center;
  background-size: 1240px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .fluid--hlavicka {
    background-position: bottom center;
    background-size: cover;
    padding-bottom: 35px;
    z-index: 10;
    background-color: #64C7E6;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid--hlavicka {
    background-position: bottom center;
    background-size: 100%;
    background-size: 133%;
    padding-bottom: 35px;
    background-color: #64C7E6;
  }
}
.fluid--hlavicka .hlavicka {
  height: auto;
  padding: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid--hlavicka .hlavicka {
    padding-bottom: 20px;
    background: #fffffb;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .fluid--hlavicka .hlavicka .logo {
    display: none !important;
  }
}
.fluid--hlavicka .hlavicka .container-menu-0 {
  float: none;
  text-align: center;
  padding-top: 26px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .fluid--hlavicka .hlavicka .container-menu-0 button {
    float: left;
    padding-left: 30px;
    background-image: url("../img/icons/bar.svg");
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Nunito", cursive;
    font-weight: 600;
    font-size: 18px;
    font-weight: 800;
    color: #444444;
    padding-top: 1px;
    margin-left: 30px;
  }
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 {
  float: none;
  width: 100%;
  font-size: 0px;
  z-index: 100;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 {
    display: block;
    top: 5px;
    padding-top: 8px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1.rolled {
    z-index: -1;
    top: 60px;
    background: #FFFFFB;
    padding-bottom: 25px;
  }
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li {
  list-style: none;
  float: none;
  text-transform: none;
  font-size: 15px;
  margin-left: 0;
  width: 150px;
  letter-spacing: 0.3px;
  display: inline-block;
  overflow: auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li {
    display: block;
    text-align: left;
    font-size: 18px;
    padding: 10px 0px 10px 30px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li {
    width: 95px;
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li {
    width: 122px;
  }
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li:hover p {
  color: #64C7E6;
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li.active p {
  color: #64C7E6;
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li a {
  margin-bottom: 0px;
  display: block;
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li a div {
  margin-bottom: 14px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li a div {
    margin: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li a div {
    margin-bottom: 10px;
  }
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li a p {
  color: #000;
  padding-bottom: 0px;
  letter-spacing: 0.03em;
}
@media (min-width: 0px) and (max-width: 767px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li a p {
    font-weight: 800;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li a p {
    font-size: 12px;
    text-align: center;
  }
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li .menuLevel-2 {
  background: #fffffb;
  border-radius: 12px;
  padding: 0px 30px;
  width: 250px;
  margin-left: -50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li .menuLevel-2 {
    margin-left: -64px;
  }
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li .menuLevel-2 li {
  text-decoration: none;
  width: 100%;
  display: block;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.03em;
  text-align: center;
  border-bottom: 1px solid #dedede;
  padding-right: 0px;
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li .menuLevel-2 li:last-child {
  border-bottom: none;
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li .menuLevel-2 li a {
  padding: 15px;
  display: block;
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li .menuLevel-2 li a:hover p {
  color: #64C7E6;
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 li .menuLevel-2 li a p {
  color: #554835;
}
.fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 img {
  display: block;
  width: 60px;
  margin: 0px auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 img {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fluid--hlavicka .hlavicka .container-menu-0 ul.menuLevel-1 img {
    width: 50px;
  }
}

#headline {
  background-image: url("../img/mrak.png");
  background-repeat: repeat-x;
  background-position: -213px bottom;
  padding-bottom: 145px;
  padding-top: 0px;
  position: relative;
}
@media (min-width: 0px) and (max-width: 767px) {
  #headline {
    padding-top: 50px;
    padding-bottom: 80px;
    background-size: contain;
    background-color: #64C7E6;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #headline {
    background-color: #64C7E6;
  }
}
#headline .skret-vitac {
  width: 279px;
  position: absolute;
  right: 277px;
  bottom: -1px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #headline .skret-vitac {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #headline .skret-vitac {
    right: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #headline .skret-vitac {
    right: 213px;
  }
}
#headline img {
  width: 130px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #headline img {
    margin: 0px auto;
    width: 90px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #headline img {
    width: 90px;
    margin-left: 42px;
  }
}
#headline > div > div {
  float: left;
}
#headline .logo {
  margin-left: 20px;
  margin-top: 8px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #headline .logo {
    float: none;
  }
}
#headline .info {
  margin-left: 30px;
  max-width: 748px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #headline .info {
    margin: 0px 16px 125px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #headline .info {
    width: 470px;
  }
}
#headline .info h1 {
  color: #fffffb;
  padding-bottom: 32px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #headline .info h1 {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #headline .info h1 {
    text-align: left;
  }
}
#headline .info p {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  line-height: 18px;
  text-align: left;
  color: #0a4564;
  max-width: 500px;
  padding-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #headline .info p {
    font-size: 19px;
    line-height: 28px;
  }
}
#headline .info .btn, #headline .info .btn2, #headline .info .btn-zelena {
  margin-top: 10px;
  overflow: auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  #headline .info .btn, #headline .info .btn2, #headline .info .btn-zelena {
    margin: 30px auto 0px;
    display: table;
  }
}
#headline .info .btn:hover, #headline .info .btn2:hover, #headline .info .btn-zelena:hover {
  background: #005C8C;
  color: #fffffb;
}

#aktuality {
  background: #fffffb;
  padding-bottom: 25px;
}
#aktuality h2 {
  color: #64c7e6;
  margin-left: 49px;
  margin-bottom: 46px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #aktuality h2 {
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #aktuality h2 {
    margin-left: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #aktuality h2 {
    margin-left: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #aktuality .artbl:nth-child(3) {
    display: none;
  }
}
#aktuality .btn2 {
  display: table;
}

#videoHP {
  padding: 40px 0px;
  background: #fffffb;
}
#videoHP h2 {
  color: #64c7e6;
  margin-left: 49px;
  margin-bottom: 46px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #videoHP h2 {
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #videoHP h2 {
    margin-left: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #videoHP h2 {
    margin-left: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #videoHP .artbl:nth-child(3) {
    display: none;
  }
}
#videoHP .btn2 {
  display: table;
}
@media (min-width: 0px) and (max-width: 767px) {
  #videoHP video {
    height: 220px !important;
  }
}
@media (min-width: 0px) and (max-width: 991px) {
  #videoHP video {
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
}

#nase-tridy {
  min-height: 200px;
  z-index: 1;
  background-image: url("../img/mrak-bottom.png");
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #64C7E6;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy {
    background-size: contain;
    height: 480px;
    text-align: center;
  }
}
#nase-tridy .container-fluid {
  background-image: url("../img/trava-horni.png");
  background-repeat: repeat-x;
  background-position: center bottom;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .container-fluid {
    background-image: url("../img/duha-xs.svg");
    background-position: bottom 37px center;
    background-repeat: no-repeat;
  }
}
#nase-tridy .skritci {
  background-image: url("../img/duha_spodni.svg");
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritci {
    background-image: url("../img/trava-horni.png");
    background-repeat: repeat-x;
    background-position: center bottom 37px;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .skritci {
    background-image: url("../img/duha-xs.svg");
    background-position: bottom;
    background-size: 100%;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritci-container {
    width: 320px;
    margin: 0px auto;
    position: absolute;
    height: 518px;
    left: 0;
    right: 0;
  }
}
#nase-tridy .skritek {
  position: absolute;
  z-index: 1;
}
#nase-tridy .skritek.cerveny {
  bottom: -17px;
  right: 620px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek.cerveny {
    right: 261px;
    bottom: 33px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek.cerveny {
    right: 627px;
  }
}
#nase-tridy .skritek.oranzovy {
  bottom: -56px;
  right: 510px;
  z-index: 2;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek.oranzovy {
    right: 215px;
    bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek.oranzovy {
    right: 515px;
  }
}
#nase-tridy .skritek.zluty {
  bottom: -42px;
  right: 360px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek.zluty {
    right: 159px;
    bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .skritek.zluty {
    right: 381px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek.zluty {
    right: 391px;
  }
}
#nase-tridy .skritek.zeleny {
  bottom: -65px;
  right: 245px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek.zeleny {
    right: 111px;
    bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .skritek.zeleny {
    right: 255px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek.zeleny {
    right: 275px;
  }
}
#nase-tridy .skritek.modry {
  bottom: -42px;
  right: 130px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek.modry {
    right: 61px;
    bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .skritek.modry {
    right: 147px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek.modry {
    right: 166px;
  }
}
#nase-tridy .skritek.modry img {
  width: 180px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek.modry img {
    width: 73px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .skritek.modry img {
    width: 150px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek.modry img {
    width: 140px;
  }
}
#nase-tridy .skritek.fialovy {
  bottom: -100px;
  right: -30px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek.fialovy {
    right: 0px;
    bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .skritek.fialovy {
    right: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek.fialovy {
    right: 0px;
  }
}
#nase-tridy .skritek.fialovy img {
  width: 250px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek.fialovy img {
    width: 84px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .skritek.fialovy img {
    width: 190px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek.fialovy img {
    width: 200px;
  }
}
#nase-tridy .skritek img {
  width: 200px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .skritek img {
    width: 73px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .skritek img {
    width: 166px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .skritek img {
    width: 155px;
  }
}
#nase-tridy .mraky {
  background-image: url("../img/mrak-bottom.png");
  background-repeat: repeat-x;
  background-position: center top;
  padding-top: 140px;
  padding-left: 50px;
  padding-bottom: 120px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .mraky {
    background-size: contain;
    padding: 96px 0px 238px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .mraky {
    height: 550px;
    background-image: url("../img/trava-horni.png");
    background-position: bottom;
    padding-left: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nase-tridy .mraky {
    padding-left: 15px;
  }
}
#nase-tridy .mraky h2 {
  width: 200px;
  margin-bottom: 23px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #nase-tridy .mraky h2 {
    width: 290px;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 40px;
    line-height: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nase-tridy .mraky h2 {
    width: 310px;
    text-align: center;
    margin: 0px auto;
    padding-bottom: 30px;
  }
}
@media (min-width: 0px) and (max-width: 991px) {
  #nase-tridy .mraky .btn, #nase-tridy .mraky .btn2, #nase-tridy .mraky .btn-zelena {
    margin: 0px auto;
    display: table;
  }
}

#fotogalerie {
  min-height: 200px;
  background: #22c14e;
  padding-top: 0px;
  padding-bottom: 100px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #fotogalerie {
    padding-bottom: 70px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #fotogalerie {
    padding-bottom: 70px;
  }
}
#fotogalerie .container {
  padding: 0px 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #fotogalerie .container {
    padding: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #fotogalerie .container {
    padding: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #fotogalerie .container {
    padding: 0px;
  }
}
#fotogalerie h2 {
  font-size: 40px;
  letter-spacing: 0.05em;
  line-height: 55px;
  text-align: left;
  color: #2F532D;
  padding-top: 80px;
  padding-left: 50px;
  padding-bottom: 42px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #fotogalerie h2 {
    font-size: 30px;
    padding: 50px 0px 54px;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #fotogalerie h2 {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #fotogalerie h2 {
    padding-left: 15px;
  }
}
#fotogalerie .fotogalerie .galerieBlock {
  margin-top: 30px;
  border-top: #2EB954 solid 1px;
  padding-top: 40px;
  float: none;
  overflow: auto;
  padding-left: 10px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #fotogalerie .fotogalerie .galerieBlock {
    margin: 30px 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #fotogalerie .fotogalerie .galerieBlock {
    margin: 30px 42px 150px;
  }
}
#fotogalerie .fotogalerie .galerieBlock .galerie {
  margin-right: 12px;
  margin-bottom: 12px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #fotogalerie .fotogalerie .galerieBlock .galerie {
    margin: 20px auto 0px;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #fotogalerie .fotogalerie .galerieBlock .galerie {
    text-align: left;
    margin: 0px 6px 16px;
  }
}
#fotogalerie .fotogalerie .galerieBlock .galerie:nth-child(3n+3) {
  margin-right: 12px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #fotogalerie .fotogalerie .galerieBlock .galerie:nth-child(3n+3) {
    margin: 20px auto 0px;
  }
}
#fotogalerie .fotogalerie .galerieBlock .galerie:nth-child(4n+4) {
  margin-right: 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #fotogalerie .fotogalerie .galerieBlock .galerie:nth-child(4n+4) {
    margin: 20px auto 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #fotogalerie .fotogalerie .galerieBlock .galerie:nth-child(4n+4) {
    margin-right: 6px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #fotogalerie .fotogalerie .galerieBlock .galerie:nth-child(4n+4) {
    margin-right: 12px;
  }
}
#fotogalerie .galerieBlock {
  font-size: 0px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding-right: 15px;
}
#fotogalerie .galerieBlock::after, #fotogalerie .galerieBlock::before {
  display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #fotogalerie .galerieBlock {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    padding-left: 15px;
    padding-right: 80px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  #fotogalerie .galerieBlock {
    text-align: center;
    padding: 0 10px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 567px) and (max-width: 767px) {
  #fotogalerie .galerieBlock {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #fotogalerie .galerieBlock {
    text-align: center;
    padding-left: 15px;
  }
}
#fotogalerie .galerieLink {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  #fotogalerie .galerieLink {
    padding-bottom: 120px;
  }
}
#fotogalerie .galerieLink img {
  width: 208px;
  margin: 0px 0px 35px 113px;
}
@media (min-width: 0px) and (max-width: 991px) {
  #fotogalerie .galerieLink img {
    display: none;
  }
}
#fotogalerie .galerieLink .btn, #fotogalerie .galerieLink .btn2, #fotogalerie .galerieLink .btn-zelena {
  padding: 13px 96px;
}
@media (min-width: 0px) and (max-width: 991px) {
  #fotogalerie .galerieLink .btn, #fotogalerie .galerieLink .btn2, #fotogalerie .galerieLink .btn-zelena {
    padding: 15px 40px;
    margin-top: 50px;
  }
}

#galerie {
  background: #22c14e;
  padding-top: 60px;
}
@media (min-width: 0px) and (max-width: 991px) {
  #galerie {
    padding-top: 40px;
  }
}
#galerie .container {
  padding: 0px 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #galerie .container {
    padding: 0px 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #galerie .container {
    padding: 0px 50px;
  }
}
#galerie #backButton {
  float: right;
}
@media (min-width: 0px) and (max-width: 767px) {
  #galerie #backButton {
    float: left;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #galerie #backButton {
    float: left;
    margin-top: 15px;
    margin-bottom: 40px;
  }
}
#galerie .btn-trava {
  float: right;
}
#galerie .title {
  font-family: "Baloo", cursive;
  font-size: 40px;
  letter-spacing: 0.05em;
  line-height: 55px;
  text-align: left;
  color: #2F532D;
}
#galerie .colors {
  margin-bottom: 10px;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
}
#galerie .colors > div {
  width: 35px;
  height: 12px;
  float: left;
}
#galerie .colors > div.large {
  width: 210px;
}
#galerie .content {
  border-top: #2EB954 solid 1px;
  padding: 96px 0px 70px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #galerie .content {
    padding: 50px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #galerie .content {
    text-align: center;
    padding: 96px 0px 45px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #galerie .content {
    text-align: center;
  }
}
#galerie .content a {
  margin-right: 20px;
  display: block;
  margin-right: 20px;
  display: block;
  overflow: auto;
  float: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  #galerie .content a {
    float: none;
    margin: 0px auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #galerie .content a {
    display: inline-block;
    float: none;
    width: 280px;
    margin-right: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #galerie .content a {
    display: inline-block;
    float: none;
  }
}
#galerie .content a:nth-child(4n+4) {
  margin-right: 0px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #galerie .content a:nth-child(4n+4) {
    margin-right: 20px;
  }
}
#galerie .content a img {
  border-radius: 12px;
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 991px) {
  #galerie .content a img {
    margin: 0px auto 20px;
  }
}
#galerie .btn-stahnout {
  margin-bottom: 40px;
}
@media (min-width: 0px) and (max-width: 1199px) {
  #galerie .btn-stahnout {
    margin: 0px auto;
    margin-bottom: 40px;
    display: table;
    white-space: normal;
  }
}
#galerie .cont-btn {
  padding: 0px 50px 50px;
}
#galerie hr {
  color: #2EB954;
}

.galerie {
  background: #fffffb;
  display: block;
  float: left;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 34px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .galerie {
    margin: 0px auto;
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .galerie {
    display: inline-block;
    float: none;
  }
}
.galerie img {
  margin-bottom: 2px;
  width: 100%;
}
.galerie .pruh {
  margin-bottom: 16px;
}
.galerie .pruh > div {
  height: 13px;
  float: left;
}
.galerie h3 {
  font-weight: normal;
  font-size: 17px;
  letter-spacing: 0.03em;
  line-height: 18px;
  color: #554835;
  padding: 0px 15px;
}
.galerie .datum {
  display: block;
  padding: 2px 15px;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #2F532D;
  text-align: left;
}

.strankovaniGalerie {
  font-size: 20px;
  text-align: center;
  padding-top: 40px;
}
.strankovaniGalerie a {
  color: #2F532D;
  padding: 10px;
  background: #fffffb;
  line-height: 20px;
  margin: 2px;
  display: inline-block;
  min-width: 30px;
  height: 30px;
  border-radius: 7px;
  margin: 0px 10px;
  font-size: 17px;
  font-weight: 800;
  line-height: 14px;
}
.strankovaniGalerie a.active {
  background: #2F532D;
  color: #fffffb;
}

@media (min-width: 0px) and (max-width: 767px) {
  .fotogalerieHomeP .galerie {
    width: 100%;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 567px) and (max-width: 767px) {
  .fotogalerieHomeP .galerie {
    max-width: unset;
  }
}
.fotogalerieHomeP .galerie img {
  max-height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 0px) and (max-width: 767px) {
  .fotogalerieHomeP .galerie img {
    max-height: 160px;
  }
}

#lbox {
  z-index: 100;
}
#lbox .image .close {
  position: absolute;
  top: 29px;
  right: 20px;
  width: 23px;
  opacity: 1;
}
@media (min-width: 0px) and (max-width: 767px) {
  #lbox .pointer {
    display: none;
  }
}
#lbox .pointer .point {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: none;
  border: 1px solid #FFFFFF;
  margin-right: 5px;
  margin-bottom: 2px;
}
#lbox .pointer .point.active {
  background: #64C7E6;
}
#lbox .col-xs-10 .screen {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 0px) and (max-width: 767px) {
  #lbox .col-xs-10 .screen {
    margin-bottom: 0px;
  }
}
#lbox .col-xs-10 .screen img {
  padding: 0px;
}
#lbox .col-xs-10 .screen .alt {
  background-color: #1b57a1;
  color: #cdcdcd;
  position: absolute;
  bottom: 0;
  padding: 20px;
  max-width: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
  #lbox .col-xs-1 {
    padding-bottom: 0px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .artbl {
    padding: 0px 40px;
  }
}
.artbl a {
  display: block;
  width: 300px;
  margin: 0px auto;
  margin-bottom: 45px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .artbl a {
    padding-top: 30px;
    border-top: 1px solid #DEDEDE;
    max-width: 100%;
  }
}
@media (min-width: 1600px) {
  .artbl a {
    width: 370px;
  }
}
.artbl a .pruh {
  margin-bottom: 16px;
}
.artbl a .pruh > div {
  height: 13px;
  float: left;
}
.artbl a img {
  border-radius: 12px 12px 0px 0px;
  margin-bottom: 2px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .artbl a img {
    max-width: 100%;
  }
}
@media (min-width: 1600px) {
  .artbl a img {
    width: 100%;
  }
}
.artbl a h3 {
  color: #64C7E6;
  margin-bottom: 5px;
}
.artbl a .datum {
  font-size: 13px;
  margin-bottom: 25px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .artbl a .datum {
    font-size: 15px;
  }
}
.artbl a .pretext {
  font-size: 13px;
  letter-spacing: 0.01em;
  line-height: 24px;
  text-align: left;
  color: #0a4564;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .classList .container {
    padding: 0px 83px;
  }
}
.classList .menu {
  float: none;
  padding-top: 90px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .classList .menu {
    padding: 30px 16px 0px;
    max-width: 450px;
    margin: 0px auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .classList .menu {
    padding: 60px 32px 30px;
  }
}
.classList .menu a {
  display: inline-block;
  border-radius: 10px;
  font-weight: 800;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .classList .menu a {
    width: 100%;
    margin: 0px 0px 10px;
  }
}
.classList .menu a:hover div span, .classList .menu a.active div span {
  height: 10px;
}
.classList .menu a div {
  width: 180px;
  border-radius: 10px;
  background: #fff;
  border-radius: 10px;
  font-weight: 800;
  position: relative;
}
@media (min-width: 0px) and (max-width: 767px) {
  .classList .menu a div {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .classList .menu a div {
    width: 214px;
  }
}
.classList .menu a div p {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.classList .menu a div span {
  position: absolute;
  display: block;
  width: 100%;
  height: 0px;
  border-radius: 5px;
  bottom: 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .classList .popis {
    padding-right: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .classList .content {
    padding: 0px 42px;
  }
}
.classList .standard {
  color: #fffffb;
}

#novinky {
  background: #22c14e;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky {
    padding-bottom: 70px;
  }
}
#novinky .container {
  padding: 0px 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky .container {
    padding: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinky .container {
    padding: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #novinky .container {
    padding: 15px;
  }
}
#novinky .content.maincontant {
  margin-top: 30px;
  border-top: #2EB954 solid 1px;
  padding-top: 40px;
  float: none;
  overflow: auto;
  padding-left: 10px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky .content.maincontant {
    margin: 40px 16px 0px;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinky .content.maincontant {
    margin: 0px 42px 150px;
    width: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #novinky .content.maincontant {
    padding-left: 0px;
  }
}
#novinky .content .clanek {
  background: #fff;
  border-radius: 15px;
  padding: 25px 15px;
  margin-bottom: 25px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky .content .clanek {
    padding-bottom: 20px;
    max-width: 300px;
    float: none;
    margin: 0px auto 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinky .content .clanek {
    padding: 25px 36px 19px 20px;
  }
}
#novinky .content .clanek .preview {
  border-radius: 15px;
  width: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky .content .clanek .preview {
    width: 264px;
    margin: 0px auto;
  }
}
#novinky .content .clanek .content {
  padding: 10px 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky .content .clanek .content {
    padding: 10px 0px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinky .content .clanek .content {
    padding: 0px 0px 0px 24px;
  }
}
#novinky .content .clanek .content .colors {
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
}
#novinky .content .clanek .content .colors > div {
  width: 35px;
  height: 12px;
  float: left;
}
#novinky .content .clanek .content .colors > div.large {
  width: 210px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky .content .clanek .content .colors > div.large {
    width: 264px;
  }
}
#novinky .content .clanek .content h2 {
  font-weight: normal;
  font-size: 23px;
  letter-spacing: 0.03em;
  line-height: 30px;
  color: #2b4c29;
}
#novinky .content .clanek .content .datum {
  font-size: 13px;
  letter-spacing: 0.01em;
  color: #2b4c29;
  padding-bottom: 15px;
  margin-bottom: 0px;
}
#novinky .content .clanek .content .text {
  font-size: 13px;
  letter-spacing: 0.01em;
  line-height: 24px;
  color: #2b4c29;
  padding-right: 35px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky .content .clanek .content .text {
    padding-right: 0px;
  }
}
#novinky .content .clanek .moreinfo {
  font-weight: normal;
  text-decoration: underline;
  font-size: 13px;
  letter-spacing: 0.01em;
  line-height: 24px;
  color: #2b4c29;
  margin-top: 25px;
  display: block;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinky .content .clanek .moreinfo {
    margin-top: 0px;
  }
}

#novinkaHeadlineBts {
  padding-top: 35px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinkaHeadlineBts {
    background-color: #63c7e5;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinkaHeadlineBts {
    padding-top: 15px;
    background-color: #63c7e5;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #novinkaHeadlineBts {
    padding-top: 0px;
  }
}
#novinkaHeadlineBts .border {
  display: inline-block;
}
#novinkaHeadlineBts .border a {
  white-space: normal;
}

#novinkaHeadline {
  background-image: url("../img/trava-horni.png");
  background-repeat: repeat-x;
  background-position: center bottom;
  padding: 55px 0px 108px 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinkaHeadline {
    padding: 55px 50px;
    background-color: #64C7E6;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinkaHeadline {
    padding: 40px 0px 110px;
    background-color: #64C7E6;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinkaHeadline.trida {
    padding-bottom: 70px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinkaHeadline.trida .container {
    padding-bottom: 30px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinkaHeadline .container {
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinkaHeadline .container {
    padding: 0px 42px 0px;
  }
}
#novinkaHeadline p {
  width: 550px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  color: #0a4564;
  padding-top: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinkaHeadline p {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinkaHeadline p {
    width: 600px;
  }
}
#novinkaHeadline img {
  position: absolute;
  z-index: 1;
  width: 390px;
  right: 0px;
  bottom: -155px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinkaHeadline img {
    width: 288px;
    right: -44px;
    bottom: -90px;
  }
}

#novinka {
  background: #22c14e;
  padding: 96px 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinka {
    padding: 50px 16px;
  }
}
#novinka .container {
  padding: 0px 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinka .container {
    padding: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinka .container {
    padding: 0px 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #novinka .container {
    padding: 0px 15px;
  }
}
#novinka .preview {
  border-radius: 15px;
  width: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinka .preview {
    max-width: 100%;
    max-height: 400px;
    margin: 0px auto;
  }
}
#novinka .content {
  padding: 10px 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #novinka .content {
    padding: 10px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #novinka .content {
    padding: 0px 0px 0px 30px;
  }
}
#novinka .content .colors {
  margin-bottom: 10px;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
}
#novinka .content .colors > div {
  width: 35px;
  height: 12px;
  float: left;
}
#novinka .content .colors > div.large {
  width: 210px;
}
#novinka .content h2 {
  color: #2B4C29;
}
#novinka .content .datum {
  font-size: 13px;
  letter-spacing: 0.01em;
  color: #2b4c29;
  padding-bottom: 30px;
}
#novinka .content .text {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.01em;
  line-height: 24px;
  color: #fffffb;
  padding-bottom: 40px;
}
#novinka ul {
  margin-bottom: 25px;
}
#novinka li {
  color: #fff;
  list-style: square;
  line-height: 1.6em;
}
#novinka li > a {
  color: #fffffb;
}
#novinka li > a:hover {
  text-decoration: underline;
}

#jidelnicek {
  padding-top: 75px;
  background: #22c14e;
  padding-bottom: 175px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #jidelnicek {
    padding-bottom: 150px;
  }
}
#jidelnicek h2 {
  font-size: 40px;
  letter-spacing: 0.05em;
  line-height: 55px;
  color: #2F532D;
  padding-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #jidelnicek h2 {
    font-size: 30px;
    line-height: normal;
    text-align: center;
  }
}
#jidelnicek p {
  font-family: "Baloo", cursive;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  color: #fffffb;
  padding-bottom: 25px;
}
#jidelnicek p:nth-child(2n+0) {
  font-size: 17px;
  letter-spacing: 0.03em;
  line-height: 18px;
  text-align: left;
  color: #2F532D;
  padding-bottom: 5px;
}
#jidelnicek p:nth-child(2n+1) {
  font-family: "Nunito", cursive;
  font-weight: 600;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #fffffb;
}
#jidelnicek .content h2 {
  padding-bottom: 8px;
}
#jidelnicek .content p {
  padding-bottom: 16px;
}
#jidelnicek .btn, #jidelnicek .btn2, #jidelnicek .btn-zelena {
  margin-top: 35px;
  color: #2F532D;
}
@media (min-width: 0px) and (max-width: 767px) {
  #jidelnicek .btn, #jidelnicek .btn2, #jidelnicek .btn-zelena {
    padding: 15px 27px;
  }
}
#jidelnicek .btn:hover, #jidelnicek .btn2:hover, #jidelnicek .btn-zelena:hover {
  color: #fffffb;
}
@media (min-width: 0px) and (max-width: 767px) {
  #jidelnicek .picto {
    padding: 0px 30px;
  }
}
#jidelnicek .picto img {
  width: 219px;
  margin-left: 79px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #jidelnicek .picto img {
    display: none;
  }
}

footer {
  min-height: 100px;
  overflow: auto;
  background-color: #554835;
  padding: 0px 0px 15px 0px;
  font-size: 0px;
  text-align: center;
  background-image: url(../img/trava-spodni.png);
  background-repeat: repeat-x;
  background-position: top center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer {
    background-image: none;
  }
}
footer .trava {
  background-image: url("../img/trava-spodni.png");
  background-repeat: repeat-x;
  background-position: top center;
  background-size: 50%;
}
@media (min-width: 0px) and (max-width: 991px) {
  footer .trava {
    background: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer .trava {
    background-size: 100%;
  }
}
footer .l {
  background: url("../img/noraL.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  width: 50%;
  max-width: 600px;
  display: inline-block;
  text-align: left;
}
@media (min-width: 0px) and (max-width: 767px) {
  footer .l {
    background: none;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .l {
    background: none;
  }
}
footer .l .inner {
  width: 300px;
  float: right;
}
@media (min-width: 0px) and (max-width: 767px) {
  footer .l .inner {
    float: left;
    padding-left: 40px;
    width: auto;
  }
}
footer .l .inner h2 {
  padding-top: 50px;
  font-family: "Baloo", cursive;
  font-size: 17px;
  letter-spacing: 0.03em;
  line-height: 20px;
  color: #fffffb;
  padding-bottom: 12px;
}
@media (min-width: 0px) and (max-width: 767px) {
  footer .l .inner h2 {
    padding-top: 70px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .l .inner h2 {
    padding-top: 78px;
  }
}
footer .l .inner p {
  font-size: 13px;
  letter-spacing: 0.01em;
  color: #fffffb;
  padding-bottom: 15px;
}
footer .r {
  background: url("../img/noraR.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  max-width: 600px;
  display: inline-block;
  text-align: left;
  width: 50%;
}
@media (min-width: 0px) and (max-width: 767px) {
  footer .r {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .r {
    background-image: none;
  }
}
footer .r .inner {
  width: 413px;
  min-height: 100px;
  padding-top: 50px;
  padding-left: 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .r .inner {
    padding-top: 78px;
    padding-left: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer .r .inner {
    padding-left: 0px;
  }
}
footer .r .inner a {
  padding-right: 40px;
  padding-bottom: 7px;
  float: left;
  display: block;
  width: 181px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.01em;
  color: #fffffb;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .r .inner a {
    padding-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer .r .inner a {
    padding-bottom: 12px;
    width: 160px;
  }
}
footer .ende {
  padding: 0px 30px;
  margin-top: 50px;
  border-top: 1px #fffffb solid;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.01em;
  color: #fffffb;
  padding-top: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  footer .ende {
    margin: 50px 16px 0px;
    width: auto;
  }
}
footer .ende a {
  padding: 0px 4px 10px 4px;
  display: inline-block;
}
@media (min-width: 0px) and (max-width: 767px) {
  footer .odkazy {
    padding-bottom: 30px;
  }
}

#tridy {
  background: #22c14e;
  padding-top: 70px;
}
@media (min-width: 567px) and (max-width: 767px) {
  #tridy {
    padding: 70px 10px 0px;
  }
}
#tridy .container {
  font-size: 0px;
  text-align: center;
}
#tridy .cart {
  display: inline-block;
  padding: 25px 20px;
}
@media (min-width: 567px) and (max-width: 767px) {
  #tridy .cart {
    width: 50%;
    padding: 8px;
  }
}
#tridy .cart a {
  display: block;
  width: 320px;
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
  padding-bottom: 12px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #tridy .cart a {
    width: 100%;
    min-width: 280px;
    max-width: 360px;
  }
}
@media (min-width: 567px) and (max-width: 767px) {
  #tridy .cart a {
    min-width: inherit;
  }
}
#tridy .cart a .content {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
}
@media (min-width: 567px) and (max-width: 767px) {
  #tridy .cart a .content {
    padding: 25px;
  }
}
#tridy .cart a .content > div > img {
  width: 166px;
  margin: 0px auto;
}
@media (min-width: 567px) and (max-width: 767px) {
  #tridy .cart a .content > div > img {
    width: 91px;
  }
}
#tridy .cart a .content .trida {
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 18px;
  color: #444444;
}
#tridy .cart a .content .color {
  display: block;
  font-family: "Baloo", cursive;
  font-size: 35px;
  letter-spacing: 0.03em;
  line-height: 18px;
  color: #444444;
}
@media (min-width: 567px) and (max-width: 767px) {
  #tridy .cart a .content .color {
    font-size: 24px;
  }
}
#tridy .cart a .content .open {
  float: right;
  margin-top: 40px;
}
@media (min-width: 567px) and (max-width: 767px) {
  #tridy .cart a .content .open {
    margin-top: 44px;
    width: 22px;
  }
}

#tridyGalerie {
  background: #22c14e;
  padding-bottom: 80px;
}
#tridyGalerie h2 {
  font-size: 40px;
  letter-spacing: 0.05em;
  line-height: 55px;
  text-align: left;
  color: #2F532D;
  padding-top: 60px;
  padding-bottom: 20px;
  padding-left: 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #tridyGalerie h2 {
    font-size: 30px;
    padding: 60px 16px 20px;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #tridyGalerie h2 {
    padding-left: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #tridyGalerie h2 {
    padding-left: 15px;
  }
}
#tridyGalerie .container {
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #tridyGalerie .container {
    padding: 0px 15px;
  }
}
#tridyGalerie .container a {
  display: inline-block;
  border-radius: 12px;
  padding: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #tridyGalerie .container a {
    width: 234px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #tridyGalerie .container a {
    padding: 10px 0px 10px 15px;
  }
}
#tridyGalerie .container a img {
  border-radius: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #tridyGalerie .container a img {
    max-width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #tridyGalerie .container a img {
    width: 225px;
  }
}

#trida {
  background: #22c14e;
  padding-top: 81px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #trida {
    padding-top: 30px;
  }
}
#trida .figura img {
  width: 333px;
  margin: 0px auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  #trida .figura img {
    width: 280px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #trida .figura img {
    width: 266px;
  }
}
#trida .content p.headline {
  color: #2F532D;
}
#trida .content p {
  color: #fffffb;
}
#trida .content li {
  list-style-type: circle;
  color: #fffffb;
}
#trida .info {
  padding-bottom: 90px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #trida .info {
    padding: 0px 16px 60px;
  }
}
#trida .aktuality {
  padding-bottom: 80px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #trida .aktuality {
    padding: 0px 0px 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #trida .aktuality {
    padding: 0px 15px 80px;
  }
}
#trida .aktuality h2 {
  color: #2F532D;
  padding-bottom: 30px;
  padding-left: 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #trida .aktuality h2 {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #trida .aktuality h2 {
    padding-left: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #trida .aktuality h2 {
    padding-left: 15px;
  }
}
#trida .aktuality .artbl a {
  background: #fff;
  border-radius: 12px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #trida .aktuality .artbl a {
    padding-top: 10px;
  }
}
#trida .aktuality .artbl a h3 {
  padding: 10px 15px 0px 15px;
  color: #2F532D;
}
#trida .aktuality .artbl a .datum {
  font-size: 13px;
  line-height: 18px;
  color: #2F532D;
  padding: 0px 15px;
}
#trida .aktuality .artbl a .pretext {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.01em;
  line-height: 24px;
  color: #2F532D;
  padding: 0px 15px 0px 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #trida .aktuality .btn, #trida .aktuality .btn2, #trida .aktuality .btn-zelena {
    margin-top: 21px;
  }
}
#trida .fotgalerie {
  padding-bottom: 150px;
  padding-left: 50px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #trida .fotgalerie {
    padding: 0px 40px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #trida .fotgalerie {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #trida .fotgalerie {
    padding-left: 15px;
  }
}
#trida .fotgalerie h2 {
  color: #2F532D;
  padding-bottom: 30px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #trida .fotgalerie h2 {
    text-align: center;
  }
}
#trida .fotgalerie a.galerie img {
  max-height: 140px;
}
#trida .fotgalerie .buttonLine {
  padding-top: 50px;
}

#cms {
  padding: 100px 0px;
  background: #22c14e;
}
@media (min-width: 0px) and (max-width: 767px) {
  #cms {
    padding: 30px 16px;
  }
}
#cms p.headline {
  color: #2F532D;
}
#cms p,
#cms li {
  color: #fffffb;
}
#cms p ~ ul {
  margin-bottom: 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #cms p {
    word-break: break-word;
  }
}
#cms h3 {
  line-height: 25px;
}

.soubor {
  border-radius: 15px;
  background: #fffffb;
  padding: 20px 30px;
  margin-bottom: 25px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .soubor {
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .soubor {
    margin: 0px 42px 25px;
  }
}
.soubor .hdl {
  text-transform: uppercase;
  color: #2F532D;
  font-family: "Baloo", cursive;
  letter-spacing: 0.05em;
}
@media (min-width: 0px) and (max-width: 767px) {
  .soubor .hdl {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 9px;
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .soubor .hdl {
    font-size: 15px;
    padding-bottom: 0px;
  }
}
.soubor img {
  margin-left: 5px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .soubor img {
    margin-left: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .soubor img {
    margin-top: 3px;
  }
}
.soubor .btn2 {
  max-width: 90%;
  margin-left: 10%;
}
@media (min-width: 0px) and (max-width: 767px) {
  .soubor .btn2 {
    margin: 30px 0px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .soubor .btn2 {
    margin-left: 15px;
    width: 88%;
    text-align: center;
    padding: 11px 0px;
  }
}

#kontakt {
  background: #22c14e;
  color: #fffffb;
  padding: 97px 0px 0px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #kontakt {
    padding: 30px 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #kontakt {
    padding: 60px 0px 90px;
  }
}
#kontakt h2 {
  color: #2F532D;
  max-width: 610px;
  padding-bottom: 20px;
}
#kontakt h3 {
  color: #2F532D;
  padding: 20px 0px 20px;
  font-size: 23px;
}
#kontakt h3 + h4 {
  padding-top: 0px;
}
#kontakt h4 {
  color: #2F532D;
  padding-top: 30px;
  padding-bottom: 20px;
}
#kontakt p {
  padding-bottom: 10px;
  color: #fffffb;
}
#kontakt .odst {
  padding: 20px 0px 20px;
  max-width: 350px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #kontakt .odst {
    width: 282px;
  }
}
#kontakt .mapa {
  padding: 70px 0px 50px;
  clear: both;
}
@media (min-width: 0px) and (max-width: 767px) {
  #kontakt .predform {
    max-width: 450px;
    margin: 0px auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #kontakt .predform {
    padding: 0px;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  #kontakt .texty {
    max-width: 450px;
    margin: 0px auto;
  }
  #kontakt .texty .zelena {
    display: block;
  }
}
@media (min-width: 567px) and (max-width: 767px) {
  #kontakt .texty .zelena {
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #kontakt .texty {
    padding: 0px 0px;
  }
}

#CFform {
  padding-top: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #CFform {
    padding: 10px 0px 0px;
  }
}
#CFform label {
  font-family: "Baloo", cursive;
  color: #2F532D;
  font-size: 17px;
  padding: 30px 0px 20px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: block;
}
#CFform input {
  height: 50px;
  border-radius: 15px;
  padding: 15px 20px;
  border: #fff;
  font-size: 15px;
  font-family: "Nunito", cursive;
  font-weight: 600;
  width: 100%;
  color: #2F532D;
}
#CFform .levy {
  padding-right: 30px;
}
@media (min-width: 0px) and (max-width: 767px) {
  #CFform .levy {
    padding-right: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #CFform .levy {
    padding-right: 10px;
  }
}
#CFform .pravy {
  padding-left: 30px;
}
@media (min-width: 0px) and (max-width: 991px) {
  #CFform .pravy {
    padding-left: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #CFform .pravy {
    padding-left: 10px;
  }
}
#CFform textarea {
  height: 250px;
  border-radius: 15px;
  padding: 15px 20px;
  border: #fff;
  font-size: 15px;
  font-family: "Nunito", cursive;
  font-weight: 600;
  width: 100%;
  color: #2F532D;
  margin-bottom: 30px;
}
#CFform button {
  float: left;
  margin-top: 20px;
  border: #fff;
}

.popup .contain {
  webkit-box-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  top: 40%;
  left: 0;
  right: 0;
  position: absolute;
  width: 650px;
  padding: 30px 20px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .popup .contain {
    padding: 30px 55px 30px 20px;
    width: 80%;
  }
}
.popup .close {
  position: absolute;
  top: 2menu0px;
  right: 20px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: #2F532D !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  #webAccesibility .picto {
    height: 60px;
    width: 50px;
    padding: 18px 3px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #webAccesibility .picto img {
    height: 25px;
  }
}

#errorPage {
  text-align: center;
  position: relative;
  padding-bottom: 275px;
  background-color: #64C7E6;
  background-image: url("../img/duha-cela.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
#errorPage h1 {
  padding: 50px 0px 30px;
  text-align: center;
}
#errorPage p {
  color: #005C8C;
}
#errorPage .btn, #errorPage .btn2, #errorPage .btn-zelena {
  margin-top: 20px;
}

.error-trava {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 44px;
  background-image: url("../img/trava-horni.png");
  background-position-x: 120px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .error-trava {
    bottom: 0px;
  }
}

.youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media (min-width: 0px) and (max-width: 767px) {
  .youtube {
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .youtube {
    margin-top: 40px;
  }
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}