@font-face {
    font-family: "FuturaPTHeavy";
    src: url("https://s3b.estranky.cz/img/d/1000000430/futuraptheavy.otf");
}
@font-face {
    font-family: "FuturaPTLight";
    src: url("https://s3b.estranky.cz/img/d/1000000430/futuraptlightoblique.otf");
}
@font-face {
    font-family: "FuturaPTBook";
    src: url("https://s3b.estranky.cz/img/d/1000000430/futuraptbook.otf");
}
@font-face {
    font-family: "FuturaPTDemi";
    src: url("https://s3b.estranky.cz/img/d/1000000430/futuraptdemi.otf");
}
@font-face {
    font-family: "FuturaPTBold";
    src: url("https://s3b.estranky.cz/img/d/1000000430/futuraptbold.otf");
}
@font-face {
    font-family: "FuturaPTExtraBold";
    src: url("https://s3b.estranky.cz/img/d/1000000430/futuraptextrabold.otf");
}

.freeprivacypolicy-com---palette-light .cc-nb-okagree {
color: #fff;
background-color: color(srgb 0.4873 0.7159 0.5959)!important;
}

.freeprivacypolicy-com---palette-light .cc-nb-reject {
color: #fff;
background-color: color(srgb 0.4873 0.7159 0.5959)!important;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
   font-style: normal;
   font-weight: 400;
    color: #000;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", sans-serif;
}
.home .title-desktop h1,
.title-desktop h1 {
  z-index: 99;
  display: block;
  position: relative;
  padding: 0;
  color: #fff;
  font-size: 1.4rem;
}
@media(min-width: 768px) {
.home .title-desktop h1,
.title-desktop h1 {
  font-size: 2.1rem;
}
}
.title-desktop h1,
.title-desktop p {
  z-index: 99;
  display: block;
  position: relative;
  color: #fff;
}
.title-desktop h1 a {
  z-index: 99;
}
input::placeholder,
textarea.form-control::placeholder {
  color: #727272;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
  color: #727272;
}

input::-ms-input-placeholder,
textarea.form-control::-ms-input-placeholder {
  color: #727272;
}
.uvod .uvod-in .editor-area {
  margin: 6em 0 0;
}
.editor-area h2 {
  position: relative;
  padding: 0 0 10px;
}
.editor-area h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 2px;
    background: #72c398;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
h4 {
  color: #56a87c;
    font-weight: 300;
}
a {
  color: white;
  text-decoration: none;
}
a:hover {
  color: black;
}

.document-inner {
  position: relative;
}

.content-intro [type=button] {
      font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-block;
    transition: 0.5s;
    border: 2px solid #56a87c;
    color: #56a87c;
    background-color: #fff;
    padding: 0.3em 1em;
    font-size: 1rem;
    border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
}
.content-intro [type=button]:hover {
  color: #fff;
    background-color: #56a87c;
    border-color: #56a87c;
}
.content-intro .text-picture.left-float {
    float: left;
    margin: 0 10px 10px 0;
}
.content-intro .text-picture.right-float {
    float: right;
    margin: 0 0 10px 10px;
}
.content-intro a {
  color: #56a87c;
}
.content-intro a:hover {
  color: #72c398;
}

.content-intro ul {
  list-style-position: inside;
}
.icon-wrapper-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 10px 0;
}
.icon-wrapper-features i {
  font-size: 2rem;
  padding: 0 10px 0 0;
}
.icon-wrapper-features p {
  margin: 0;
}
.iphone-wrap {
  position: relative;
    top: 0;
    right: 0;
}
@media(min-width: 992px) {
.iphone-wrap {
  position: absolute;
    top: 0;
    right: 28px;
}
}
.iphone-wrap img { 
  width: 300px;
}

.home .modules {
   margin: 0 0 2em;
}
@media(min-width: 768px) {
  .home .modules {
   margin: 6em 0 2em;
}
}

.modules {
  width: 100%;
  float: none;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
  padding: 15px 15px 25px;
  margin: 0;
  display: inline-block;
  background-color: #fff;
}
@media(min-width: 768px) {
.modules {
  width: 40%;
  float: right;
  margin: 0 0 4em;
  padding: 15px 35px 25px;
}
}

@media(min-width: 992px) {
.modules {
  width: 30%;
}
}
.sidebar-item {
  padding: 1em 0;
}
.content-wrapper {
  margin: 0 1em;
  max-width: 100%;
}
@media(min-width: 576px) {
.content-wrapper {
  max-width: 540px;
  margin: 0 auto;
}
}
@media(min-width: 768px) {
.content-wrapper {
  max-width: 720px;
}
}
@media(min-width: 992px) {
.content-wrapper {
  max-width: 960px;
}
}
@media(min-width: 1200px) {
.content-wrapper {
  max-width: 1140px;
}
}
@media(min-width: 1400px) {
.content-wrapper {
  max-width: 1320px;
}
}
.news-content {
  margin-bottom: 4em;
  width: 100%;
}
#portrait a img {
    max-width: 100%;
    height: auto;
}
.modules .languages-link {
  padding: 0 10px 0 0;
}
/* ESTRANKY CSS */

.navbar {
  background: #7cb798;
}
@media(min-width: 1200px) {
.navbar {
  background: transparent;
}
}

