.tl a, .tl span, .listSubmenu a, #paticka .tl a, input.submit, button.submit, .tlDalsiOdkazy a {position: relative; line-height: 120%; padding: 10px 22px 11px; background-color: #3fafc3; color: #fff; text-decoration: none; display: inline-block; font-size: 130%; transition: .2s all ease; border-radius: 0px; font-weight: 400;}
.tl a:hover, .tl span:hover, .listSubmenu a:hover, input.submit:hover, button.submit:hover, #paticka .tl a:hover, .tlDalsiOdkazy a:hover {background-color: #000; color: #fff;}

.tlViceInfo a {background-color: #fff; color: #111111;}
.tlViceInfo a:hover {background-color: #fff;}

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

.tl .tlSipka {width: 33px;height: 32px;position: absolute;cursor: pointer;right: 10px;top: 0; bottom: 0; background-color: transparent; transition: .15s all ease; margin: auto 0 auto 6px; z-index: 152;}
.tl .tlSipka .line {position: absolute; height: 2px; width: 35%; margin: auto; background-color: rgba(255,255,255,0); transition: .2s all ease;}
.tl .tlSipka .line1 {transform: rotate(45deg); right: 7px; top:12px;}
.tl .tlSipka .line2 {transform: rotate(-45deg); right: 7px; bottom:11px;}
.tl a:hover .tlSipka .line, .tl span:hover .tlSipka .line, button:hover .tlSipka .line {background-color: rgba(255,255,255,1); right: 2px;}

.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: #ffffff;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: #2b2a28;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: 100px; position: fixed;; z-index: 200; transition: .4s all ease; background-color: rgba(0, 0, 0, 0.7);}
header.hlavicka .wrapper {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%;}
.hlavickaContent > div {display:-ms-flexbox;display:flex; -ms-align-items:center;align-items: center; -ms-align-items:end;align-items: end;}

#logo {margin: 0; line-height: 70%; position: relative; z-index: 201; padding: 0; display:-ms-flexbox;display:flex; -ms-align-items:center;align-items: center;background-color: transparent;}
#logo a {display: block; text-decoration: none; border: none; width: 320px; position: relative; z-index: 202;transition: .4s all ease;}
#logo a img {}
#logo a span {display: none;}

/**********************************************/
#boxMenu {display:-ms-flexbox;display:flex; -ms-align-items:center;align-items: center; transition: .4s all ease;}
#hlavniMenu {}

#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 16px; transition: .2s all ease; }
#boxMenuContent > ul > li > a { display: block; font-size: 110%; position: relative;  padding: 12px 15px; color: #fff; font-weight: 400; border: none; text-decoration: none; border-bottom: solid 5px transparent; transition: all 0.3s linear;}
#boxMenuContent > ul > li > a.aktivni {color: #3fafc3;}

#boxMenuContent > ul > li:first-of-type {padding-left: 0;}
#boxMenuContent > ul > li:last-of-type {padding-right: 0;}
/**********************************************/
header.navMin {height: 53px; top: 0;}
header.navMin #logo a {width: 131px;}
/**********************************************/
.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;}


#drobeckovaNavigace {color: #434343;font-size: 85%;border-bottom: 1px solid #efefef; margin: 0 0 25px;}
#drobeckovaNavigace a {color: #434343; text-decoration-color: transparent; -webkit-text-decoration-color: transparent;}
#drobeckovaNavigace a:hover {color: #434343; text-decoration-color: #434343; -webkit-text-decoration-color: #434343;}
#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: #aaa;font-size: 90%;margin: 0 7px 0 5px;position: relative;top: -1px;}
/******************************************************/
.boxMotiv {background: url('../layout/motive_subpage.webp') center center no-repeat;background-size: auto;background-size: cover;position: relative;height: 280px;}
.boxMotiv .pageTitle {padding-top: 140px;text-transform: uppercase;color: #ffffff;margin: 0;}
/******************************************************/
.boxZakladni  {padding: 80px 0 80px 0; position: relative;}
.box70 {width: 70%; margin: 0 auto;}
.boxZakladniBily {background-color: #fff;}
.podstrana .boxZakladni {}
.podstrana .boxZakladniPrvni {padding-top: 0;}
.boxCenterText div.text {text-align: center;}
.boxFormularPaddingTop0 {padding-top: 0;}
/***********************************************************/


.boxSubmenu {padding: 0; background-color: #fff;}
.boxSubmenu ul {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;justify-content:space-between; margin: 0; padding:0;}
div.text .boxSubmenu ul li {list-style: none; margin: 0; padding: 0;}
.boxSubmenu ul a {display: block; padding: 80px 80px 75px; border-bottom: 5px solid #fff;}
.boxSubmenu ul a:nth-of-type(1) {border-color: #555;} /*** zde****/

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

.my-gallery figcaption {display: none;}

/*********************************************************/
.boxFormular .webFormular {background-color: #54af3a; padding:60px 70px; border-radius: 25px;}
.boxFormular .formular-obsah {background-color: #fff; padding:60px 70px; border-radius: 10px;}

/******************************************************/
#hlavniObsah .icons .fa {width: 25px;}
#hlavniObsah .sizeBig {font-size: 125%;}
/********************************************************/
#boxBannerContent {position: relative; height: 595px;}
#boxBannerContent ul {padding: 0; margin: 0;}
#boxBannerContent ul li {display: block; padding: 0; margin: 0;}


#boxBannerContent .bannerSliderTabs {position: absolute; z-index: 102; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5);}
#boxBannerContent .bannerSliderTabsList {display:-ms-flexbox;display:flex; -ms-align-items:left;align-items: left;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#boxBannerContent .bannerSliderTabsList li {width: 17.6%; margin-left: 3%;}
#boxBannerContent .bannerSliderTabsList li:first-of-type {margin-left: 0;}
#boxBannerContent .bannerSliderTabsList li a {display: block; text-align: center; line-height: 120%; font-size: 150%; font-weight: 300; padding: 30px 35px; position: relative; transition: .2s all ease; color: #fff; text-transform: uppercase; text-decoration: none; width: 100%;height: 100%;}
#boxBannerContent .bannerSliderTabsList li a div {opacity:0; transition: .2s all ease;position: absolute; bottom: 0;left: -15px;margin-left: 50%;width: 0;height: 0;border-style: solid;border-width: 0 15px 12px 15px;border-color: transparent transparent #FFFFFF transparent;}
#boxBannerContent .bannerSliderTabsList li a.current {background: #3fafc3;}
#boxBannerContent .bannerSliderTabsList li a.current div {opacity: 1;}


#boxBannerContent .bannerSliderOutput {position: absolute; z-index: 101; height: 100%; width: 100%;}
#boxBannerContent .bannerSliderOutput ul li {position: absolute; height: 100%; width: 100%;}
#boxBannerContent .bannerSliderOutput .bannerListContent {height: 100%; width: 100%; background: transparent url(../layout/motive_subpage.webp) no-repeat center center; background-size: cover;}

#boxBannerContent .bannerListContent .wrapper {display:-ms-flexbox;display:flex; -ms-align-items:left;align-items: left; -ms-align-items:center;align-items: center; height: 100%;}
#boxBannerContent .bannerListText {background-color: rgba(0, 0, 0, 0.7);padding: 25px; width: 29%;}
#boxBannerContent .bannerListText .title {text-transform: uppercase; color: #ffffff; line-height: 120%; font-size: 220%; font-weight: 300;}
#boxBannerContent .bannerListText .tl {padding: 0 0 5px;}
/*
#boxBannerContent .bannerList_1 {background: transparent url(../data/banner/gwen.webp) no-repeat center center; background-size: cover;}
#boxBannerContent .bannerList_2 {background: transparent url(../data/banner/postele.webp) no-repeat center center; background-size: cover;}
#boxBannerContent .bannerList_3 {background: transparent url(../data/banner/obyvaci-steny.webp) no-repeat center center; background-size: cover;}
#boxBannerContent .bannerList_4 {background: transparent url(../data/banner/detske-pokoje.webp) no-repeat center center; background-size: cover;}
#boxBannerContent .bannerList_5 {background: transparent url(../data/banner/jidelni-sestavy.webp) no-repeat center center; background-size: cover;}
*/
/*****************************************************/
.boxKategorieProduktu .boxKategorieProduktuPolozka {width: 29.3333%; margin: 0 0 4.5% 6%;}
.boxKategorieProduktu .boxKategorieProduktuPolozka:nth-of-type(3n + 1) {margin-left: 0;}

.boxKategorieProduktu article figure {transition: .2s all ease;}
.boxKategorieProduktu article:hover figure { opacity: 0.7; filter: alpha(opacity=70); }
.boxKategorieProduktu article figure a {display: block;width: 100%;position: relative;height: 0;padding: 75% 0 0 0;overflow: hidden;}
.boxKategorieProduktu article figure .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;}
.boxKategorieProduktu article .title {border-bottom: 1px solid #d4d4d4; font-size: 130%; font-weight: 600; position: relative; padding: 0; margin: 0;}
.boxKategorieProduktu article .title a {color: #170a06; text-decoration: none; display: block; padding: 12px 0; }
.boxKategorieProduktu article:hover .title a {color: #3FAFC3; position: relative; z-index: 102;}

.boxKategorieProduktu article .title .boxKategorieProduktuVyrobce {background-position: center right;background-repeat: no-repeat;background-size: auto 40px; }
.boxKategorieProduktu section {position: relative;}
.boxKategorieProduktu section .naProdejne {background-color: rgba(0, 0, 0, 0.5);color: #fff;height: 45px;position: absolute;top: -45px;left: 0;right: 0; line-height: 45px; text-align: center; font-size: 90%;}
.boxKategorieProduktu section .naProdejne span {font-weight: bold;}

/*****************************************************/
.boxProdukt .boxProduktFoto {width: 38%;}
.boxProdukt .boxProduktText {width: 59%;}

.boxProdukt .boxProduktTitle {border-bottom: 1px solid #d4d4d4; margin: 0 0 10px; padding: 0 0 15px; line-height: 120%;}
.boxProdukt .boxProduktVyrobce {border-bottom: 1px solid #d4d4d4; margin: 0 0 20px; padding: 0 0 10px; font-size: 110%; color: #9c9c9c; line-height: 120%;}
.boxProdukt .boxProduktNaProdejne {margin: 0px 0 35px; padding: 5px 0 5px 30px; background: url('../layout/ico_check.png') 0 0 no-repeat; background-size: 20px auto; background-position: left center;}
.boxProdukt .boxProduktNaProdejne span {font-weight: bold;}

.boxProdukt .boxProduktFoto .fotoHlavni {margin: 0 0 3%;}
.boxProdukt .boxProduktFoto .fotoHlavni a img {display: block;}

.boxProdukt .boxProduktFoto .fotoDalsi {height: auto;margin: 0 3% 3% 0%; width: 31.3333%;}
.boxProdukt .boxProduktFoto .fotoDalsi:nth-of-type(3n + 1) {margin-right: 0;}
.boxProdukt .boxProduktFoto .fotoDalsi a {display: block;width: 100%;position: relative;height: 0;padding: 75% 0 0 0;overflow: hidden;}
.boxProdukt .boxProduktFoto .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;}
.boxProdukt .boxProduktFoto .fotoDalsi a img {display: none;}
.boxProdukt .boxProduktFoto figure a:hover { opacity: 0.7; filter: alpha(opacity=70); }
/*****************************************************/

.boxProcNas {background: #40adc0 url('../layout/motive_why2.jpg') center center no-repeat;background-size: auto;background-size: cover;color: #FFFFFF;padding: 70px 0;}
.boxProcNas .boxProcNasNadpis {width: 38%;}
.boxProcNas .boxProcNasNadpis .title {color: #FFFFFF;text-transform: uppercase;margin-bottom: 3.3em; width: 80%;}
.boxProcNas .boxProcNasText {width: 59%;}
.boxProcNas .boxProcNasText ul {margin: 0 0 0 3.3em; padding: 0;}
.boxProcNas .boxProcNasText ul li {list-style: none; list-style-type: none;list-style-type: none;min-height: 130%; background: url('../layout/ico_check.png') 0 0 no-repeat;padding: 2px 0 30px 60px;line-height: 1.2em; font-size: 130%;}
/*****************************************************/
.boxZnacky .boxZnackyContent .boxZnackyPolozka {margin: 3% 2%;}
.boxZnacky .boxZnackyContent .boxZnackyPolozkaContent img {opacity: 0.5;filter: alpha(opacity=50); transition: .2s all ease;}
.boxZnacky .boxZnackyContent .boxZnackyPolozkaContent:hover img {opacity: 0.7;filter: alpha(opacity=70);}
.boxZnacky .boxZnackyNadpis {margin: 0 0 50px; }
.boxZnacky .boxZnackyNadpis .title {text-transform: uppercase; margin: 0; padding: 0;}
.boxZnacky .boxZnackyNadpis .boxZnackyNadpisNadpis {max-width: 60%;}

.boxZnacky .boxZnackyContent .boxZnackyPolozka {height: 100px;}
.boxZnacky .boxZnackyContent .boxZnackyPolozka a {display: block; height: 100%;}
.boxZnacky .boxZnackyContent .boxZnackyPolozka img {width: auto; max-height: 100%;}

/*****************************************************/
.boxMapa {line-height: 60%; padding: 0;/*filter: grayscale(100%);*/}
.boxMapa .boxMapaContent {position: relative;}
.boxMapa .boxMapaNadpisBg {width: 100%; background-color: rgba(0, 0, 0, 0.7); padding: 25px 0;}
.boxMapa .boxMapaNadpis  {-ms-align-items:center;align-items: center;}
.boxMapa .boxMapaNadpis .title {color: #FFFFFF;text-transform: uppercase; margin: 0;}
/*****************************************************/

.boxGalerie {display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-justify-content: left;justify-content: left;}
.boxGalerie .polozka {height: auto;margin: 0 3% 3% 0%;width: 17.6%;}
.boxGalerie .polozka:nth-of-type(5n) {margin-right: 0;}
.boxGalerie .polozka a {display: block;width: 100%;position: relative;height: 0;padding: 75% 0 0 0;overflow: hidden;}
.boxGalerie .polozka 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;}
.boxGalerie .polozka a img {display: none;}
.boxGalerie .polozka a:hover { opacity: 0.7; filter: alpha(opacity=70); }
/*****************************************************/

.boxProvozovna {padding: 0 0 30px;}
.boxProvozovna .boxProvozovnaKontakt {width: 28%;}
.boxProvozovna .boxProvozovnaMapa {width: 69%;}
.boxProvozovna .borderBottom {border-bottom: solid 1px #d4d4d4; margin: 0 0 25px;}
.boxProvozovna h3 {padding: 0px 0 10px;}

.boxProvozovnaFotky {padding: 0 0 30px;}
/*****************************************************/

.boxHlavniKontakt, .boxKontaktniFormular {width: 48.5%;}
/*****************************************************/


.formVyhledavani .search-icon {display: block;color: #a5a59f;text-align: center;cursor: pointer;font-size: 20px; margin: 0 0 0 30px}
.formVyhledavani .search-icon .fa-search {padding: 16px 0 16px 10px; }

.formVyhledavani .formVyhledavaniContent {display: none; backdrop-filter: blur(6px); background-color: rgba(22, 62, 69, 0.95); position: fixed;top: 0;left: 0;width: 100%;height: 100%; z-index: 9999;}
.formVyhledavani .formVyhledavaniContent .boxForm {-ms-align-items:center;align-items: center; height: 100%;}
.formVyhledavani .formVyhledavaniContent input.text {outline: 0; font-size: 300%; border: none !important; box-shadow: none; color: #fff; padding: 10px 0; background-color: transparent; border-bottom: dotted 2px #fff !important; width: 580px; }
.formVyhledavani .formVyhledavaniContent input.text::placeholder {color: transparent;}
.formVyhledavani .formVyhledavaniContent button.submit {position: relative; background-color: transparent;}
.formVyhledavani .formVyhledavaniContent button.submit span {display: none;}
.formVyhledavani .formVyhledavaniContent button.submit i.fa {font-size: 30px;}

.formVyhledavani .boxZavrit {padding: 10px;width: 60px;height: 60px;cursor: pointer;display: block;position: relative;margin: 5px 5px 0 auto;}
.formVyhledavani .boxZavrit .icoZavrit {width: 40px; height: 40px; position: relative;}
.formVyhledavani .boxZavrit .line {position: absolute; height: 2px; width: 100%; left: 0; right: 0; margin: auto; background-color: #fff; transition: .2s all ease;}
.formVyhledavani .boxZavrit .line1 {top: 0; transform: rotate(-45deg);top: 19px;}
.formVyhledavani .boxZavrit .line2 {bottom: 0; transform: rotate(45deg);top: 0px;}

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

.boxNovinka {padding-bottom: 40px;}
.boxNovinka time {line-height: 130%; padding: 10px 0; color: #8f8f8f;border-bottom: 1px solid #d4d4d4;display: block;margin-bottom: 10px;}
.boxNovinka .upoutavka {padding: 0;}
.boxNovinka .upoutavka a {text-decoration: none;color: #747474;text-decoration-color: transparent; -webkit-text-decoration-color: transparent;}
.boxNovinka .upoutavka a:hover {color: #170A06; }
/*****************************************************/
.paticka {background: #292929 url('../layout/bg_footer.png') top center repeat-x;}
.paticka, .paticka * {color: #767676;}
.paticka a, .paticka .link, .patickaBottom .patickaText h3 {color: #767676; text-decoration-color: #767676; -webkit-text-decoration-color: #767676; text-decoration: underline;}
.paticka a:hover, .paticka .link:hover {color: #bfbfbf; text-decoration-color: #bfbfbf; -webkit-text-decoration-color: #bfbfbf;}

.paticka .patickaContent {padding: 0 0 15px;}
.paticka .patickaBottom .patickaProdejna {width: 74%;}
.paticka .patickaBottom .patickaKontakt {width: 23%;}

.paticka .patickaBottom .title {padding-left: 55px;color: #bcbcbc; line-height: 100px;margin-bottom: 1.65em; font-size: 170%;}
.paticka .patickaBottom .patickaProdejna .title {background: url('../layout/ico_shop.png') 0 50% no-repeat;}
.paticka .patickaBottom .patickaKontakt .title {background: url('../layout/ico_phone.png') 0 50% no-repeat;}

.paticka .patickaBottom .patickaText {font-size: 90%;}
.patickaBottom .patickaText h3, .paticka .patickaBottom .patickaText p {padding: 0 0 15px;}
.paticka .patickaBottom .patickaText h3 {font-size: 100%;}
.paticka .patickaProdejnaOcHana, .paticka .patickaProdejnaSklad {width: 30%;}
.paticka .patickaProdejnaSklad {margin-left: 50px;}

.paticka .boxCopyright {font-size: 90%; text-align: center; padding: 30px 0;}
/******************************************************/

/***** 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;}