.tl a, .tl span, input.submit, button.submit {position: relative; line-height: 120%; padding: 14px 35px 17px; background-color: #c89769; color: #fff; text-decoration: none; display: inline-block; font-size: 100%; transition: .4s all ease; border-radius: 25px; font-weight: 400; text-transform: uppercase;}
.tl a::after, .tl span::after, button.submit::after {font-family: 'icomoon';content: "\ea3c";color: #eee; margin: 0 0 0 12px; transition: .4s ease-in-out transform; display: inline-block;}
.tl a:focus::after, .tl a:hover::after {transform: translateX(5px);}

.tl a:focus, .tl a:hover {}


input.submit, button.submit {padding: 14px 40px;}

.tlViceInfo .tlSipka .line {background-color: rgba(0,0,0,0);}
.tlViceInfo a:hover .tlSipka .line {background-color: rgba(0,0,0,1);}

.pageloader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 300;background-color: rgb(0, 0, 0);opacity: 1;}
.pageloaderContent {position: absolute; top:0; left: 0; right:0; bottom:0; margin: auto; width: 0; height: 0;}
.lds-ellipsis,.lds-ellipsis div {box-sizing: border-box;}
.lds-ellipsis {display: inline-block;width: 80px;height: 80px; position: absolute; bottom: 0; top:0; left: -40px; right:0; margin: auto auto; }
.lds-ellipsis div {position: absolute;top: 33.33333px;width: 13.33333px;height: 13.33333px;border-radius: 50%;background: #ffffff;animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes lds-ellipsis3 {0% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes lds-ellipsis2 {0% {transform: translate(0, 0);}100% {transform: translate(24px, 0);}}

/******** hlavicka *********************************/
header.hlavicka {width: 100%; height: 120px; width: 100%; position: fixed;top: 0;z-index: 200; transition: .2s all ease; background-color: #fff; box-shadow: 0px 0px 8px rgba(0,0,0, .2); }
header.hlavicka .wrapper {position: relative; height: 100%; }
/*.podstrana header.hlavicka .wrapper {background: linear-gradient(to right, #000 0%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 50%,#000 100%);}*/
.hlavickaContent {height: 100%;}

#logo {margin: 0; position: relative; transition: .2s all ease; z-index: 152; padding: 0; display:-ms-flexbox;display:flex; -ms-align-items:center;align-items: center; left: -10px;}
#logo a {display: block; position: relative; text-decoration: none; border: none; width: 210px;}
#logo a img {transition: .2s all ease; display: block;}

/**********************************************/
#boxMenu {display:-ms-flexbox;display:flex; -ms-align-items:center;align-items: center;}
#hlavniMenu {position: relative; z-index: 151; }

#boxMenuContent {height: 100%; transition: .2s all ease; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:right;justify-content:right;}
#boxMenuContent > ul {margin: 0;padding: 0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:right;justify-content:right;  -ms-align-items:center;align-items: center; transition: .2s all ease; height: 100%;}
#boxMenuContent > ul > li {list-style: none; padding: 0 25px; transition: .2s all ease; }
#boxMenuContent > ul > li > a { display: block; text-decoration: none; font-size: 130%; position: relative;  padding: 6px 0px 8px; color: #fff; font-weight: 300; border: none; border-bottom: solid 1px rgba(255,255,255, 0); text-transform: uppercase; text-shadow: rgba(0,0,0,1) 0 0 12px, rgba(0,0,0,1) 0 0 22px;}
#boxMenuContent > ul > li > a:hover, #boxMenuContent > ul > li > a.aktivni {border-color: rgba(255,255,255,1)}
#boxMenuContent > ul > li > a.aktivni {font-weight: 400;}
#boxMenuContent > ul > li:first-of-type {padding-left: 0;}

#boxMenuContent .boxMenuContent2 {display:-ms-flexbox;display:flex; -ms-align-items:center;align-items: center;}
#boxMenuContent .boxSite {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:right;justify-content:right; margin: 0; padding: 0;}
#boxMenuContent .boxSite li {list-style: none; padding: 0 20px; transition: .2s all ease;}
#boxMenuContent .boxSite li a, #boxMenuContent .boxSite li img {display: block;}
#boxMenuContent .boxSite li a {height: 45px;}
#boxMenuContent .boxSite li img {height: 100%; width: auto;}

.uvod header.hlavicka {background-color: transparent; box-shadow: none; height: 200px; background-image: url();}
.uvod #boxMenuContent > ul > li > a {color: #fff; border-color: rgba(255,255,255,0);}
.uvod #boxMenuContent > ul > li > a:hover, .uvod #boxMenuContent > ul > li > a.aktivni {border-color: rgba(255,255,255,1);}
.uvod #logo {top: 50px; left: -40px;}
.uvod #logo a {width: 500px;}

.podstrana header.hlavicka { background-color:  rgba(133,89,53, 0.95);}
/**********************************************/
header.navMin, .uvod header.navMin {height: 120px; top: 0; background-color:  rgba(133,89,53,0.95);}
header.navMin #logo {top: 0px; left: -10px;}
header.navMin #logo a {width: 210px;}
header.navMin #boxMenuContent > ul > li > a, .podstrana header.hlavicka #boxMenuContent > ul > li > a {text-shadow:none;}
/**********************************************/
.aTl a {text-decoration: none; text-transform: uppercase; font-size: 130%; color: #000; padding: 15px 50px 10px; transition: .2s all ease; line-height: 200%;}
/******************************************************/
#hlavniObsah {position: relative; padding: 0; flex-grow: 1;  background-color: #716f3e;}
.uvod #hlavniObsah {overflow-x: hidden;}
.podstrana #hlavniObsah { background-color: #716f3e;}

/******************************************************/
.boxMotiv {background: url('../layout/DeerMountStatic.webp') center top 0 no-repeat;background-size: auto;background-size: cover;position: relative;min-height: 650px;}
.boxMotiv .pageTitle {padding-top: 165px;text-transform: uppercase;color: #ffffff;margin: 0;}
.boxMotiv::after {
  content: "";
  display: block;
  width: 100%;
  height: 22%;
  background: transparent url(../layout/obili_stromky_bez_stinu.webp) repeat center bottom;
  background-size: auto;
  position: absolute;
  bottom: 0;
  background-size: auto 100%;
}

#drobeckovaNavigace {color: #fff;font-size: 100%;margin: 0 0 25px; font-weight: 300;}
#drobeckovaNavigace a {color: #fff; text-decoration-color: transparent; -webkit-text-decoration-color: transparent; font-weight: 400;}
#drobeckovaNavigace a:hover {color: #fff; text-decoration-color: #fff; -webkit-text-decoration-color: #fff;}
#drobeckovaNavigace ul {margin: 0; padding:0; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:left;justify-content:left;}
#drobeckovaNavigace ul li {list-style: none; margin: 0; padding: 8px 0; margin: 0 5px 0 0;}
#drobeckovaNavigace ul li + li::before {content: " → ";color: #eee;font-size: 90%;margin: 0 7px 0 5px;position: relative;top: -1px;}

/******************************************************/
.boxZakladniObsah {padding: 20px 0;}

/******************************************************/
.boxZakladni  {background-color: #716f3e;padding: 80px 0 80px 0;}
.box70 {width: 70%; margin: 0 auto;}
.podstrana .boxZakladni {padding: 60px 0 40px;}
.podstrana .boxZakladniPrvni {padding-top: 0;}
.boxCenterText div.text {text-align: center;}
.boxNovinky {background-color: #716f3e; padding: 50px 0 0;}

/******************************************************/
#boxUvod {position: relative;}
#boxUvod .boxVideo {position: relative;}
#boxUvod .boxVideo video {width: 100%; max-width: 100%; height: auto; display: block;}
#boxUvod .boxVideo:after {content:""; display: block; width: 100%; height: 22%; background: transparent url(../layout/obili_stromky_bez_stinu.webp) no-repeat center bottom; position: absolute; bottom: 0; background-size: auto 100%;}

#boxUvod .boxUvodLabel {position: absolute; width: 100%; bottom: 15%;}
#boxUvod .boxHlavniNadpis {color: #ffffff; width: 450px; text-transform: uppercase; font-weight: 300; font-size: 100%;}
#boxUvod .boxHlavniNadpis strong, #boxUvod .boxHlavniNadpis span {display: block; line-height: 120%;}
#boxUvod .boxHlavniNadpis strong {font-size: 170%; padding: 0 0 7px;}
#boxUvod .boxHlavniNadpis span {font-size: 400%; font-weight: 600;}
/******************************************************/
.boxNovinky .boxNovinkyNadpis {width: 17%; text-transform: uppercase;font-weight: 400; }
.boxNovinky .boxNovinkyObsah {width: 65%; padding: 0 0 0 50px;z-index: 203;position: relative;}

.boxNovinky .boxNovinkyFoto {width: 36%;}
.boxNovinky .boxNovinkyFoto a {border:solid 7px #fff;display: block;}
.boxNovinky .boxNovinkyFoto a img {display: block;}
.boxNovinky .boxNovinkyTextContent {width: 60%;}

.boxNovinky time, .boxNovinky .boxNaseFenyOznaceni {color: #c89769}
.boxNovinky .boxNovinkyNadpis2, .boxNovinky .boxNovinkyNadpis2 a {color: #fff;}
.boxNovinky .boxNovinkyNadpis2 a {text-decoration-color: #fff; -webkit-text-decoration-color: #fff;}
.boxNovinky .boxNovinkyNadpis2 a:hover {text-decoration-color: transparent; -webkit-text-decoration-color: transparent;}

.boxNovinky{position: relative; z-index: 203; z-index:199;}
.boxNovinky .boxNovinkyContentFlex:before {content:""; display: block; width: 50%; max-width: 700px; height: 300px; background: transparent url(../layout/packy.webp) no-repeat right bottom; position: absolute; top: -180px; background-size: auto 100%; right: -17vw; z-index: 201;z-index:197;}

.boxNovinky .boxNovinkyContentFlex {position: relative; z-index: 202; z-index:198}
.boxNovinky .boxNovinkyContent {padding: 0 0 25px;}
.boxNovinky article:last-of-type .boxNovinkyContent {padding: 0;}

.boxNovinky figure {transition: .2s all ease;}
.boxNovinky figure:hover {opacity: 0.7;filter: alpha(opacity=70);}
/******************************************************/

.boxNasiPsi {-ms-align-items:start;align-items: start; /*-ms-flex-direction: row-reverse; flex-direction: row-reverse;*/}
.boxNasiPsi .boxNasiPsiFoto {width: 37%;}
.boxNasiPsi .boxNasiPsiText {width: 59%;}

.boxNasiPsi .fotoPrukazPuvodu {width: 300px;}

.boxNasiPsi .boxNasiPsiFoto .fotoHlavni {margin: 0 0 2%;}
.boxNasiPsi .boxNasiPsiFoto a {border: solid 7px #fff; display: block;}
.boxNasiPsi .boxNasiPsiFoto .fotoHlavni a img {display: block;}

.boxNasiPsi .boxNasiPsiFoto .fotoDalsi {height: auto;margin: 0 2% 2% 0%; width: 23.5%;}
.boxNasiPsi .boxNasiPsiFoto .fotoDalsi:nth-of-type(4n + 1) {margin-right: 0;}
.boxNasiPsi .boxNasiPsiFoto .fotoDalsi a {display: block;width: 100%;position: relative;height: 0;padding: 75% 0 0 0;overflow: hidden;}
.boxNasiPsi .boxNasiPsiFoto .fotoDalsi a span {position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.boxNasiPsi .boxNasiPsiFoto .fotoDalsi a img {display: none;}
.boxNasiPsi .boxNasiPsiFoto figure a:hover { opacity: 0.7; filter: alpha(opacity=70); }
/******************************************************/
.boxNasiPsiInMemoriam figure img {filter: grayscale(100%);}

.ikoInMemoriam span {background: #111;padding: 2px 10px 3px;}
/******************************************************/
.boxVrhyDetailInfo {padding: 15px 0 0;}
.boxVrhyDetailInfo .boxVrhyDetailInfoItem {padding: 0 0 25px; }
.boxVrhyDetailInfo .boxVrhyDetailInfoItem {
  width: 40%;
  transition: .2s all ease;
  margin: 0 2% 2% 0;
  padding: 30px 30px;
  box-shadow: 0px 0px 27px rgba(0,0,0, .1);
  border: solid 1px #fff;
  -ms-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  background-color: #fff;
}
.boxVrhyDetailInfo .boxVrhyDetailInfoItemOdd {
  -ms-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  max-width: 20%;
  padding: 0 30px;
  margin: 0 2% 2% 0;
  text-align: center;
  font-size: 300%;
}
.boxVrhyDetailInfo .boxVrhyDetailInfoItem h3 {font-size: 130%;}
.boxVrhyDetailInfo .fotoPrukazPuvodu {width: auto;}
/******************************************************/
.boxVrhy .boxVrhyItem {width: 18%; margin: 0 2% 2% 0; }
.boxVrhy .boxVrhyItem a {display: block; height: 100%; padding: 20px; text-align: center; background-color: #fff; transition: .2s all ease; box-shadow: 0px 0px 13px rgba(0,0,0, .15);}
.boxVrhy .boxVrhyItem a:hover {box-shadow: 0px 0px 13px rgba(0,0,0, .1);}
.boxVrhy .boxVrhyItem .nadpis {transition: .2s all ease; font-size: 200%; margin: 0; padding: 120px 0 30px; background-image: url(../layout/logoVrhy.webp); background-size: 100px auto; background-repeat: no-repeat; background-position: center top; opacity: .75;}
.boxVrhy .boxVrhyItem a:hover .nadpis {opacity: 1;}

/*
article figure.foto-item {transition: .2s all ease;}
article figure.foto-item:hover figure { opacity: 0.7; filter: alpha(opacity=70); }
article figure.foto-item a {display: block;width: 100%;position: relative;height: 0;padding: 75% 0 0 0;overflow: hidden;}
article figure.foto-item .articleImage {position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
article figure.foto-item .title {border-bottom: 1px solid #d4d4d4; font-size: 130%; font-weight: 600; position: relative; padding: 0; margin: 0;}
article figure.foto-item .title a {color: #170a06; text-decoration: none; display: block; padding: 12px 0; }
article figure.foto-item:hover .title a {color: #3FAFC3; position: relative; z-index: 102;}
*/
/******************************************************/

/******************************************************/

/***********************************************************/
/***********************************************************/
.galerie {padding: 0 0 20px;}
.galerie .polozka {width: 50%; padding: 0 0 20px; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;justify-content:space-between; text-align: left;}
.galerie .polozka .foto {line-height: 60%; width: 13%;}
.galerie .polozka .nazev { width: 85%;}
.galerie .polozka h3 {font-size: 110%; padding: 0 0 10px;}
.galerie .polozka .datum {}

.boxGalerieDetail .boxGalerie {margin: 0 0 0; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:left;justify-content:left; }
.boxGalerieDetail .boxGalerie .polozka {margin: 0 2% 2% 0; width: 23%;}
.boxGalerieDetail .boxGalerie .polozka a {display: block;}
.boxGalerieDetail .boxGalerie .polozka a img {display: block; margin: 0 auto;}

.boxFotogalerie .my-gallery {margin: 0 0 25px;}

.boxFotkyMenu {padding-top: 0;}

.my-gallery figcaption {display: none;}

/******************************************************/
#paticka {background-color: #716f3e;}
#paticka, #paticka * {color: #fff;}
#paticka a, #paticka .link {color: #fff; font-weight: normal;}
#paticka a:hover {}
#paticka a.bold {font-weight: bold;}
/******************************************************/
#paticka .patickaBottom {padding: 0; font-size: 100%;}
#paticka .patickaBottom .p {padding: 0;}
#paticka .patickaBottom * {color: #fff;}

#paticka .patickaBottomLeft {width: 65%; display:-ms-flexbox;display:flex; -ms-align-items:center;align-items: center; -ms-align-items:end;align-items: end;}
#paticka .patickaBottomRight {width: 30%; position: relative; max-width: 423px;}

#paticka .patickaBottomLeft .p {padding: 0 0 30px;}

#paticka .linkVeterina {width: 423px; height: 190px;  background: transparent url(../layout/kopecek.webp) no-repeat center center; position: relative; right: -130px;}
#paticka .linkVeterina a, #paticka .linkVeterina img {display: block;}
#paticka .linkVeterina a {position: absolute; bottom: 15px; margin: auto; left: 0; right:0; width: 110px;}
#paticka .linkVeterina img {width: 100%;}
/********************************************************/
/*****************************************************/
/*****************************************************/

/*****************************************************/

.boxMapa {line-height: 60%;/*filter: grayscale(100%);*/}

/***** POPUP BLOCK *****/
.white-popup-block {background: none repeat scroll 0 0 #FFFFFF;margin: 20px auto;max-width: 900px;padding: 2em 3em;position: relative;width: auto;}
.white-popup-block h2 {font-size: 150%; border-bottom:solid 1px #ddd; padding: 0 0 10px; margin: 0 0 25px;}