input,
input:focus {
    outline: none!important;
}
form input,
form textarea {
  width: 100%;
}
@media(min-width: 580px) {
form input,
form textarea {
  width: auto;
}
}
input {
  display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea {
      font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    padding: 0.375rem 0.75rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
[type=submit],
[type=button],
[type=reset] {
  background-color: #56a87c;
    border: 2px solid #56a87c!important;
  border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    color: #fff;
  width: auto;
  margin: 0 0 0.3em;
}
[type=submit]:hover,
[type=button]:hover,
[type=reset]:hover {
  background-color: #72c398;
   border: 2px solid #72c398!important;
}
input[type="radio" i],
input[type="checkbox" i] {
  width: auto;
}

menu {
  padding: 0;
}
.menu-toggle {
    border: 1px solid #fff!important;
    border-radius: 0!important;
    background-color: transparent;
    border-color: #fff!important;
    z-index: 1055;
    width: 50px;
    height: 45px;
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 1200px) {
  .menu-toggle {
      display: none;
  }
}
.menu-toggle:hover {
  background-color: transparent!important;
    border: 1px solid #fff!important;
}
.menu-toggle .navbar-toggler-icon {
    border-top: 1px rgb(255 255 255 / 78%) solid;
    background-color: #fff;
    width: 30px;
    height: 1px;
    padding: 0;
    margin: 3px 0;
    transition: 0.3s all linear;
    display: -webkit-inline-box;display: 
-ms-inline-flexbox;
display: inline-flex;
}
.menu-toggle.menu-active {
  padding: 5px 10px 10px;
}
.menu-toggle.menu-active .navbar-toggler-icon:nth-of-type(1) {
  opacity: 0;
}
.menu-toggle.menu-active .navbar-toggler-icon:nth-of-type(2) {
  transform: rotate(45deg);
  margin-top: 0;
}
.menu-toggle.menu-active .navbar-toggler-icon:nth-of-type(3) {
  transform: rotate(-45deg);
  margin-top: -4px;
}
.home #navigation menu {
    display: none;
}
@media(min-width: 1200px) {
  .home #navigation menu {
    display: flex;
    width: 100%;
    max-width: 40em;
  }
}
@media(min-width: 1400px) {
  .home #navigation menu {
    max-width: 45em;
  }
}
#navigation menu {
    display: none;
}
@media(min-width: 1200px) {
 #navigation menu {
    display: flex;
    width: 100%;
  }
}
#navigation.menu-active menu {
    display: block;
    width: 100%;
    padding: 15px 0;
    background-color: transparent;
}
@media(min-width: 1200px) {
#navigation.menu-active menu {
    background-color: rgba(0, 0, 0, 0.9);
}
}
 .navigation-modify {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
@media(min-width: 1200px) {
   .navigation-modify {
    position: fixed;
    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;
  }
}
.nav-link.active {
    display: inline-block;
    color: #fff;
    border-bottom: 2px solid #72c398;
}
.navbar {
    transition: all 0.5s;
    font-family: "Poppins", sans-serif;
}
.navbar li {
    padding: 10px 15px;
}
@media(min-width: 992px) {
  .navbar li {
    padding: 5px 5px 5px 15px;
  }
}
.navbar.navbar-scrolled {
    background: #7cb798;
    padding: 12px 0;
}
@media(min-width: 1200px) {
.navbar.navbar-scrolled {
    background: #7cb798;
}
}
.nav-link.nav-modify {
    color: rgb(255 255 255 / 80%);
    padding: 0;
}
.nav-link.nav-modify:hover,
.nav-link.active:hover {
    color: #fff;
}
.nav-link.active {
    color: #fff;
}

.navbar li a {
    transition: all 300ms;
    white-space: normal;
}
.navbar-brand.nav-logo {
    white-space: normal;
   margin-right: 2rem;
}

.navbar li a:hover {
    border-bottom: 2px solid #72c398;
}

.dropdown-menu {
    background: #fff;
    box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
    transition: 0.3s;
}
.dropdown-item {
    padding: 10px 20px;
    font-size: 14px;
    text-transform: none;
    color: #493c3e;
}
.dropdown-item:focus, 
.dropdown-item:hover {
    background-color: #fff;
}
menu.menu-type-none li, menu.menu-type-onclick li, menu.menu-type-standard li {
    overflow: visible!important;
}
menu.menu-type-onclick .level_1:hover .level_2 {
  display: none;
} 
menu.menu-type-onclick .navbar .level_1 .level_2 .dropdown:hover > ul {
  visibility: hidden!important;
  opacity: 0;
}
.level_1.dropdown.nav-item {
  height: auto;
}
.level_1.dropdown.nav-item:after {
  content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
    right: 20px;
    top: 12px;
    color: #fff;
}
@media(min-width: 1200px) {
  .level_1.dropdown.nav-item:after {
     right: 0;
  }
}
.menu-type-standard .level_1.dropdown.nav-item:after {
  display: none;
}
.level_2 {
  position: absolute;
  left: 15px;
  top: calc(100% - 0px);
  margin: 0;
  padding: 10px;
  z-index: 99999;
  opacity: 1;
  visibility: visible;
  background: #fff;
  list-style: none;
  text-align: left;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}
@media(min-width: 992px) {
  .level_2 {
     left: 0;
  }
}
.level_2 li {
  min-width: 200px;
  padding: 5px;
  line-height: 1.2;
}
.level_2 li a {
  text-decoration: none;
  color: #72c398;
}
menu.menu-type-onclick .level_1:hover .level_2 {
  display: none;
} 
menu.menu-type-onclick .navbar .level_1 .level_2 .dropdown:hover > ul {
  visibility: hidden!important;
  opacity: 0;
}
.breadcrumb-subpage a {
    color: #56a87c;
    text-decoration: none;
}
.breadcrumb-subpage .breadcrumb-item.active {
    color: #444444;
}
.breadcrumb-subpage {
  margin: 3em 0 2em;
}
.logo.img-logo {
  width: 150px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    display: block;
}

 .bg-image {
    width: 100%;
    background: url("https://s3b.estranky.cz/img/l/logo_1000000430.jpeg");
    padding: 100px 0;
    min-height: 350px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: inherit;
    z-index: 3;
   display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  justify-content: center;
}
.home .bg-image {
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  justify-content: center;
}

.home .bg-image {
    width: 100%;
    background: url("https://s3b.estranky.cz/img/l/logo_1000000430.jpeg") top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 120px 0;
    background-attachment: inherit;
    min-height: 100vh;
    z-index: 3;
}
@media(min-width: 768px) {
 .home .bg-image {
    background-attachment: fixed;
}
}
 .home .bg-image:before {
    position: absolute;
    content: "";
    background: rgba(27, 47, 69, 0.3);
    inset: 0;
}
.bg-image:before {
    position: absolute;
    content: "";
    background: rgba(27, 47, 69, 0.4);
    inset: 0;
}
.bg-image:after {
position: absolute;
    content: "";
    width: auto;
    background: transparent;
    top: 0;
    bottom: 0;
}

.home .bg-image:after {
    position: absolute;
    content: "";
    width: auto;
    background: transparent;
    top: 0;
    left: 0;
    bottom: 0;
}
@media(min-width: 992px) {
.home .bg-image:after {
    content: "";
    width: 45%;
    background: #7cb798;
    opacity: 0.0;
}
}

.hero-container {
  display: none;
}
.home .hero-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 90%;
    padding: 0 15px;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media(min-width: 1200px) {
  .home .hero-container {
    max-width: auto;
  }
}
.title-desktop p {
  color: #fff;
  margin: 2em 0;
  padding-left: 20px;
  border-left: 2px solid #72c398;
}
.hero-container h2 {
    color: #fff;
    font-size: 1.2rem;
    padding: 10px 0;
    margin-bottom: 30px;
    display: inline-block;
}
.hero-container h1 {
  font-size: 1.8rem;
  height: auto;
  max-height: 9.6em;
  overflow: hidden;
}
@media(min-width: 992px) {
  .hero-container h1 {
    max-height: 5em;
    font-size: 2.5rem;
  }
}
.btn {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-block;
    transition: 0.5s;
    border: 2px solid #72c398;
    color: #72c398;
    border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
}

.btn.btn-default {
    border: 2px solid #56a87c;
    color: #56a87c;
}
.btn.btn-default:hover {
    color: #fff!important;
    background-color: #56a87c;
    border-color: #56a87c;
}

.btn.btn-header {
    border: 2px solid #fff;
    color: #fff;
    z-index: 99;
    position: relative;
}
.btn.btn-header:hover {
    background-color: #56a87c;
    border: 2px solid #56a87c;
    color: #fff;
}

.btn.btn-send-form {
    background-color: #56a87c;
    border: 2px solid #56a87c;
    color: #fff;
}
.btn.btn-send-form:hover {
    background-color: #56a87c;
    border: 2px solid #56a87c;
    color: #fff;
}

.btn.btn-accordion:focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.btn-accordion:hover {
    color: #56a87c;
}

.btn.btn-accordion {
    text-align: left;
    border: 0;
}
.btn.btn-blog {
    background-color: #56a87c;
    border: 2px solid #56a87c;
    color: #fff;
}
.btn.btn-blog:hover {
    background-color: #56a87c;
    border: 2px solid #56a87c;
    color: #fff;
}
.btn.btn-sendsearch {
   position: absolute;
    top: -1px;
    bottom: 0;
    right: 0;
    font-size: 16px;
    margin: 0 -1px;
    background: #56a87c;
    color: #fff;
    transition: 0.3s;
}
.btn.btn-sendsearch:hover {
    background-color: #72c398;
    border: 2px solid #72c398!important;
    color: #fff;
}
.btn.btn-mail-list {
   position: relative;
    top: -1px;
    bottom: 0;
    right: 0;
    font-size: 16px;
    margin: 0 -1px;
    background: #56a87c;
    color: #fff;
    transition: 0.3s;
}
.btn.btn-mail-list:hover {
    background-color: #72c398;
    border: 2px solid #72c398!important;
    color: #fff;
}
.eshop-wrapper .btn.btn-submit {
    width: 100%;
    margin: 10px 0;
}
@media(min-width: 992px) {
  .eshop-wrapper .btn.btn-submit {
     width: auto;
    margin: 0;
  }
}
.btn.btn-submit {
    background-color: #56a87c;
    border: 2px solid #56a87c!important;
    color: #fff;
    width: auto!important;
}
.btn.btn-submit:hover {
    background-color: #72c398;
    border: 2px solid #72c398!important;
    color: #fff;
}
.btn-thumbnail {
    font-size: 1rem;
    color: #2b180d;
    text-decoration: underline;
    padding: 0.175rem 0 0.75rem;
}
.btn-thumbnail:hover {
    color: #72c398;
}

.wrapper-of-bottom {
  background-color: #f5faf7;
    padding: 60px 0;
}

.section-title {
    font-size: 2rem;
    font-weight: 600;
    padding-bottom: 20px;
    position: relative;
}
.section-title:after {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 2px;
    background: #72c398;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.text-muted-span {
    color: #56a87c!important;
}
.card {
  border-radius: 0;
}
.card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1em 0;
}
.card-img, 
.card-img-top {
  border-radius: 0;
}
.card-meta {
  padding: 1em 0 0;
}
.card-post-date {
  color: #72c398;
    font-size: .9rem;
    font-weight: 400;
}
.card-post-author {
  color: #56a87c;
    font-size: .9rem;
    font-weight: 400;
}
.card-text {
  color: rgb(27 47 69 / 70%);
}

