#new2023 {position: fixed; right: 0; top: 0; padding: 10px; background: #FABEB8; text-align: center; border: 1px solid #666;}
#new2023 a {display: block; margin-top: 10px;}

#topFrame {width: 100%; background: #FABEB8;}
#topFrame .inner {width: 100%; height: 30px; color: #fff; justify-content: space-between; align-items: center;}
#topFrame .inner .links {}
#topFrame .inner .links a {margin: 0 15px 0 0; font-weight: 400; font-size: 12px;}
#topFrame .inner .links a:hover {text-decoration: underline;}
#topFrame .inner .sites {}
#topFrame .inner .sites a {margin: 0 0 0 15px; align-items: center;}

#hamburger {display: none;}
#menuMobile {display: none;}
.mobileBurger {display: none;}

#menuFrame {width: 100%; padding: 10px 0;}
#menuFrame .inner {justify-content: space-between; align-items: center;}
#menuFrame .inner .logo {width: 170px;}
#menuFrame .inner .logo a img {display: block; max-width: 100%;}
#menuFrame .inner .menu {flex: 1;}
#menuFrame .inner .vyhledavani {margin-left: auto; margin-right: 20px; align-items: center;}
#menuFrame .inner .cartBlock {color: #fff; font-size: 14px; align-items: center;}
#menuFrame .inner .cartBlock .cart {position: relative; padding: 12px 24px; background: #FABEB8; border-radius: 8px; gap: 8px; align-items: center;}
#menuFrame .inner .cartBlock .cart .mobile {display: none; position: absolute; right: -6px; top: -6px; width: 18px; height: 18px; border-radius: 50%; background: #FABEB8; color: #fff; text-align: center;}
#menuFrame .inner .cartBlock .cart .mobile #cartCntMobile {line-height: 1; justify-content: center; align-items: center; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}

