/*
tm sediva nadpis #4b4949
sv sediva #e6e6e6
sv sediva #f7f7f7
stredne sv sediva #6d6d6d

*/

* { font: 1.05rem/1.7 Montserrat, sans-serif, arial; }

.nanogallery_gallerytheme_custom_gallery-id .nGY2GThumbnail { border-color: #018249 !important; }

h1, h1 *, h2, h3, h4, h5 {  }
h1, h1 *, .h1 { font: 2.5rem/1.5 sans-serif; color: inherit;  }
h2, h2 > * { font: 2rem/1.6 sans-serif; }
h3, h2 > * { font: 1.6rem/1.6 sans-serif; margin: 0.5em 0; }

body {
 color: #0D0D0D;
 background: #FAFAFA;
}

h1 {
  margin-bottom: 20px;
  padding-bottom: 9px;
}

a {
    color: #018249;
}

a:hover, a.active {
    color: #1A9C63;
    text-decoration: none;
}

strong, b {  }
em { font-style: italic; }
img.left { float: left; margin: 5px 2em 1emx 0; }
img.right { float: right; margin: 5px 0 1em 2em; }


.text--split { font-size: 2rem; padding: 0 0.4em ;}

.lang {  }
.lang--cz { background: url('../images/ico-lang-cz.png') no-repeat 0 0; width: 32px; height: 32px; display: inline-block;  }

.section__title { padding: 0; position: relative; display: inline-block; margin: 0 0 1em 0; font-weight: bold; color: #171717; font-size: 2rem; font-family: 'Signika'; }
.section__title span { border-bottom: 6px solid #018249; font-family: 'Signika'; }
@media only screen and (min-width: 768px) {
  font-size: 3rem;
}
/*
.section__title::after { content: ""; border-bottom: 2px #018249 solid; width: 3em; height: 2em; display: inline-block; position: absolute; bottom: 0; left: 0; }
.section__title--center::after { left: 26%; }
*/


.main {
  padding-top: 0rem;
 } 
 
@media only screen and (min-width: 641px) { 
.main {
  padding-top: 0rem;  
 }
} 

/* logo */
.home-logo { padding: 1em 0 0 0; display: inline-block; }
.home-logo img { max-width: 65%; }
.logo-napis { width: 50%; margin: 0 0 0 1em;}

@media only screen and (min-width: 768px) {
  .home-logo { padding: 0 ; margin-top: 0.5em; }
}

/* menu */
.menu { Xwidth: 100%; /*padding: 1em 0em;*/ Xposition: absolute; Xz-index: 2; text-align: center; background-color: rgba(255, 255, 255, .95); }
.menu nav { margin: 1em 0em; }

.menu--default .menu { transition: 0.5s background-color ease; }
.menu--default .home-logo { width: 100%; transition: 0.5s width ease; }
.menu--default .nav-link { font-size: 1.15em; transition: 0.5s font-size ease; }


.menu--sticky .menu { background-color: rgba(255, 255, 255, .95); transition: 0.5s background-color ease; top:0; z-index: 1050; Xborder-bottom: 2px solid #f7f7f7; }
.menu--sticky .home-logo { width: 80%; transition: 0.5s width ease; }
.menu--sticky .nav-link { font-size: 1em; transition: 0.5s font-size ease; }
.menu--sticky .dropdown-item { font-size: 0.9em; transition: 0.5s font-size ease; }



.nav-item {
  position: relative;
  margin: 0 1.5em 0 0;
}
@media only screen and (max-width: 1100px) {
  .nav-item { margin: 0.9em 0 0 0; }
}

.nav-link {
  border-radius: 0;
  text-align: center;
  line-height: 1.0em;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
  font-family: sans-serif;
  font-family: 'Signika';
  padding: 0.2rem 1.2rem;
}

.nav-pills .nav-link.active {
  background: #fff;
  color: #018249;
}

.nav-pills .nav-item.active .nav-link {
  background: #018249;
  color: #dee;
  border-radius: 9px;
  /*border-bottom: 6px #018249 solid;*/
}

.nav-pills .nav-item:hover .nav-link{
  background: #018249;
  color: #fff;
  border-radius: 9px;
}

/*
.nav-link::after{
  content: "";
  position: absolute;
  right: 0;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 0;
  height: 6px;
  background-color: #018249;
  transition: 0.2s width ease;
}
*/

.nav-pills .nav-item:hover .nav-link::after{
  width: 80%;
}

.nav-pills .nav-item {
  width: 100%;
}

.nav-pills .nav-item::before {
  content: "";
}

.nav-pills .nav-item .nav-link{
  /*background: #fff;*/
  color: #000;
}

.navbar-toggler {
  position: absolute;
  top: -10px;
  right: 0px;
}

/*.navbar-dark .navbar-toggler { border-color: #fff; }*/

@media only screen and (max-width: 768px) {
  .nav-link {
    padding: 1em 2em;
  }
  /*
  .nav-link::after{
    left: 0%;
    bottom: 0px;
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
  }
  */
}

@media only screen and (min-width: 768px) {
  .menu { padding: 0.1em 0 0.4em 2em; }
  .menu { position: fixed; top: 52px; z-index: 1020; width: 100%; } /* sticky menu */
  /*#homepage .menu { background-color: rgba(255, 255, 255, .95); }*/

  .menu nav { margin: 1.2em 0em 0 0em; padding-left: 0 ; position: relative; }
  .nav-link {
    line-height: 2.2em;
  }

  .nav-pills .nav-item {
    width: auto;
  }
  
  .navbar-expand-md { flex-direction: column; }  
}

@media only screen and (min-width: 1024px) {
  .menu nav { margin: 1em 0em 0 0em; }
}

@media only screen and (min-width: 1200px) {
  .menu nav { margin: 1.2em 0em 0 0em; }
}

@media only screen and (min-width: 1500px) {
  .menu nav { margin: 2em 0em 0 0em; }
}

/* submenu */
.dropdown-menu { margin-top: 0px; border: 0; background: #eee; }
.dropdown-item { font-family: sans-serif; }
.dropdown-item:focus, .dropdown-item:hover { background: #fff; color: #018249; font-weight: bold; }
.dropdown:hover > .dropdown-menu { display: block; }
.dropdown>.dropdown-toggle:active { pointer-events: none; }

@media only screen and (max-width: 768px) and (min-width: 500px)  {
  .dropdown-menu {
    display: flex;
  }
  .dropdown:hover > .dropdown-menu { display: flex; }

  .nav-item.dropdown { }
  .nav-item.dropdown .nav-link { margin: 0 0 3em 0; }
  /*.dropdown-menu {
    display: block;
    position: relative;
    top: 0;
    left: -10%;
    float: right;
  }
  .nav-item.dropdown .nav-link { left: 12%; position: relative; }
  */
}
@media only screen and (max-width: 900px) {
  .dropdown-menu  { display: none; }
  .dropdown:hover > .dropdown-menu { display: none; }
}

/* top panel */
.toppanel { padding: 0 1em; background: linear-gradient(to top left, #018249, #018249); color: #e6e6e6;  }
.toppanel p { margin: 0; text-align: center; }
.toppanel p * { font: 0.95rem/1.7 sans-serif, arial; }
.toppanel a { color: inherit; }
.toppanel a:hover, a.active { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }
.toppanel span { padding: 0.1em; white-space: nowrap; }
.menu--sticky .toppanel { display: none; }
.toppanel .top-menu-link { color: #018249; font-weight: bold; margin: 0 0.2em 0 2em;  }
.toppanel .top-menu-link a { color: #018249; font-weight: bold; position: relative; left: 0.2em; }
.toppanel .top-menu-link a:hover { border-bottom: 1px #018249 solid ; }
.toppanel .icon--envelope { fill: #fff; }

@media only screen and (min-width: 400px) {
  .toppanel { padding: 0 0em; }
}

@media only screen and (min-width: 768px) {
  .toppanel { padding: 0 1em; position: absolute; z-index: 2; width: 100%; }
  .toppanel { position: fixed; top: 0; z-index: 1021;} /* sticky menu */

  .toppanel-block1 p { text-align: right; line-height: 3em; }
  .toppanel-block2 { text-align: center; }
  .toppanel span { width: auto; display: inline-block; margin: 0 2em 0 0;  }
  .toppanel span:last-child { margin: 0;}
}

@media only screen and (min-width: 1200px) {
  
  .toppanel { padding: 0 5em; }
  .toppanel-block2 { text-align: right; }
}

/* flag */
.flag-container { padding: 0.1em 0 0 0; }
.flag {
    background-image: url('../images/flags.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
    width: 24px;
    margin: 0.3em 0 0 0;
}
.flag--cz { background-position:-1px -1px; }
.flag--de { background-position:-26px -1px; }
.flag--en { background-position:-48px -1px; }

/* intro */
.intro { position: relative;  overflow:hidden; }
.intro-wrapper { height:350px; margin: 0 auto; width: 100%; background-position:center; }

.intro-text {
  color: white;
  font-size: 3em;
  font-family: sans-serif;
  padding: 25%;
  position: absolute;
  transition: 1.5s display ease;
}

.intro-text-inner {
  font-size: 2em;
  padding: 1em 2em ;
  background: rgba(30,30,30,0.7);
}

.intro-wrapper--zoom {
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.intro-wrapper--zoom:hover {
  transform: scale(1.06);
  -moz-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -o-transform: scale(1.06);
  -ms-transform: scale(1.06); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.06, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
}   

.intro-wrapper:hover .intro-text {
  /*display: block;*/
  display: none;
}

.intro-wrapper img { width: 100%; }

.intro__overlay { padding: 1em 2em ; background: rgba(23,23,23,0.9); }
.intro__title { font-size: 2rem; color: #fff; font-weight: bold; text-shadow: 4px 4px 5px rgba(0, 0, 0, 1); }
.intro__lead { font-size: 1rem; color: #fff;  text-shadow: 4px 4px 5px rgba(0, 0, 0, 1); }
.intro__text { background: transparent; padding: 1em ; text-align: center; position: absolute; bottom: 10%; }

@media only screen and (min-width: 768px) {
  .intro { margin-top: -80px; }
  .intro-wrapper { height:850px; }
  .intro__overlay { position: absolute; z-index: 100; top: 56%; left: 50%; xtransform: translate(-50%, -50%);  padding: 1em 2em; max-width: 76rem; background: transparent; }
  .intro__title { font-size: 4rem; margin: 0; }
  .intro__lead { font-size: 2rem; width: 80%; }

  .intro__text { background: transparent; position: absolute; bottom: 25%; margin: 0em 7em 0 7em; max-width: 60em; float: right; text-align: left; }
}

@media only screen and (min-width: 1200px) {
  .intro__text { margin: 8em; }
}

/* */
.sluzby { padding: 2.5em 0; text-align: center; position: relative; }
.sluzby__item { padding: 0 ; position: relative; color: #fff; /*margin-bottom: 1em; margin-top: 1em;*/ }
.sluzby__wrapper {
  margin: 0 auto;
  text-align: left;
  padding: 1em;
  /*background: #3c3a3a;
  border-bottom: 10px solid #018249;
  border-right: 10px solid #018249;
  */
  /*background-image: linear-gradient(to bottom, transparent 30%, #fff 100%);*/
  /*
  background-size: cover;
  transition: 0.5s background ease;
  */
  /*transition: 0.5s padding ease;*/

}
.sluzby__wrapper * { font-weight: bold; }
.sluzby__name { color: #000; /*text-shadow: 1px 1px #000;*/ font-size: 1.1em; display: block; margin: 0em 0 0 0; }
.sluzby__desc { color: #A1A1A1; font-size: 0.8em; text-align: left; display: block; }
.sluzby__item .icon_circle { background-color: #018249; color: #fff; display: none; }

.Xsluzby__img::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, transparent 0%, black 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
}

.sluzby__item:hover .sluzby__wrapper {
  /*
  background: #018249;
  border-bottom: 10px solid #3c3a3a;
  border-right: 10px solid #3c3a3a;
  */
}
.sluzby__item:hover .sluzby__name {
  color: #018249;
}

.sluzby__item:hover .icon_circle {
  background-color: #018249;
  color: #000;

  animation: pulse;
  animation-duration: 1.5s;
}

/*
.sluzby__item--highlight:hover .sluzby__wrapper {
  xbackground: #f7f7f7;
  color: #4b4949;
}

.sluzby__item--highlight:hover .sluzby__name {
  color: #4b4949;
}

.sluzby__item--highlight { }
.sluzby__item--highlight .sluzby__name { color: #fff; }
.sluzby__item--highlight .sluzby__wrapper { background: #018249; }
*/

@media only screen and (min-width: 1200px) {
  
}

@media only screen and (min-width: 768px) {
 .sluzby { padding: 5em 0; padding-top: 3em; }
 .sluzby__item { Xmargin-left: 0; margin-top: 2.5em; position: relative; left: 2em; }
 /*.sluzby__item--highlight .sluzby__wrapper { padding: 4em 1em; position: relative; top: -2em; }*/
 .sluzby__wrapper { width: 100%; min-height: 4em; }
 .sluzby__name { display: inline-block; width: 74%; margin: 0 0 0 2rem; }
 .sluzby__desc { display: inline-block; width: 74%; margin-left: 2rem; }
 .sluzby__item .icon_circle { display: block; position: absolute; left: -1.5em; }
}

/* showimage */
.showimage { padding: 2em 0; text-align: center; }
.showimage__item { padding: 0 ; position: relative; color: #fff; text-align: center; }
.showimage__wrapper { display: none;  position: absolute; z-index: 10; width: 100%; height: 100%; padding: 0.5em 1em; background: rgba(15,15,15,0.7); background-size: cover; transition: 0.5s background ease; transition: 0.5s padding ease; transition: 0.5s display ease; text-align: center; }
.showimage__wrapper * { font-weight: bold; color: #fff; }
.showimage__name { color: #fff; padding-left: 1em; text-shadow: 1px 1px #000; font-size: 1.3em; }
.showimage__note { padding: 1em; text-align: center; font-size: 1.5em; }
.showimage__img { height: 100%; }
.showimage__item img { width: 100%; height: 100%; }

.Xshowimage__img::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, transparent 0%, black 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
}

.showimage__item:hover {
}

.showimage__item:hover .showimage__wrapper {
  background: rgba(15,15,15,0.7);
  padding: 0.2em;
  display: block;
  transition: 5s display ease;
}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 768px) {
 .showimage h2 { padding: 1em 0; }
 .showimage__wrapper { Xwidth: 80%; }
 .showimage__item { margin-left: 0; }
 .showimage__item .btn { position: absolute; bottom: 3em; left: 50%; transform: translate(-50%, -50%); }
 .showimage__note { position: absolute; width: 80%; top: 27%; left: 50%; transform: translate(-50%, -50%); }
}

@media only screen and (min-width: 400px) {

}


/* aktuality */
.aktuality { background: #f7f7f7; padding: 3em 0; }
.aktuality__item { margin-bottom: 0.8em; }
.aktuality__item a { font-size: inherit; color: #018249; }
.aktuality__item a:hover { text-decoration: underline; }
.aktuality__date { font-size: 0.7em; color: gray; padding-right: 1em; display: block; }
.aktuality__name { margin-top: 0; }


@media only screen and (min-width: 768px) {
  .aktuality { padding: 5em 0; }
  .aktuality__item { margin: 1em 0 3em 0; }
  .aktuality__date { display: inline; }
}


/* promobox */
.promobox { padding: 1em 0; text-align: center; }
.promobox__note p { font-size: 0.85rem; font-style: italic; }
.promobox img { margin-bottom: 0.8em; }

.promobox__item .promobox__wrapper { background: #f7f7f7;}
.promobox__item--highlight .promobox__wrapper { background: #018249; color: #fff; }

@media only screen and (min-width: 1200px) {
    
}

@media only screen and (min-width: 768px) {
 .promobox__item { position: relative; padding: 1em 0 3em 0; }
 .promobox__wrapper { margin: 1em ; padding: 3em 1.5em;  min-height: 10em; }
 .promobox__item--highlight .promobox__wrapper { min-height: 20em; position: absolute; top: -1em; }
 .promobox__note { position: absolute; bottom: 0; width: 100%; }
}

@media only screen and (min-width: 400px) {
    
}

/* infobox */
.infobox { padding: 3em 1em;  position: relative; color: #fff; }
.infobox--image { text-shadow: 4px 4px 5px rgba(0, 0, 0, 1);  }
.infobox--noimage { background: #018249; background: linear-gradient(to top left,  #018249, #1A9C63); }
.infobox .section__title { color: #fff; margin: 0; }
.infobox a { text-decoration: underline; }
.infobox strong, .infobox b { color: #e6e6e6; }
/*.infobox::after{ content:""; background: rgba(30,30,30,0.2);  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.infobox_wrapper { margin: 0 auto; z-index: 10; text-align: justify; }

.infobox ul {list-style: none}
.infobox li { position: relative; line-height: 2em; }
.infobox li::before {content: "•"; color: #018249; display: inline-block; font-size: 2.5em; margin-left: -0.7em; position: absolute; top: 3px; }
.infobox img {
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .infobox { min-height: 30em; padding: 5em 3em; }
  .infobox_wrapper * { font-size: 1.2rem; }
  .infobox_inner--left { float: right; }
  .infobox_inner--right { float: left; }
  .infobox::after {
    content: "";
    display: block;
    position: absolute;
    top: -19%;
    padding-left: 5%;
    color: rgba(0, 0, 0, 0.05);
    font-size: 18em;
    max-height: 15em;
  }
}

/* counter */
.counter { padding: 3em 3em;  position: relative; color: #fff; border-top: 4px solid #018249; border-bottom: 4px solid #018249;  }
.counter--image { }
.counter--noimage { background: #018249;  background: rgb(0,149,218); background: linear-gradient(90deg, rgba(33,158,188,1) 0%, rgba(73,198,228,1) 36%, rgba(33,158,188,1) 100%); }
.counter .section__title { color: #fff; }
.counter a { text-decoration: underline; }
.counter strong, .counter b { color: #018249; }
/*.counter::after{ content:""; background: rgba(30,30,30,0.2);  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.counter__wrapper { margin: 0 auto; z-index: 10; text-align: center;  }
.counter__name { font-size: 1.8rem; text-transform: uppercase; }
.counter__count { font-size: 2.5rem; font-weight: bold; }
.counter__icon .icon { font-size: 3rem; }

.counter ul {list-style: none}
.counter li { position: relative; line-height: 2em; }
.counter li::before {content: "•"; color: #018249; display: inline-block; font-size: 2.5em; margin-left: -0.7em; position: absolute; top: 3px; }


@media only screen and (min-width: 768px) {
  .counter { min-height: 25em; padding: 6em 3em; }
}

@media only screen and (min-width: 400px) {

}

/* facebook */
.facebook { padding: 2em 0; border-top: 4px solid #018249; border-bottom: 4px solid #018249; }

/* mapa */
.mapa { padding: 0; background: #f7f7f7; }
.mapa p { margin: 0; }

/* */
.footer { background: #FAFAFA; xcolor: #999; padding: 1em 0; border-top: 20px #018249 solid; border-left: 0; border-right: 0; position: relative; top: -10px; }
.footer .section__title { color: #fff; }
.footer h3, .footer h4 { padding: 0 0 0.5em 0; xcolor: #999; text-transform: uppercase; }
.copyright { margin-top: 1em; }
.copyright__txt1 { font-weight: bold; }
.copyright__txt2, .copyright__txt2 * { font-size: 12px; margin: 0; }

.footer-copyright { background: #4b4949; color: #999 !importan; color: #999; padding: 0 0 1em 0; }
.footer-copyright a { color: #999; }
.footer-copyright a:hover { color: #018249; }

@media only screen and (min-width: 768px) {
.footer { padding: 3em 5em; }
}





.link-arrow { background: url('../images/ico-sipka.png') no-repeat right 2px; padding-right: 2.3em; text-transform: uppercase; }


/* form */
.btn { color: #fff !important; border: 2px solid #018249; background: #018249; text-decoration: none !important; padding: 0.8rem 2.5rem; cursor: pointer; text-align: center; line-height: 1.5; xtransition: background 2s; font-weight: bold; }
.btn:hover {   animation: pulse; animation-duration: 1s; color: #fff !important; background: linear-gradient(to bottom right, #018249, #018249); transition: background 2s; border: 3px solid #018249; }
.btn-contact { background: transparent; border: 3px #fff solid; }
.btn--transparent { background: transparent; color: #fff !important; border: 3px solid #fff; }
.btn--transparent:hover { background: #030A0A;  border: 3px solid #fff; }

.paging { }
.paging a, .paging strong { margin: 0 0.3em 0 0; }

.top { position: fixed; right: 15px; right: 0.9375rem; bottom: 15px; bottom: 0.9375rem; z-index: 10; width: 50px; width: 3.125rem; height: 50px; height: 3.125rem; display: inline-block; font-size: 24px; font-size: 1.5rem; line-height: 50px; line-height: 3.125rem; text-align: center; color: #fff; background-color: #969696; border-radius: 50%; outline: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; }
@media (min-width: 1200px) {
  .top {
    right: 2rem;
    bottom: 2rem;
  }
}
.top--fixed {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


.panel { }
.panel-heading { width: 100%; background: #e6e6e6; }
.panel-title { margin: 0; }
.panel-title a { display: inline-block; width: 100%; text-decoration: none !important; font-weight: bold !important; padding: 1.3em 1.4em; border-top: 5px groove #018249; }
.panel-title a * { font-weight: bold !important; }
.panel-collapse.collapse.show { background: rgba(0,149,218, 0.1); }  /*#4CE0FF*/
.panel-body { padding: 1.4em 1.8em 2em 1.1em; xbackground: #e6e6e6; margin-bottom: 1.5em; xborder-bottom: 5px solid #018249; }

/*
.panel-title a:after {
  content: '\02795';
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796";
}
*/

/* */
.page { padding: 3em 0 8em 0;  border-bottom: 0px solid #018249; position: relative; }
/* pruh */.Xpage .section__title { /*background: url('../images/bg-title-sand.jpg') ;  background-repeat: no-repeat; background-size: cover; text-shadow: 1px 2px #000; text-transform: uppercase;  */ width: 100%; padding: 0.8em 0; background: linear-gradient(90deg, rgba(220,218,218,1) 0%, rgba(173,171,171,1) 15%, rgba(146,143,143,1) 100%); padding-left: 15%; color: #f7f7f7; }
.page .section__title { width: 100%; padding: 0.6em 0; padding-left: 15%; color: #018249; }
.page * { animation: fadeIn; animation-duration: 1.5s; }
.page h2 { color: #018249; }
.page h2, .page h3 { color: #018249; }
.page a { text-transform: none; text-decoration: underline; }
.page a:hover { text-decoration: none; }
.xpage ul { padding-left: 30px; }
.xpage ul li { padding-left: 10px; }
.page ul {list-style: none}
.page li::before {content: "•"; color: #018249; display: inline-block; width: 1em; font-size: 1.5em; margin-left: -1em; position: relative; top: 3px; }
.page h2, .page h3, .page h4, .page p { min-height: 1em; }

.page { }
.Xpage::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -9%;
    right: 0;
    padding-left: 5%;
    color: rgba(0, 0, 0, 0.05);
    font-size: 18em;
    max-height: 15em;
}
.page .page-inner img {
  -webkit-box-shadow: 10px 10px 14px 0px rgba(220,220,220,1);
  -moz-box-shadow: 10px 10px 14px 0px rgba(220,220,220,1);
  box-shadow: 10px 10px 14px 0px rgba(220,220,220,1);
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .page .page-inner img {
    margin-top: 1em;
  }
}


.page table { xmargin: 0.4em 0em 3em 0; }
.page table td { padding: 0.4em 0.6em; }
thead th, .thead th, .thead td { background: #018249; color: #fff; font-weight: bold; font-size: 1.15rem; margin: 0 0 0.5em 0; }
input { outline: none !important; }


/* table rows TO response columns */
.page .table-contact tr td:first-child { font-weight: bold; }
.page .table-contact tr td:nth-child(2), .page .table-contact tr td:nth-child(2) * { font-style: italic; font-size: 0.9em; }

.table-contact tbody
{
  display: grid;
  grid-template-columns: repeat(auto-fill, 95%);
  Xgrid-template-rows: 100% auto;
}

@media only screen and (min-width: 768px) {
  .table-contact tbody
  {
    grid-template-columns: repeat(auto-fill, 25%);
    grid-template-rows: 45% auto;
  }
}

.table-contact tbody tr { display: flex; flex-direction: column; margin-bottom: 2em; }
.table-contact tbody td { white-space: nowrap; }



@media only screen and (min-width: 768px) {
.page { margin-top: 8em; margin-bottom: 1em; xbackground: url(/images/bg-ilustrace1.png) right 90px no-repeat; }
.page .page-inner { padding-left: 7%; }
}

@media only screen and (max-width: 400px) {
  img.left { float: none; display: block; }
  img.right { float: none; display: block; }
}

@media only screen and (max-width: 768px) {
  .page-typ-14 h5 a { display: block; line-height: 0.5em; }
}

.form.varianta2 { margin: 0; }
.form.varianta2 * { font-family: arial;}
.form.varianta2 button { background: #018249; border: 0; padding: 0.8em 1em; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: bold; }
.form.varianta2 input, .form.varianta2 textarea { border: 0 ; border-bottom: 5px solid #ddd; padding: 0.5em 0.8em; margin: 0 0 0.6em 0; width: 70%; line-height: 2.5em; }
.form.varianta2 input:focus, .form.varianta2 textarea:focus { border-bottom: 5px solid #018249; background: #fcfcfc; }
.form.varianta2 label { font-weight: bold;}
.form.varianta2 table { width: 100%; }
.form.varianta2 td.col-1 { xbackground: #cccccc; width: 11em; }

@media only screen and (max-width: 768px) {
  .form.varianta2 tr { display: flex; flex-direction: column; padding: 0.4em 0; }
  .form.varianta2 td { padding: 0; }
  .form.varianta2 td.col-1 label { width: 100%; white-space: nowrap; }
  .form.varianta2 input, .form.varianta2 textarea { width: 100%; }
}

/* form */
.form div.msg_notice { padding: 10px; border: 2px solid #3286b1; background: #b1e5ff; color: #000; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form div.msg_error { padding: 10px; border: 2px solid #7F0707; background: #BF0B0B; color: #fff; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form div.msg_ok { padding: 10px; border: 2px solid #22a304; background: #c7ffba; color: #000 !important; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form div.msg_ok p { color: #000 !important; }
.form div.msg_error a { color: #fff; }
.form div.msg_notice p, 
.form div.msg_error p, 
.form div.msg_ok p { margin:0 !important; width: auto; }

/* vypis fotogalerii */
#fotos { }
#fotos .item { width: 200px; height: 250px; margin: 0 20px 20px 0; float: left; }
#fotos .item.last { margin-right: 0; }
#fotos .img { display: block; }
#fotos h3 { padding: 0; overflow: hidden; height: 68px; font-size: 1.3rem; }
#fotos h3 a { text-decoration: none; font-size: inherit; }
ul.navlist { list-style: none; list-style-type: none; margin: 0 0 0px 0; padding: 0 ; }
ul.navlist li { display: inline-block; list-style-type: none; background: none; margin: 0 15px 0 0; }

/* detail fotogalerie */
#fotogalerie{position:relative;}
#fotogalerie .cont{display:table;width:100%;}
#fotogalerie .clear{display:table-row-group;}
#fotogalerie .img{padding:3px 3px 1px 3px;border:2px #fff solid;width:120px;height:120px;display:table-cell;vertical-align:middle;text-align:center;}
#fotogalerie a.img:hover{border:2px #018249 solid;}

/* kontaktni formular */
/*
#contact-form { }
#contact-form td { padding: 0.5em 1em; max-width: 30em; }
#contact-form label { white-space: nowrap; }
#contact-form input, #contact-form textarea { width: 100%; border: 1px solid #000; border-radius: 5px; padding: 0 0 0 0.5em; }
*/

/* admin tools */
.admin-tools { }
.admin-tools .box-container { position: relative; }
.admin-tools .page-container { position: relative; }
.admin-tools .admin-tools-link { position: absolute; top: 30px; right: 30px; z-index: 1000; display: inline-block; background: #57a000; color: #fff !important; padding: 0.5em 1em; font-weight: bold; border: 2px solid #fff; text-decoration: none; }

/* icons */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -.15em;
  vertical-align: middle;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  shape-rendering: geometricPrecision;
}

.icon_circle { display: inline-block;
  text-align: center;
  height: 50px;
  width: 50px;
  font-size: 30px;
  line-height: 80px;
  /*color: #ff5200;*/
  background: linear-gradient(173deg, rgba(255, 255, 255, 0.05), rgba(215, 215, 215, 0.05));
  border-radius: 5%;
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.15);
  animation: iconClassic 20s ease-in-out infinite;
}

.icon_circle .icon { width: 1.975em; height: 1.975em; margin-top: -1.95em;}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* slick */
.slider-wrapper { position: relative; width: 100%;}
.slick-dots { width: 165px; padding: 0 ; margin: 0; text-align: center; }
.slick-dots li { margin: 0 0.8em 0 0; display: inline-block; }
.slick-dots li button { cursor: pointer; font-size: 0; background: url('../images/dot-gray.png') no-repeat; width: 7px; height: 7px; border: 0 ; }
.slick-dots li.slick-active button { background: url('../images/dot-red.png') no-repeat; }

@media only screen and (min-width: 1200px) {
  .slick-dots { position: relative; left: -100px; }
}

@media only screen and (min-width: 768px) {
  .slick-dots { margin: 3em auto 0;}
}

/* flatpicker */
.booking__day_showform { font-size: 1.3em;}
.term-picker__time{margin-top:1em; }
@media (min-width:600px){.term-picker{display:flex; }
.term-picker__time{flex:auto; margin-top:0; margin-left:2em; }
     }
.term-picker__day,.term-picker__time{padding:var(--header-padding-x); }
.term-picker__day{border-bottom:1px solid rgba(221,173,109,0.2); }
@media (min-width:600px){.term-picker__day{border-right:1px solid rgba(221,173,109,0.2);      border-bottom:0; }
 }
.flatpickr-calendar{--dayWidth:40px;  --width:calc(var(--dayWidth) * 7);  --day-bg-hover:rgba(221,173,109,0.2);  --day-bg-selected:#ddad6d;  width:var(--width);  font-size:1em;  box-shadow:none; }
@media (min-width:900px){.flatpickr-calendar{--dayWidth:50px; }
 }
.flatpickr-months{margin-bottom:2.25rem;  font-size:0.875rem; }
@media (min-width:900px){.flatpickr-months{font-size:inherit; }
 }
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#ddad6d; }
.flatpickr-months select{-webkit-appearance:none !important;       -moz-appearance:none !important;            appearance:none !important; }
.dayContainer{width:inherit;  min-width:var(--width);  max-width:var(--width); }
.flatpickr-days{width:inherit; }
.flatpickr-weekday{font-weight:normal !important; }
.flatpickr-day{font-size:0.875rem;  max-width:var(--dayWidth);  height:var(--dayWidth);  line-height:var(--dayWidth); color: #006400 !important; text-shadow: 1px 1px 1px rgba(0, 204, 0, 0.8); }
.flatpickr-day:hover,.flatpickr-day:focus{background:var(--day-bg-hover);    border-color:var(--day-bg-hover); }
.flatpickr-day.selected,.flatpickr-day.selected:hover,.flatpickr-day.selected:focus,.flatpickr-day.endRange{background:var(--day-bg-selected);    border-color:var(--day-bg-selected); color: #fff !important; }
.flatpickr-day.today,.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:var(--day-bg-selected); }
.flatpickr-day.today:hover{background:var(--day-bg-selected); }
.flatpickr-disabled { color: rgba(255, 102, 51, .55) !important; text-shadow: 0px 0px 0px rgba(0, 204, 0, 0); }

.time-list{-moz-columns:7.5rem auto;       columns:7.5rem auto;  -moz-column-gap:1.125rem;       column-gap:1.125rem; }
.time-list__item{margin-bottom:1.125rem; }
.time-list__item .form-radio__input:disabled + .form-radio__label{text-decoration:line-through;      opacity:.5; }
/**/

#polozky { display: flex; flex-flow: row wrap; }
#polozky .item { padding:  0.6em; margin: 0 auto; }
#polozky img { max-height: 200px;}
#polozky h3 { text-align: center; }
#polozky .price {text-align: center; margin-top: 0.5em;}
#polozky .more-info { text-align: center; margin: 1em 0 0 0; }
#polozky .btn { padding: 0.8em 2em ; }


.highlighted-info { background: #b5e51d; color:#000; font-style: italic; padding: 2em 2em 1em 4em; margin-top: 2em; -webkit-box-shadow: 10px 10px 14px 0px rgba(220,220,220,1); -moz-box-shadow: 10px 10px 14px 0px rgba(220,220,220,1); box-shadow: 10px 10px 14px 0px rgba(220,220,220,1);
   }
@media (min-width:900px){
  .highlighted-info { width: 60%; margin: 3em auto 0 auto; }
 }