.card-icon {
    font-size: 2rem;
    line-height: 1;
    padding: 0 10px 0px 0;
    color: #56a87c;
    transition: all 0.3s ease-in-out;
}
.card a {
    color: #56a87c;
    font-weight: 700;
    font-size: 1.2rem;
    text-decoration: none;
}
.card-title {
    font-size: 1.2rem;
    font-weight: 700;
    display: inline-block;
} 
.card {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.card:hover .card-title a,
.card:hover .card-icon {
  color: #72c398;
}
.team-inner {
    position: relative;
    overflow: hidden;
}
.card-text-team {
    color: #aaaaaa;
    font-size: .9rem;
}
.thumbnail {
    position: relative;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.thumbnail img {
    position: relative;
    top: 0;
    transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}
@media(min-width: 768px) {
.thumbnail img {
  max-height: 231px;
}
}
@media(min-width: 1200px) {
.thumbnail img {
  max-height: 276px;
}
}
@media(min-width: 1400px) {
.thumbnail img {
  max-height: 321px;
}
}

.thumbnail .caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    background: #ffffffe6;
    text-align: left;
    line-height: 1.8;
    padding: 15px;
}
@media(min-width: 1200px) {
.thumbnail .caption {
    opacity: 0;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 3;
}
}
.thumbnail .caption .caption-title {
  height: auto;
    max-height: 4em;
    overflow: hidden;
  font-weight: 600;
}
.thumbnail:hover .caption {
    opacity: 1;
    bottom: 0;
}
@media(min-width: 1200px) {
.thumbnail:hover .caption {
    bottom: 30px;
}
}
.caption {
    color: #2b180d;
}
.thumbnail .caption .caption-date {
  font-size: .9rem;
}

.cta-section {
    display: block;
    background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.8)), url("/img/picture/3/cta-bg.jpeg") center center;
    background-attachment: inherit;
    background-size: cover;
    padding: 60px 0;
}
@media(min-width: 768px) {
  .cta-section {
    background-attachment: fixed;
}
}
.price-block {
    background-color: #f9f9f9;
    padding: 1em;
    text-align: center;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}