nav {position: relative; height: 100%; font-size: 14px; color: #0D0D0D; justify-content: center;}
nav {display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
nav ul {height: 100%;}
nav ul li {height: 100%; margin: 0 30px; }
nav ul li a {height: 100%; position: relative; padding: 12px 0; align-items: center; text-align: center; transition: all 200ms;}
nav ul li a:after {display: none; content: ''; position: absolute; left: calc(50% - 14px); bottom: 10px; width: 28px; height: 1px; background: #FABEB8;}
nav ul li a:hover:after {display: block;}
nav ul li a.active:after {display: block;}
nav ul li ul.submenu {display: none; position: absolute; z-index: 1; left: 0; top: 100%; width: 100%; padding: 40px 40px; background-color: #fabeb8;}
nav ul li ul.submenu li {width: auto; padding: 5px 0; display: inline-block;}
nav ul li ul.submenu li a {padding: 5px 20px; text-transform: none;}
nav ul li ul.submenu li a:hover {background-color: #313131;}
nav ul li:hover ul.submenu {display: block;}


#mainBannerFrame {width: 100%; height: auto; margin: 0 0 50px 0;}
#mainBanner {width: 100%; height: auto; margin: 0px;}
#mainBanner .slide {width: 1200px; height: 650px; display: flex; align-items: flex-end; background-size: cover; background-position: center center; color: #FFF; position: relative; border-radius: 16px;}
#mainBanner .slide .filter {}
#mainBanner .slide .text {width: 378px; margin: 0 0 50px 0; padding: 0 50px; z-index: 1;}
#mainBanner .slide .text h2 {margin: 0 0 20px 0; padding: 0; font-size: 40px; text-transform: uppercase; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
#mainBanner .slide .text p {margin: 0 0 30px 0;}
#mainBanner .slide .buttonMore {display: inline-block; padding: 8px 24px; background-color: #FABEB8; font-weight: 300; font-size: 16px; border-radius: 8px; margin: 0px 0px 0px 0px; transition: all 200ms;}
#mainBanner .slide .buttonMore:hover {background-color: #FABEB8;}


#nejprodavanejsi {width: 100%; margin: 30px 0;}
#nejprodavanejsi h2 {width: 100%; font-size: 36px; font-weight: 700; margin: 0 0 10px 0;}


/* Navigace */
#naviFrame {width: 100%; min-height: 34px; margin-top: 15px; font-family: 'Manrope'; font-style: normal; font-weight: 500; font-size: 12px;}
#naviFrame .inner {width: 100%; min-height: 34px; align-items: center; font-size: 12px; color: #B3B3B3;}
#naviFrame .inner a:hover {text-decoration: underline;}
#naviFrame .inner a:last-child {color: #000;}
#naviFrame .inner svg {margin: 0 10px; color: #000;}

#kontakt {flex-wrap: wrap; margin-bottom: 20px;}
#kontakt img {max-width: 100%;}
#kontakt .osoba {width: 24%; margin: 10px 1.33333% 10px 0; padding: 30px; border: 1px solid #f4f4f4; text-align: center; flex-direction: column; align-items: center;}
#kontakt .osoba:nth-child(4n) {margin-right: 0;}
#kontakt .osoba .name {margin: 10px 0 10px 0; text-align: center; font-size: 18px; font-weight: 600;}
#kontakt .osoba .name:after {content: ''; display: block; margin: 10px auto 0 auto; width: 50px; height: 1px; background-color: #fabeb8; transition: all 500ms;}
#kontakt .osoba:hover {border-color: #fabeb8;}
#kontakt .osoba .pozice {margin: 0 0 10px 0;}
#kontakt .osoba .phone {font-size: 16px;}
#kontakt .osoba .email {margin-top: 10px; text-decoration: underline; font-size: 16px;}


/* Eshop */
.eshop {margin: 50px 0 0 0; align-items: flex-start;}
.eshop .itemsFrame {flex: 1; flex-wrap: wrap;}
.eshop .itemsFrame .title {width: 100%; margin: 0 0 15px 0;}
.eshop .itemsFrame .title span {font-family: 'Manrope'; color: #FABEB8; font-size: 14px; font-weight: 400;}
.eshop .itemsFrame .title h2 {padding: 0; margin: 0 0 20px 0; font-weight: 700; font-size: 36px; color: #000;}

.eshop .catTreeList {width: 264px; flex: 0 0 264px; margin-right: 24px; font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 14px; border: 0.5px solid #E6E6E6;}
.eshop .catTreeList .row {position: relative; width: 100%; padding: 12px; background-color: #fff; color: #4d4d4d; align-items: center; justify-content: space-between;}
.eshop .catTreeList .row .arrowBlock {position: absolute; right: 8px; padding: 6px 2px;}
.eshop .catTreeList .row .arrowDownUp {position: relative; padding: 4px; border: solid #4d4d4d; border-width: 0 2px 2px 0; transition: all .5s;}
.eshop .catTreeList .row .arrowDownUp.down {margin: -5px 2px 0 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.eshop .catTreeList .row .arrowDownUp.up {margin: 4px 2px 0 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}

.eshop .catTreeList .row.lvl2 {padding: 12px 30px 12px 36px; background-color: #FBF9F8; color: #666666;}
.eshop .catTreeList .row.lvl3 {padding: 12px 12px 12px 60px; background-color: #F6F1F1;}

.eshop .catTreeList .wrapper {display: none;}
.eshop .catTreeList .wrapper.show {display: block;}

/*
.eshop .catTreeList .row .arrowDownUp:BEFORE {height: 2px; background-color: #4D4D4D; content: ""; width: 80%; position: absolute; left: 0; transition: all .5s; top: calc(50% - 1px);}
.eshop .catTreeList .row .arrowDownUp:AFTER {height: 2px; background-color: #4D4D4D; content: ""; width: 80%; position: absolute; left: 0; transition: all .5s; top: calc(50% - 1px); transform: rotate(90deg); opacity: 1;}
.eshop .catTreeList .row .arrowDownUp.minus::BEFORE {transform: rotate(180deg);}
.eshop .catTreeList .row .arrowDownUp.minus::AFTER {transform: rotate(360deg); opacity: 0;}
*/

/* Podkategorie 
.subcats {width: 285px; margin-right: 40px; margin-bottom: 15px; padding: 0px 0 0 0; border: 0.5px solid #E6E6E6; justify-content: center; flex-wrap: wrap;}
.subcats a {width: 100%; display: inline-block; margin: 0 0 5px 0; padding: 7px 16px; font-weight: bold; border: 1px solid #f8f7f7; color: #313131; font-weight: 700; letter-spacing: 1px; transition: all 200ms;}
.subcats a:hover {color: #fabeb8; border-color: #fabeb8;}
.subcats a.active {background-color: #fabeb8; border-color: #fabeb8; color: #fff;}
*/

/* PodPodkategorie 
.subcats2 {width: 100%; margin: 0 0 0 0; padding: 0 0 0 40px; justify-content: center; flex-wrap: wrap;}
.subcats2 a {width: 100%; display: inline-block; margin: 0 0 5px 0; padding: 7px 16px; font-weight: bold; border: 1px solid #f8f7f7; color: #313131; font-weight: 700; letter-spacing: 1px; transition: all 200ms;}
.subcats2 a:hover {color: #01a7e1; border-color: #01a7e1;}
.subcats2 a.active {background-color: #fabeb8; border-color: #fabeb8; color: #fff;}
*/

/* Seznam produktů */
#items {flex-wrap: wrap; width: 100%;}
#items .item {width: calc(33.3333% - 16px); margin: 10px 24px 10px 0; padding: 0; border: 0; flex-direction: column; align-items: flex-start; *transition: box-shadow 400ms; transition: all 200ms;}
#items .item:hover .photo .prekryti {display: block;}
#items .item:nth-child(3n) {margin-right: 0;}
#items .item .photo {position: relative; width: 100%; height: 256px; border-radius: 8px; background-repeat: no-repeat; background-size: cover; background-position: center;}
#items .item .photo .prekryti {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(250, 190, 184, 0.5); border-radius: 8px;}
#items .item .photo .prekryti:after {content: '+'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; z-index: 2; font-size: 52px; font-weight: 700; justify-content: center; align-items: center; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
#items .item .photo img {max-width: 100%; max-height: 100%;}
#items .item h3 {text-align: left; font-size: 18px; font-weight: 500;}
#items .item .cena {font-family: 'Manrope'; font-size: 16px; font-weight: 400;}

#items.home .item {width: calc(25% - 18px); margin: 12px 24px 12px 0;}
#items.home .item:nth-child(4n) {margin-right: 0;}
#items.home .item .photo {}


#catDetail {width: 100%; margin: 50px 0;}
#catDetail .inner {width: 100%;}
#catDetail .inner .subtitle {font-family: 'Manrope'; color: #FABEB8; font-size: 16px; font-weight: 300;}
#catDetail .inner .subtitle a {text-decoration: none;}
#catDetail .inner .subtitle a:hover {text-decoration: underline;}
#catDetail .inner h1 {margin: 0;}



#nacistDalsi {width: 100%; justify-content: center; margin-bottom: 20px;}
#nacistDalsi a {padding: 10px 20px; gap: 8px; width: 160px; border: 2px solid #000000; border-radius: 8px; font-size: 16px; font-weight: 500; justify-content: center; align-items: center;}
#nacistDalsi a:hover {background-color: #FABEB8; color: #fff; border-color: #FABEB8;}

/* Detail produktu */
.itemDetail {width: 100%; margin: 15px 0 50px 0;}
.itemDetail .inner {width: 100%; justify-content: space-between;}
.itemDetail .inner .photos {width: 48%;}
.itemDetail .inner .photos img {max-width: 100%; display: block;}
.itemDetail .inner .photos .dalsi {width: 100%; justify-content: flex-start;}
.itemDetail .inner .photos .dalsi a {width: calc(25% - 7.5px); margin: 5px 10px 5px 0;}
.itemDetail .inner .photos .dalsi a:nth-child(4n) {margin-right: 0;}
.itemDetail .inner .photos .dalsi .dalsiFotka {position: relative;}
.itemDetail .inner .photos .dalsi .dalsiFotka .prekryti {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(250, 190, 184, 0.5); border-radius: 8px;}
.itemDetail .inner .photos .dalsi .dalsiFotka .prekryti:after {content: '+'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; z-index: 2; font-size: 52px; font-weight: 700; justify-content: center; align-items: center; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.itemDetail .inner .photos .dalsi .dalsiFotka:hover .prekryti {display: block;}

.itemDetail .inner .text {width: 48%;}
.itemDetail .inner .text .title span {font-family: 'Manrope'; color: #FABEB8; font-size: 16px; font-weight: 300;}
.itemDetail .inner .text h1 {padding: 0; margin: 0 0 30px 0; text-align: left; font-size: 36px; line-height: 120%;}
.itemDetail .inner .text .cena {display: inline-block; margin-bottom: 15px; font-size: 24px; font-weight: 700;}
.itemDetail .inner .text .dostupnost {margin-bottom: 30px; font-size: 18px; font-weight: 600;}
.itemDetail .inner .text .message {display: none; width: 100%; padding: 10px; margin: 0 0 20px 0; font-size: 18px; font-weight: 400; background-color: #28a745; color: #fff; text-align: left;}
.itemDetail .inner .text .message.error {background-color: #e95847;}
.itemDetail .inner .text .varianta {margin-bottom: 15px; align-items: center; flex-wrap: wrap;}
.itemDetail .inner .text .varianta .variantaInputs {width: 100%; margin-top: 15px; padding-left: 42px;}

.itemDetail .inner .text .variantyFrame {margin: 10px 0; background-color: #f7f7f7;}
.itemDetail .inner .text .variantyRadio {}
.itemDetail .inner .text .variantyRadio .btnVice {width: 100%; margin: 10px 0 0 0;}
.itemDetail .inner .text .variantyRadio .btnVice a {display: inline-block; text-decoration: none;}
.itemDetail .inner .text .variantyRadio .btnVice a:hover {text-decoration: none;}
.itemDetail .inner .text .variantyRadio label {cursor: pointer;}
.itemDetail .inner .text .variantyRadio .item {padding: 5px 0; align-items: center; border-bottom: 1px solid #FABEB8;}
.itemDetail .inner .text .variantyRadio .item .inputRadio {width: 20px;}
.itemDetail .inner .text .variantyRadio .item .name {flex: 1;}
.itemDetail .inner .text .variantyRadio .item .cena {width: 150px; font-family: 'Manrope'; margin: 0; font-size: 16px; text-align: right;}

/* Blok - Množství */
.mnozstvi {width: 100%; float: left; margin-top: 15px;}
.mnozstvi input {font-family: 'Manrope'; width: 30px; padding: 0; font-size: 16px; border: 0; align-items: center; justify-content: center; text-align: center; background-color: transparent;}
.mnozstvi input:focus {box-shadow: none;}
.mnozstvi .sipky {padding: 0 10px; margin-left: 15px; align-items: center; color: #999999; border: 2px solid #999999; border-radius: 8px;}
.mnozstvi .sipky.noBorder {border: 0; margin-left: 0;}
.mnozstvi .sipky a {width: 15px; height: 15px; margin-bottom: 1px; padding: 3px; align-items: center; justify-content: center; text-align: center; cursor: pointer;}
.mnozstvi .sipky a:last-child {margin-bottom: 0;}
.mnozstvi .doKosiku {padding: 16px 28px; background-color: #fabeb8; font-size: 16px; font-weight: 400; gap: 8px; color: #fff; align-items: center; justify-content: center; text-align: center; border-radius: 8px; cursor: pointer;}


#mainText {width: 100%;}
#mainText .inner {width: 100%;}


/* Pokladna */
#pokladna {width: 100%; margin-bottom: 30px; flex-wrap: wrap; justify-content: space-between;}
#pokladna .left {width: 49%; margin-bottom: 15px;}
#pokladna .blok {width: 100%; padding: 0; margin: 10px 0;}
#pokladna .blok A {text-decoration: underline;}
#pokladna .blok A:HOVER {text-decoration: none;}
#pokladna .blok h3 {font-size: 32px; font-weight: 800;}

#pokladna .blok .formLine {margin-top: 5px; margin-bottom: 5px;}
#pokladna .blok .formLine .formRow {width: 40%; text-align: left;}
#pokladna .blok .formLine .formInput {font-family: 'Manrope'; width: 100%; margin-right: 0; padding: 15px 24px; border: 1px solid #E6E6E6; border-radius: 8px; font-size: 12px; font-weight: 400; color: #999999;}
#pokladna .blok .formLine .formTextarea {font-family: 'Manrope'; width: 100%; margin-right: 0; padding: 15px 24px; border: 1px solid #E6E6E6; border-radius: 8px; font-size: 12px; font-weight: 400; color: #999999;}
#pokladna .right {width: 49%; float: right;}
#pokladna .blok .formLine label {margin-left: 10px; flex: 1;}
#pokladna .blok .formLine label input {width: auto; margin: 5px 8px 0 0;}
#pokladna .blok .formLine label p {width: 95%;}
#pokladna .blok .formLine label span.title {font-family: 'Manrope'; font-weight: 400; font-size: 16px; color: #000000;}
#pokladna .blok .formLine label span.gray {font-family: 'Manrope'; font-weight: 400; font-size: 14px; color: #4D4D4D;}
#pokladna .recaptcha-error {width: 100%;}
#pokladna .g-recaptcha {width: 100%;}

#pokladna .blok .formLine.right {justify-content: flex-end;}
#pokladna .blok .formLine.right label {flex: unset;}


#pokladna .addressDo {width: 100%;}
#pokladna .addressDo .inner {width: 100%; display: inline-block;}
#pokladna .btnRekapitulace {width: 100%; margin: 30px 0 0 0; justify-content: center;}
#pokladna button {padding: 16px 28px; background-color: #fabeb8; font-size: 16px; font-weight: 400; gap: 8px; color: #fff; align-items: center; justify-content: center; text-align: center; border-radius: 8px; cursor: pointer; border: 0;}
#pokladna button:hover {}


#pokladna .noteForItems {width: 100%; float: left;}
#pokladna .noteForItems .item {margin: 0 0 10px 0;}
#pokladna .noteForItems .item .name {margin: 5px 0; font-weight: 700; font-size: 16px;}
#pokladna .noteForItems .item .name span {font-weight: 400; color: #4D4D4D; font-size: 14px;}


/* Pokladna - seznam zboží */
#pokladna-zbozi {width: 100%;}
#pokladna-zbozi .zbozi {width: 100%; align-items: center; border: 1px solid #ededed; border-top: 0;}
#pokladna-zbozi .zbozi.hlavicka {font-weight: 700; background-color: #ededed;}
#pokladna-zbozi .zbozi .bunka {padding: 10px; display: inline-block;}
#pokladna-zbozi .zbozi .bunka.fotka {width: 10%;}
#pokladna-zbozi .zbozi .bunka.fotka IMG {max-width: 100%; display: block;}
#pokladna-zbozi .zbozi .bunka.nazev {width: 60%; font-weight: 700; flex-direction: column; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;}
#pokladna-zbozi .zbozi .bunka.nazev .varianta {margin-top: 2px; font-style: italic; font-weight: 400; font-size: 12px;}
#pokladna-zbozi .zbozi .bunka.nazev .itemVariant {font-weight: 400; color: #999;}
#pokladna-zbozi .zbozi .bunka.pocet {width: 15%;}
#pokladna-zbozi .zbozi .bunka.cena {width: 15%; text-align: right; padding-right: 10px;}
#pokladna-zbozi .zbozi .cena_celkem {width: 100%; padding: 15px 0; padding-right: 10px; text-align: right; font-weight: 700; background-color: #ededed; font-size: 20px;}
#pokladna-zbozi .zbozi .doprava {width: 60%; padding: 10px;}
#pokladna-zbozi .zbozi .doprava_cena {width: 40%; padding: 10px; text-align: right;}


/* nákupní košík */
#nakupni-kosik {width: 100%; margin-bottom: 30px;}
#nakupni-kosik .zbozi-cover {width: 100%; background-color: #fff; border-radius: 8px;}
#nakupni-kosik .zbozi {position: relative; width: 100%; padding: 32px;}

#nakupni-kosik .zbozi .smazat {position: absolute; right: 10px; top: 10px;}

#nakupni-kosik .zbozi .fotka {width: 95px;}
#nakupni-kosik .zbozi .fotka img {max-width: 100%; display: block;}

#nakupni-kosik .zbozi .bunka {padding: 10px;}
#nakupni-kosik .zbozi .bunka .row1 {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
#nakupni-kosik .zbozi .bunka .row2 {font-size: 16px; font-weight: 400;}

#nakupni-kosik .zbozi .bunka.nazev {width: calc(55% - 95px); padding-left: 20px; flex-direction: column; justify-content: center;}
#nakupni-kosik .zbozi .bunka.nazev .row1 {margin-bottom: 0;}
#nakupni-kosik .zbozi .bunka.nazev .row2 {margin-top: 10px; color: #4D4D4D;}

#nakupni-kosik .zbozi .bunka.pocet {width: 15%; flex-direction: column; justify-content: center;}
#nakupni-kosik .zbozi .bunka.pocet .row1 {text-align: center;}
#nakupni-kosik .zbozi .bunka.pocet .mnozstvi {font-family: 'Manrope'; justify-content: center; margin: 0;}
#nakupni-kosik .zbozi .bunka.pocet .mnozstvi input {font-family: 'Manrope';}

#nakupni-kosik .zbozi .bunka.cena_kus {width: 15%; flex-direction: column; justify-content: center;}
#nakupni-kosik .zbozi .bunka.cena_kus .row1 {text-align: center;}
#nakupni-kosik .zbozi .bunka.cena_kus .row2 {font-family: 'Manrope'; text-align: center; color: #999999;}

#nakupni-kosik .zbozi .bunka.cena {width: 15%; flex-direction: column; justify-content: center;}
#nakupni-kosik .zbozi .bunka.cena .row1 {text-align: center;}
#nakupni-kosik .zbozi .bunka.cena .row2 {font-family: 'Manrope'; text-align: center; font-weight: 700;}

#nakupni-kosik .slevovyKod {width: 100%; margin: 30px 0 0 0; justify-content: flex-end; flex-direction: column; align-items: flex-end;}
#nakupni-kosik .slevovyKod .formLine {width: auto; position: relative; margin: 0;}
#nakupni-kosik .slevovyKod .formLine .formInput {width: 300px;}
#nakupni-kosik .slevovyKod .overitKod {position: absolute; right: 0; top: 0; width: auto; height: 100%; padding: 0 10px; background-color: #fabeb8; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #fff; align-items: center;}

#nakupni-kosik .celkovaCena {width: 100%; margin: 30px 0; text-align: right; font-weight: 700; font-size: 20px;}

#nakupni-kosik .tlacitka {width: 100%; margin-top: 30px; justify-content: flex-end;}
#nakupni-kosik .tlacitka A:HOVER {text-decoration: none;}
#nakupni-kosik .tlacitka .pokladna {padding: 16px 28px; background-color: #fabeb8; font-size: 16px; font-weight: 400; gap: 8px; color: #fff; align-items: center; justify-content: center; text-align: center; border-radius: 8px; cursor: pointer;}


#pujcovna {width: 100%; margin: 0 0 40px 0;}
#pujcovna .inner {width: 100%; justify-content: space-between;}
#pujcovna .inner .left {width: calc(50% - 10px);}
#pujcovna .inner .left .title {width: 100%; margin: 0 0 15px 0;}
#pujcovna .inner .left .title span {font-family: 'Manrope'; color: #FABEB8; font-size: 14px; font-weight: 400;}
#pujcovna .inner .left .title h2 {padding: 0; margin: 0 0 20px 0; font-weight: 700; font-size: 32px; color: #000;}
#pujcovna .inner .left .osoby {width: 100%; font-family: 'Manrope';}
#pujcovna .inner .left .osoby .item {width: calc(33.33333% - 16px); margin: 0 24px 0 0; padding: 10px 0 0 0; border-top: 1px solid #FABEB8;}
#pujcovna .inner .left .osoby .item .phone {color: #666666;}
#pujcovna .inner .left .osoby .item .email {color: #666666;}
#pujcovna .inner .right {width: calc(50% - 10px); margin: 20px 0 0 0;}


/* Registrace */
#registrace {}
#registrace .blok {}
#registrace .blok a {text-decoration: underline;}
#registrace .blok a:hover {text-decoration: none;}
#registrace .blok .inputs {padding: 10px 0;}
#registrace .blok .inputs .formLine {width: 48%; margin: 0 4% 10px 0;}
#registrace .blok .inputs .formLine:nth-child(2n) {margin-right: 0;}
#registrace .blok label input {margin-right: 10px;}
#registrace input[type=submit] {width: 100%; padding: 12px 0px 12px 0px; margin: 10px 10px 30px 0px; background-color: #f05023; border: 0px; color: #FFF; font-size: 24px; font-weight: bold; cursor: pointer; transition: background 0.25s;}
#registrace input[type=submit]:hover {background-color: #e7491d;}


/* Přihlášení */
#prihlaseni {}
#prihlaseni input[type=submit] {width: 100%; padding: 12px 0px 12px 0px; margin: 0; background-color: #f05023; border: 0px; color: #FFF; font-size: 24px; font-weight: bold; cursor: pointer; transition: background 0.25s;}
#prihlaseni input[type=submit]:hover {background-color: #e7491d;}
#prihlaseni .tlacitka {width: 100%; margin-bottom: 30px; justify-content: space-between;}
#prihlaseni .tlacitka a {width: 29%; background-color: #f7f7f7; justify-content: center; align-items: center; transition: background 0.25s;}
#prihlaseni .tlacitka a:hover {background-color: #ececec;}
#prihlaseni .tlacitka input {width: 70%;}


/**/
#zapomenute-heslo {}
#zapomenute-heslo input[type=submit] {width: 100%; padding: 12px 0px 12px 0px; margin: 0; background-color: #f05023; border: 0px; color: #FFF; font-size: 24px; font-weight: bold; cursor: pointer; transition: background 0.25s;}
#zapomenute-heslo input[type=submit]:hover {background-color: #e7491d;}
#zapomenute-heslo input[type=submit] {width: 100%; padding: 12px 0px 12px 0px; margin: 10px 10px 30px 0px; background-color: #f05023; border: 0px; color: #FFF; font-size: 24px; font-weight: bold; cursor: pointer; transition: background 0.25s;}
#zapomenute-heslo input[type=submit]:hover {background-color: #e7491d;}


#vyhledavaniPopup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.5); z-index: 99999;}
#vyhledavaniPopup.active {display: block;}
#vyhledavaniPopup .inner {width: 60%; margin: 30px auto 0 auto;}
#vyhledavaniPopup .inner .close {text-align: center; font-size: 32px; color: #FABEB8;}
#vyhledavaniPopup .inner .close svg {font-size: 32px;}
#vyhledavaniPopup .inner input {width: 100%; padding: 10px 20px; font-size: 26px; border: 1px solid #FABEB8;}
#vyhledavaniPopup .inner input:focus {outline: none;}
#vyhledavaniPopup .inner .napoveda {width: 100%; max-height: 500px; overflow-y: auto;}
#vyhledavaniPopup .inner .napoveda .item {padding: 2px 20px; border-bottom: 1px solid #999; background-color: #666; color: #fff; justify-content: space-between; align-items: center;}
#vyhledavaniPopup .inner .napoveda .item .photo {width: 50px; flex: 0 0 50px; text-align: center;}
#vyhledavaniPopup .inner .napoveda .item .photo img {max-width: 100%; display: block;}
#vyhledavaniPopup .inner .napoveda .item .name {margin-left: 20px; margin-right: auto;}
#vyhledavaniPopup .inner .napoveda .item .cena {font-family: 'Manrope'; width: 20%; text-align: right; font-weight: 700;}


footer {padding: 30px 0 30px 0; background-color: #313131; color: #e7e7e7; font-size: 13px; font-weight: 400;}
footer a:hover {text-decoration: underline;}
footer .inner {justify-content: space-between;}
footer .inner .col.first {flex-direction: column; justify-content: center;}
footer .inner .col .sites {margin: 10px 0 0 0; align-items: center;}
footer .inner .col .sites a {margin-right: 10px;}
footer .inner .col .ondrejchaloupka {margin-top: 15px;}
footer .inner .col.menu {flex-direction: column; justify-content: center; align-items: flex-start;}
footer .inner .col.ostatni {flex-direction: column; justify-content: center; align-items: flex-start;}
footer .inner .col a {margin: 7px 0;}

/* Loading překrytí */
#loaderOverlay {width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: fixed; top: 0px; left: 0px; display: none; z-index: 1000; color: #fff;}
#loaderOverlay .inner {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#loaderOverlay P {color: #FFF; font-size: 18px !important; font-weight: 500;}

/* Vlastní Checkbox */
.checkbox-item {width: 25px; height: 25px; margin-right: 15px; background-color: #fff; background-position: center; background-repeat: no-repeat; transition: 200ms; cursor: pointer; border: 1px solid #fabeb8; }
.checkbox-item.active {background-image: url("/images/tick.png");}

/* EU */
.euFrame {display: flex;}
.euFrame .image {flex-shrink: 0; margin: 0px 10px 0px 0px;}
.euFrame img {width: 100%;}
.euFrame p {line-height: 1.25;}