.price-block h4 {
    padding: 20px 0 10px;
    font-size: 1.3rem;
    font-weight: 600;
}
.price-block h5 {
    padding: 15px 0 5px;
    font-size: 2rem;
    font-weight: 500;
    color: #56a87c;
}
.price-block h5 sup {
    op: -0.6em;
    left: -0.2em;
    font-size: 16px;
}
.price-block h5 span {
    color: #bababa;
    font-size: 1rem;
    font-weight: 300;
}
.price-block ul {
    list-style: none;
    font-size: .9rem;
    padding: 10px 0;
}
.price-block li {
    padding: 0 0 10px;
}
.price-block-border {
    border-color: #56a87c;
    border: 2px solid #56a87c;
}
.card-accordion {
    background-color: #fff;
    border-bottom: 1px solid #f1eeef;
    text-align: left;
}
.card-accordion-header {
    background-color: #fff;
    padding: 10px 0;
}
#osm-map {
    width: 100%;
    max-width: 100%;
}
.map-container {
  overflow:hidden;
  position:relative;
  height:0;
}
.map-container iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
/* SIDEBAR */

.modules h4 {
    font-size: 1.3rem;
    font-weight: 600;
}

.modules .sidebar-item {
    padding: 1em 0;
}
.modules fieldset {
  background: inherit;
    border: 1px solid #ddd;
    padding: .375rem .75rem;
    position: relative;
    border-radius: 4px!important;
}
.modules .sidebar-item.links-section ul i,
.modules .sidebar-item.category-sidebar ul i {
  color: #72c398;
}
.modules .sidebar-item.links-section ul, 
.modules .sidebar-item.category-sidebar ul {
    padding: 0;
    list-style: none;
}
.input-key {
  border: 0;
  padding: 0;
}
#login .login-sidebar label {
    width: 100%;
    padding: 5px 0;
}
#login .login-sidebar input {
    width: 100%;
    border: 1px solid #ced4d9;
}
.login-sidebar ul,
.rss-sidebar ul {
    list-style: none;
    padding: 0;
}
.fb-like.fb_iframe_widget {
  margin: 1em 0;
}
#fb-likebox-feed.section {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  margin: 2em 0 1em;
  display: block;
}
@media(min-width: 768px) {
#fb-likebox-feed.section {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}
}
#fb-likebox-feed.section h2 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #56a87c;
}

.login-sidebar a {
    display: block;
    color: #56a87c;
    text-decoration: none;
}
.login-sidebar a:hover,
.basket-sidebar a:hover,
.category-sidebar a:hover,
.last-photo-sidebar a:hover,
.archiv-sidebar a:hover,
.fb-sidebar a:hover,
.rss-sidebar a:hover  {
    color: #72c398;
}
.basket-sidebar a,
.category-sidebar a,
.last-photo-sidebar a,
.fb-sidebar a {
    color: #56a87c;
    text-decoration: none;
}
.category-sidebar li {
    padding-bottom: 5px;
}
.archiv-sidebar caption {
  display: none;
}
.archiv-sidebar i.color,
.archiv-sidebar a,
.rss-sidebar i,
.rss-sidebar a  {
    color: #56a87c;
    text-decoration: none;
}
.archiv-sidebar #archive-small {
  text-align: center;
    margin: 0 auto;
}
.table.table-stats {
    width: 40%;
    border-color: white;
    border-collapse: inherit;
}
.table.table-stats th,
.table.table-stats td {
    padding: 0;
}
.modules #stats h2 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #56a87c;
}

.modules #stats.section {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
@media(min-width: 768px) {
.modules #stats.section {
    padding-right: 0;
    padding-left: 0;
}
}
.modules hr {
  display: none;
}

/* FOTOALBUM */
.portfolio-photo-album .reply-form {
  margin: 0 0 2em;
}
.portfolio-photo-album .comment .comment-headline h3 {
  font-size: 1.4rem;
    font-weight: 600;
}
.portfolio-photo-album #block-comments h3 {
  margin: 0 0 0.5em;
}
.home .portfolio-photo-album .photo {
  padding: 0 10px;
}
.portfolio-photo-album .photo {
  padding: 0;
  margin: 10px 0;
}
@media(min-width: 768px) {
  .portfolio-photo-album .photo {
    padding: 0 10px;
  }
}
#slide .galery-content .compact-gallery {
  width: 100%;
}

.content-section {
  float: none;
  margin-bottom: 0;
  width: 100%;
}
@media(min-width: 768px) {
.content-section {
  float: left;
  width: 55%;
}
}
@media(min-width: 992px) {
.content-section {
  width: 65%;
}
}
.facebook-wrapper {
  display: block;
  margin: 30px 0 15px;
}
.galery-content {
  margin-bottom: 0;
}
.photos-inner h2 {
    width: 100%;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: left;
    margin: 10px 0;
}
.gallery-block {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.galery-content .container {
    width: 100%;
}
#photos .galery-content .gallery-block .photo-wrap {
 float: none;
  margin: 4px;
}
@media(min-width: 768px) {
 #photos .galery-content .gallery-block .photo-wrap {
    float: left;
  }
}
.photo-wrap {
  float: none;
  width: 100%;
}
@media(min-width: 768px) {
  .photo-wrap {
    float: left;
    width: auto;
  }
}
.gallery-block #photo_curr_img {
  max-height: 22em;
}
.gallery-block img {
  object-fit: contain;
  height: auto;
  max-height: 100%;
  width: 100%;
  margin: 0 0 1em;
}
@media(min-width: 768px) {
  .gallery-block img {
    max-height: 6em;
    height: 100%;
    width: 100%;
    margin: 0;
}
}
#slide #click .slidenav .slidebar {
  margin: 15px 0;
  padding: 5px 0;
    border-top: 2px solid #56a87c;
    border-bottom: 2px solid #56a87c;
}
#slide #click .slidenav .slidebar img {
   min-height: 50px;
    min-width: 50px;
    max-width: 60px;
    max-height: 50px;
    margin: 4px 2px;
}
#click .slidenav a {
  color: #56a87c;
  text-decoration: none;
}
#click .slidenav a:hover {
  color: #56a87c;
}
#slide #click .slidenav #thumbnav {
    display: inline-block;
}
#slide #click .slidenav #thumbnav .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
}
#thumbnav .box {
  width: 100%;
    height: auto;
    float: left;
    margin: 15px 2px 0;
}
#slide #click .slidenav #thumbnav img {
    min-height: 50px;
    min-width: 50px;
    max-width: 60px;
    max-height: 50px;
    margin: 4px 2px;
}
.slide.img.width {
    position: relative;
    margin: 0 auto;
    width: 100%;
    float: left;
    text-align: center;
}

/* speciální úprava pro detail galerie */
#photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}
#photos::after {
    content: '';
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
#photos .slide {
    width: 15.7%;
    float: left;
    margin: 4px 4px 4px;
}
@media(min-width: 1700px) {
#photos .slide {
    width: 13.5%;
}
}
@media(min-width: 2500px) {
#photos .slide {
    width: 9.5%;
}
}
#photos .slider-gallery__wrap {
  height: auto;
  width: 100%;
  text-align: center;
  display: block;
  overflow: hidden;
}
#photos .slider-gallery__box {
  height: 100%;
  border: 0;
  display: block;
}
#photos .slider-gallery__img {
   width: 100%;
    height: 100%;
    max-height: 100px;
    cursor: pointer;
    object-fit: contain;
}
#photos .slider-gallery__description-box {
   display: none;
}

@media (max-width: 900px) {
  #photos .slide {
    width: 100%;
    height: auto;
    margin: 10px 0 0;
  }
  #photos  .slider-gallery__wrap {
    height: auto;
    width: 100%;
  }
  #photos .slider-gallery__img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
  }
}
/* ------------- CUSTOM GALLERY ---------------- */
/* INIT SLIDER STYLES  */
.initSlider,
.initSlider *,
.initSlider *::after,
.initSlider *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.slide.hide,
.slide.hideSlide {
  display: none !important;
}

.initSlider {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
}
.initSlider .firstImg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}

.initSlider .lastImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
}
.initSlider img {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.initSlider .slide {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  text-align: center;
}

.initSlider .slide a {
  z-index: 55;
}

.initSlider .containerGallery {
  position: relative;
  display: inline-block;
}

.initSlider .slider__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background: rgba(0, 0, 0, 0.4);
}
/* end INIT SLIDER STYLES */
/* Galerie responsive END */
/* SLIDER GALLERY STYLES  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  body[data-slider-open="true"] {
     background: #000;
  }
}
body[data-slider-open="true"] {
  overflow: hidden;
}
body[data-slider-open="true"] .slider-gallery {
  display: block;
}

.slider-gallery {
  position: fixed;
  z-index: 100000;
  padding: 5px 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  display: none;
}
.slider-gallery .slider-gallery__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px 10px;
    margin-top: 15px;
}
.slider-gallery .slider-gallery__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.slider-gallery .slider-gallery__position {
  font-size: 1.42857rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.slider-gallery .slider-gallery__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: inherit;
}
.slider-gallery .slider-gallery__header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.slider-gallery .slider-gallery__close {
  padding-left: 5px;
 cursor: pointer;
}

.slider-gallery .slider-gallery__close:hover {
  opacity: 0.6;
}
.slider-gallery .slider-gallery__description-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 10px 0;
  line-height: 1.5;
}

.slider-gallery .slider-gallery__description,
.slider-gallery .slider-gallery__comment {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #eee;
  text-align: left;
}

.slider-gallery .slider-gallery__comment {
  font-size: 0.7rem;
}

.slider-gallery .slider-gallery__arrow {
  position: absolute;
  top: 0;
  bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  color: transparent;
  text-decoration: none;
  cursor: pointer;
}
.slider-gallery .slider-gallery__arrow {
  width: 30px;
}

.slider-gallery .slider-gallery__arrow:hover {
  opacity: 0.6;
}

.slider-gallery .slider-gallery__arrow-prev {
  left: 0;
  width: 30%;
}

.slider-gallery .slider-gallery__arrow-next {
  right: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 70%;
}

.slider-gallery .slider-gallery__arrow-icon {
  border: solid #fff;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 8px;
  position: relative;
}

.slider-gallery .slider-gallery__arrow-prev-icon {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 10px;
}

.slider-gallery .slider-gallery__arrow-next-icon {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 10px;
}

.slider-gallery .slider-gallery__slider {
  position: relative;
  height: 80vh;
  min-height: 700px;
}

.slider-gallery .slider-gallery__slide {
  height: 100%;
}

.slider-gallery .slider-gallery__container {
  position: relative;
  height: 89vh;
  height: calc(100vh - 65px);
  padding: 0 15px;
}

.slider-gallery .slider-gallery__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-align: center;
}

.slider-gallery .slider-gallery__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 100%;
  max-width: 90%;
  max-height: 100%;
  margin: auto;
  overflow: hidden;
}

.slider-gallery .slider-gallery__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.slider-gallery .containerGallery {
    height: 100%;
}

@media (max-width: 650px) {
  .slider-gallery .slider-gallery__container {
     padding: 0;
  }
}
/* end SLIDER GALLERY STYLES */
.contact-info {
    line-height: 2;
}
.contact-info p {
    font-size: .9rem;
    color: #8c8c8c;
}
.contact-info i {
    font-size: 20px;
    color: #56a87c;
    margin: 0 10px 0 0;
    float: left;
    width: 44px;
    height: 44px;
    background: #56a87c26;
    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;
    border-radius: 50px;
}
.email-form input:focus,
.email-form textarea:focus {
    border-color: #56a87c;
    border: 1px solid #56a87c;
    box-shadow: none;
}
.footer-bottom {
    background-color: #7cb798;
    font-size: .9rem;
    position: relative;
}
.footer-bottom p { 
  display: block;
}
@media(min-width: 768px) {
  .footer-bottom p { 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
}
.footer-bottom .up {
  position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #56a87c;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 1.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 20000;
}
.footer-bottom .up:hover {
  background-color: #72c398;
}
.footer-copyright {
    color: #f4f4f4;
    padding: 0 0 15px;
}
.footer-bottom .promolink,
.footer-bottom .rss,
.footer-bottom .hslice a,
.footer-bottom .print {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}
.footer-solid {
    color: #f4f4f4;
    padding: 0 5px;
}
.soc-ico {
  margin: 0 .5em;
}
.soc-ico.soc-ico-fb,
.soc-ico.soc-ico-ig,
.soc-ico.soc-ico-youtube,
.soc-ico.soc-ico-pinterest,
.soc-ico.soc-ico-twitter {
    height: 2em;
    width: 2em;
}
@media(min-width: 768px) {
.soc-ico.soc-ico-fb,
.soc-ico.soc-ico-ig,
.soc-ico.soc-ico-youtube,
.soc-ico.soc-ico-pinterest,
.soc-ico.soc-ico-twitter {
    height: 1.5em;
    width: 1.5em;
  }
}

.soc-ico.soc-ico-fb {
  background: url("https://s3b.estranky.cz/img/d/1000000430/facebook.png");
      display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
 }
.soc-ico.soc-ico-ig {
    background: url("https://s3b.estranky.cz/img/d/1000000430/instagram.png");
        display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.soc-ico.soc-ico-youtube {
    background: url("https://s3b.estranky.cz/img/d/1000000430/youtube.png");
        display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.soc-ico.soc-ico-pinterest {
    background: url("https://s3b.estranky.cz/img/d/1000000430/pinterest.png");
        display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.soc-ico.soc-ico-twitter {
    background: url("https://s3b.estranky.cz/img/d/1000000430/twitter-logo.png");
        display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-top {
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}
.footer-top .footer-top-form .input-w-100 {
  width: 100%;
  margin: 0 0 1em;
}
.footer-top textarea.form-control {
    min-height: calc(1.5em + 5.75rem + 2px);
}
.footer-top h4 {
    font-size: 1.75rem;
    font-weight: 500;
    color: #212529;
}
.footer-top h5 {
    font-size: 16px;
    font-weight: bold;
    color: #212529;
}
.footer-top p,
.footer-top ul {
    font-size: 1rem;
    font-weight: 300;
  word-break: break-all;
}
.footer-top ul {
    list-style: none;
    line-height: 2.5;
    padding: 0;
}
.footer-top ul i {
    color: #56a87c;
}
.footer-top a {
    text-decoration: none;
    color: #000;
}
.footer-top a:hover {
    color: #72c398;
}
 .mail-list-input {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0.375rem 0.75rem;
    margin: 0 0 1em;
    position: relative;
    border-radius: 50px!important;
    width: 100%;
}
#mail-list fieldset {
    border: none;
    padding: 0.5em 0 0;
}
.footer-top .mail-list-input {
    border: 1px solid #56a87c;
    width: 100%;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 4px;
    text-align: left;
}
@media(min-width: 768px) {
  .footer-top .mail-list-input {
    width: calc(100% - 100px);
  }
}
.footer-top .mail-send-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: none;
    font-size: .9rem;
    padding: 6.3px 10px;
    background: #56a87c;
    border: 2px solid #56a87c!important;
    color: #fff;
    transition: 0.3s;
    border-radius: 4px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}
@media(min-width: 768px) {
  .footer-top .mail-send-btn {
    right: 60px;
  }
}
.footer-top .mail-send-btn:hover {
    background-color: #72c398;
    border: 2px solid #72c398!important;
    color: #fff;
}
.footer-top .mail-list-form {
    margin-top: 20px;
    background: inherit;
    position: relative;
}

/* ESTRANKY CSS */

/* validation form */
#validation-dt label {
  margin: 0.5em 0 0.5em;
}
#validation-dt,
#c_validation,
.sound-captcha,
.vizual-captcha {
  text-align: left;
}
#c_validation {
  margin: 0 0 1em;
  width: 14em;
  text-align: left;
}
#c_validation_div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 14em;
}
#c_validation_img.vizual-captcha {
  width: 14em;
  margin: 0 0 0.5em;
}

.head-center {
    text-align: center;
}
.head-left {
    text-align: left;
}
.head-right {
    text-align: right;
}
#footer span.updated {
    color: #fff;
}
.recaptchaContainer {
  text-align: left;
}

.accessibility-links {
    position: absolute;
    top: -10000em;
}
.home .breadcrumb-nav-wrapper {
    display: none;
}
.breadcrumb-nav-wrapper {
    font-size: 1rem;
    margin: 2em 0;
}
.breadcrumb-link-active {
  color: #72c398;
}
.breadcrumb-span {
  color: #000;
}
.footer {
   display: inline-block;
    width: 100%;
}
.footer #contact-nav {
    padding: 4em 0;
}
#footer a.promolink-paid {
    background: none;
    padding: 0;
    color: #fff;
    height: auto;
}

#footer a.promolink strong {
    position: relative;
    left: 0;
    top: 0;
    text-indent: unset;
    font-size: 1rem;
    font-weight: 500!important;
    line-height: 23px;
}
@media(min-width: 768px) {
  #footer a.promolink strong {
      line-height: 23px;
  }
}
#footer span.hide {
   color: #f4f4f4;
    padding: 0 5px;
   position: relative;
    left: 0;
}
.editor-area li::marker {
    font-size: 100%;
    color: #56a87c;
}
.editor-area.news a {
  text-decoration: none;
  color: #56a87c;
}
.editor-area.news a:hover {
  text-decoration: none;
  color: #72c398;
}
.list-of-pages {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2em 0 0;
}
.list-of-pages .numbers {
    padding: 0 1em;
    display: block;
    text-align: center;
    width: 100%;
    word-break: break-all;
}
.article {
    overflow: hidden;
    text-align: left;
    padding: 15px 5px 25px;
}
.article .title-news-detail {
    font-size: 3rem;
    font-weight: 600;
    color: #000;
}
.articles-group .under-article {
  width: 100%;
}
.article.article-detail .article-detail-items .under-article .preview-folder-inner {
  display: block;
}
.article.article-detail .article-detail-items .under-article .preview-folder-inner .box {
  margin: 10px 10px 10px 0;
  display: inline-block;
}
.article.article-detail .article-img-detail {
    width: 100%;
    max-height: 640px;
    object-fit: contain;
}
.article.article-detail h2 {
  color: #56a87c;
  font-size: 2rem;
  font-weight: 700;
  margin: 15px 0;
}
.article .editor-area.news .preview {
  overflow: hidden;
}
.article .preview img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}
@media(min-width: 768px) {
.article .preview img {
    max-height: 313px;
}
}
.article .preview img:hover {
  transform: scale(1.1);
  transition: all 0.5s ease 0s;
}
.articles-group {
  /* display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start; */
  width: 100%;
    float: left;
    overflow: hidden;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 20px;
  margin: 0 0 4em;
  background-color: #fff;
}
.articles-group h2 {
  width: 100%;
}
.articles-group .border-bottom-article {
  height: 1px;
    width: 100%;
    display: block;
    background-color: #7cb7986b;
    margin: 1em 0;
}
.articles-group .article {
  display: inline-block;
  margin: 0 0 20px;
  padding: 0 10px;
  box-shadow: none;
  float: none;
}
@media(min-width: 768px) {
  .articles-group .article {
    margin: 10px 0 0;
    float: none;
  }
}
@media(min-width: 992px) {
  .articles-group .article {
    max-height: 34em;
    float: left;
  }
}
.article-detail .date {
  margin-bottom: 15px;
    color: #212529;
    font-size: .9rem;
    font-weight: 400;
}
.article.article-detail {
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 16px;
  padding: 15px;
}
.articles-group .section-subsections .section_article {
  margin: 0 0 15px;
}
.articles-group .section-subsections {
  display: block;
  width: 100%;
  margin: 20px 10px 10px;
}
.articles-group .section-subsections h3 {
  font-size: 1.2rem;
}

.blog-comments {
  margin: 0 0 30px;
}
.blog-comments .reply-form {
    margin: 15px 0 30px;
    padding: 15px 10px;
    box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
}
@media(min-width: 768px) {
.blog-comments .reply-form {
   margin: 30px 0 60px;
    padding: 30px;
}
}
.blog-comments .recaptchaContainer {
    text-align: left;
    margin: 25px 0 0;
}
.recaptchaContainer .g-recaptcha {
  margin: 20px 0 10px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}
@media(min-width: 1200px) {
  .recaptchaContainer .g-recaptcha {
     -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
.blog-comments .comment {
    margin-top: 30px;
    position: relative;
}
.level1 {
  margin-left: 20px;
  margin-top: 15px;
}

.level2 {
  margin-left: 40px;
  margin-top: 15px;
}

.level3 {
  margin-left: 60px;
  margin-top: 15px;
}

.level4 {
  margin-left: 80px;
  margin-top: 15px;
}

.level5 {
  margin-left: 100px;
  margin-top: 15px;
}

.level6 {
  margin-left: 120px;
  margin-top: 15px;
}

.level7 {
  margin-left: 140px;
  margin-top: 15px;
}

.level8 {
  margin-left: 160px;
  margin-top: 15px;
}

.level9 {
  margin-left: 180px;
  margin-top: 15px;
}
.editor-area table td {
    padding: 0 5px!important;
}
.editor-area table {
    overflow-x: auto;
}
table {
    caption-side: top;
    max-width: 1320px;
    border-collapse: collapse;
}
table caption {
  color: #4c4f52;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: inherit;
  border-width: inherit;
}

.article .editor-area.news h3 {
  height: auto;
  max-height: 2.3em;
  overflow: hidden;
  color: #56a87c;
  font-size: 1.3rem;
}
.article .editor-area.news .label-rubric {
  height: auto;
    max-height: 100%;
    overflow: hidden;
    margin: 0 0 15px;
  width: 100%;
}
@media(min-width: 460px) {
.article .editor-area.news .label-rubric {
    max-height: 5em;
}
}
.article .editor-area.news .label-rubric p {
  color: #1b2f45b3;
}
.article .editor-area.news .label-rubric .text-picture {
  max-width: 3.5em;
}
#content img.left-float,
#content img.right-float,
.text-picture,
table {
  width: 100%;
  height: auto;
}
@media(min-width: 460px) {
#content img.left-float,
#content img.right-float,
.text-picture,
table {
  width: inherit;
  height: inherit;
}
}


/* ESTRANKY CSS end */

/* ESHOP */

#ecategory ul li ul {
    padding-left: 1em;
}
.eshop-comment-form fieldset dl dd input,
.eshop-comment-form fieldset dl dd textarea {
  width: 14em;
}

.eshop-wrapper {
  margin-bottom: 4em;
  width: 100%;
}

#eshop.eshop-wrapper #confirm fieldset {
    overflow-x: auto;
}
#eshop .photo-wrap div, #eshop #photo div {
    vertical-align: text-top;
}
#eshop .products .article {
  float: none;
    width: 100%;
    margin: 4px 0 4px 0px;
    display: inline-block;
    padding-bottom: 10px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 15px;
}
@media(min-width: 768px) {
#eshop .products .article {
  float: left;
  width: 47.9%;
  margin: 4px 8px 4px 0px;
}
}
@media(min-width: 992px) {
#eshop .products .article {
  float: left;
    width: 32%;
}
}
@media(min-width: 1200px) {
#eshop .products .article {
  float: left;
    width: 23.9%;
}
}
#eshop .products .article h3 {
    margin: 0.3em 0em 0.3em;
    line-height: 1.1em;
    height: 2.2em;
    overflow: hidden;
    font-size: 1.1rem;
    font-weight: 600;
}
#eshop.eshop-wrapper .products .article .photo-wrap img {
    width: 100%;
    height: 130px;
    object-fit: contain;
}
#eshop .products .article .photo-wrap {
    width: 100%;
}
#eshop #photo-detail {
  width: 100%;
}
@media(min-width: 992px) {
#eshop #photo-detail {
  width: 270px;
}
}
#eshop .article .photo-wrap, #eshop #photo-detail .photo-wrap {
    margin-top: 0;
    display: inline-block;
}
#eshop.eshop-wrapper .products .article .editor-area {
    margin: 5px;
    padding: 0;
    height: 7em;
    line-height: 1.45em;
    overflow: hidden;
}
#eshop.eshop-wrapper .products .article .editor-area img {
  width: auto;
}
#eshop.eshop-wrapper .products .article span.price {
    font-weight: 600;
    text-align: left;
    margin: 15px 5px 10px;
}
#eshop .products {
    overflow: unset;
    margin: 15px 0;
}
#eshop.eshop-wrapper #basket input.amount {
    padding: 6px 2px;
    text-align: center;
    width: 40px;
}
.btn.btn-submit.add-basket {
  border-radius: 0.1rem!important;
  padding: 5px 10px 5px 35px;
  background: #56a87c url(/img/picture/32/basket.png) no-repeat;
  background-size: auto;
  background-position: 10px 8px;
}
.btn.btn-submit.add-basket:hover {
  background-color: #72c398;
    color: #fff;
}
#eshop.eshop-wrapper #product-comments {
  margin: 15px 0;
}
#eshop.eshop-wrapper .comment {
  margin: 25px 0 0;
}
#eshop.eshop-wrapper .block-comments-form {
  margin: 0 0 40px;
}

#eshop .eshop-table-wrapper {
  background: #fff;
  margin: 0 0 8px;
    padding: 10px;
    border: 1px solid #56a87c;
    border-radius: 4px;
}
#eshop .checkbox-inner {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 20px;
}
#eshop .image-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
   justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
   align-items: flex-start;
   width: auto;
   padding: 0 5px;
}
#eshop .image-inner {
    margin: 0 10px 0 0;
    float: left;
}
#eshop .title-inner a {
  font-weight: 400;
}
#eshop .title-inner {
   float: left;
   width: 65%;
}
@media(min-width: 420px) {
  #eshop .title-inner {
     width: 75%;
  }
}
@media(min-width: 768px) {
  #eshop .title-inner {
     width: 87%;
  }
}
@media(min-width: 1200px) {
  #eshop .title-inner {
     width: 90%;
  }
}
#eshop .remove-inner {
    display: inline-block;
    text-align: center;
    float: left;
    margin-top: -6px;
    width: 20px;
}
#eshop .remove-inner span {
  color: #000;
  font-weight: 500;
}
#eshop .text-price-wrapper .text-inner {
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #7cb7985c;
}
#eshop .basket-price-text {
    font-size: 1rem;
    padding: 15px 0;
    line-height: 23px;
    font-weight: 400;
}
#eshop #baskettransport ul, #eshop #basketpayments ul {
    padding: 10px 0;
}
#eshop #basket_preview_form li {
    padding: 5px 0;
}
#eshop .text-price-wrapper input {
    border: 1px solid #cecccc;
    border-radius: 3px;
    text-align: center;
    width: auto;
}
#eshop .contact-info table tbody tr td {
    float: none;
}
#eshop .registration.contact-info table tbody tr td {
    vertical-align: top;
    width: 100%;
    text-align: left;
    float: left;
}
#eshop #confirm table tbody tr td {
    vertical-align: top;
    width: auto;
    float: none;
    border-bottom: 1px solid #56a87c82;
    padding: 5px;
}
@media(min-width: 992px) {
#eshop #confirm table tbody tr td {
    padding: 5px 10px;
}
}

#eshop #basket_preview_form table tbody tr td {
    vertical-align: initial;
    width: auto;
    text-align: left;
    float: none;
}
#eshop .registration td input {
    width: 100%;
   border: 1px solid #a8bbc1;
}
#eshop #basket_preview_form {
  width: 100%;
  background: #fff;
  border: 0;
}
#eshop #basket_preview_form table {
  margin-bottom: 20px;
}
#eshop #contactaddress, #eshop #basketpayments, #eshop #baskettransport, #eshop #deliveraddress {
  width: 100%;
}
@media(min-width: 992px) {
#eshop #contactaddress, #eshop #basketpayments, #eshop #baskettransport, #eshop #deliveraddress {
  width: 50%;
}
}
#eshop #basket_preview_form table th {
  font-size: .8rem;
  line-height: 16px;
  padding-bottom: 12px;
}
@media(min-width: 992px) {
  #eshop #basket_preview_form table th {
     font-size: 1rem;
  }
}
#eshop #basket_preview_form table td {
  font-size: .8rem;
}
@media(min-width: 992px) {
#eshop #basket_preview_form table td {
  font-size: 1rem;
}
}
#eshop #basket_preview_form td input[type="text" i] {
  width: 45%;
}
#eshop #basket_preview_form td.title, #eshop #confirm td.title {
  width: 23%;
}

#eshop .wrap {
  margin: 25px 0;
}
#eshop .wrap #product-name {
  margin: .5em 0 1em;
}
#eshop #steps {
  width: 100%;
  margin: 25px auto;
  display: block;
  text-align: center;
}
#eshop #steps ul {
 text-align: center;
 display: inline-block;
  padding: 0;
}
#eshop #steps .active {
  background: #56a87c;
  color: #fff;
}
#eshop #steps li {
    margin: 0 5px 0;
}
#eshop th {
    padding: 5px;
}
@media(min-width: 992px) {
#eshop th {
    padding: 5px 10px;
}
}
#eshop .basket-back-btn .clButton a {
  padding: 3px 10px;
}
#eshop #panel {
    width: 100%;
    margin: 10px 0px;
    overflow: hidden;
}
#eshop .container {
  padding: 0;
}
#eshop #articles .contact-info #account_info table {
  margin: 0 0 15px;
    width: 100%;
    float: left;
}
#eshop #articles .contact-info #account_info table td,
#eshop #articles .contact-info #billing_address table td  {
 display: table-header-group;
}

#eshop .contact-info input[type="text" i] {
  width: 100%;
}
#eshop fieldset.validation .validatin-images-set input {
    width: 100%;
    margin: 12px 0;
}
#eshop .contact-info td span {
    color: red;
}
#eshop .contact-info .eshop-tr-spacer {
  margin: 0 0 25px;
    display: inline-block;
}
#eshop .basket-sidebar .login-info {
  width: 17em;
  margin: 0 0 40px;
}
#eshop.eshop-wrapper .gennewmail p {
  width: 15em;
}
#eshop .basket-sidebar #billing_address {
  margin: 30px 0 10px;
}
#eshop .basket-sidebar .validterms-wrapper {
  margin: 10px 0 30px;
}

#eshop .table-confirm-wrapper .basket-confirm-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #7cb7984f;
  padding: 5px 0 5px;
} 
@media(min-width: 768px) {
  #eshop .table-confirm-wrapper .basket-confirm-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  }
}
#eshop .table-confirm-wrapper .text-basket-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#eshop .table-confirm-wrapper .text-basket-inner .text-wrapper {
  font-weight: 500;
  margin: 0 10px 0 0;
}

#eshop .table-confirm-wrapper .basket-table-row-img {
  margin: 5px 20px 5px 0;
}
#eshop .confirm-payment-transport  {
  margin: 20px 0 40px;
  text-align: left;
}
@media(min-width: 768px) {
#eshop .confirm-payment-transport  {
  text-align: right;
}
}
#eshop .confirm-payment-transport p {
  margin-bottom: 1px;
}
#eshop .table-confirm-wrapper .text-wrapper-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#eshop .table-confirm-wrapper .text-wrapper-items .spi-basket-table-product,
#eshop .table-confirm-wrapper .text-wrapper-items .spi-basket-table-amount,
#eshop .table-confirm-wrapper .text-wrapper-items .esi-basket-confirmation-reserved-th,
#eshop .table-confirm-wrapper .text-wrapper-items .spi-basket-table-price-a,
#eshop .table-confirm-wrapper .text-wrapper-items .spi-basket-table-price {
  padding: 0 10px 0 0;
}
#eshop.eshop-wrapper .order-wrapp-btn {
  margin: 2em 0 1em;
}