* {box-sizing: border-box;}
body, html, table {
margin: 0px; padding: 0px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; line-height: 1.2; font-weight: normal; color: #222; }
body { background: #fff; text-align: center; display: flex; flex-direction: column; min-height: 100vh; top: 0 !important; margin-top: 0 !important;}
body.fixed { padding-top: 50px;}
body.plnoletost1 #content {filter: blur(5px);}
table { text-align: left; border-collapse: collapse; max-width: 100%;}
table.ramecek td {border: 1px solid;}
input, textarea, form, button {font-family: 'Roboto Condensed', sans-serif;}
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"], select, textarea {border-radius: 8px; border: 1px solid #DDD; background: #FAFAFA; color: #222; padding: 13px; margin: 0 20px 0 0; width: 100%; font-size: 15px; outline: 0;}
input[type="radio"], input[type="checkbox"] {height: 20px; width: 20px; vertical-align: top;}
input::placeholder {color: #888;}
h1,h2,h3, h4, h5, .heading {font-size: 24px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-align: left; color: #222; margin: 40px 0px 15px 0px; line-height: 120%; text-transform: uppercase;}
h1, .heading { font-size: 32px;}
h2 {font-size: 32px;}
h3 {font-size: 24px;}
h4 {font-size: 15px;}
h5 {font-size: 13px;}
h2 strong, h3 strong {font-weight: 800; background: linear-gradient(90deg, #FE3B83 0%, #F14FDE 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
img, a img {display: block;}
a img {display: block; max-width: 100%;}
a, a strong, strong a {text-decoration: underline; color: #000;}
a:hover, a:hover strong, strong a:hover {text-decoration: none;}
p {margin: 20px 0px 10px 0px; text-align: left;}
.btn {-webkit-backface-visibility: hidden; cursor: pointer; color: #fff; font-size: 16px; font-weight: 700; line-height: 20px; text-transform: uppercase; border-radius: 4px; background: #B12054; border: 1px solid #B12054; padding: 10px 15px; text-decoration: none; display: inline-block; margin: 20px auto; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; position: relative; text-align: center;}
.btn:hover, .btn.active {background: #222; color: #fff;}
.btn2 {background: #fff; color: #B12054; border: 1px solid #B12054;}
.btn.mini {padding: 10px 20px; font-weight: 500; font-size: 16px;}
.btn i {margin: 0 5px 0 0;}
iframe {max-width: 100%;}
.hamburger {
height: 14px;
padding: 0;
display: inline-block;
cursor: pointer;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: -2px 10px 0 0;
overflow: visible;
outline: none;
vertical-align: middle;
border: 1px solid #fff;
border-radius: 16px;
height: 32px;
width: 32px;}
#burger:hover .hamburger, #burger.active .hamburger {border: 1px solid #222;}
.hamburger-box {
width: 18px;
height: 14px;
display: block;
position: relative;
vertical-align: sub;
margin: 1px 0 0 6px;}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 18px;
height: 2px;
background-color: #fff;
border-radius: 3px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.is-active .hamburger-inner, .is-active .hamburger-inner::before, .is-active .hamburger-inner::after {
background-color: #222;
}
#burger:hover .hamburger-inner, #burger:hover .hamburger-inner::before, #burger:hover .hamburger-inner::after {
background-color: #222;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -6px; }
.hamburger-inner::after {
bottom: -6px;
width: 18px;
right: 0; }
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
width: 18px;
right: auto;}
.site {position: relative; width: 100%; text-align: center; /*overflow: hidden;*/ }
.wrapper {position: relative; margin: 0px auto; max-width: 1100px; min-width: 1100px; width: 100%; display: inline-block; text-align: left; vertical-align: top;}
#header .wrapper {max-width: 890px; min-width: 890px;}
#platba .wrapper {max-width: 500px; min-width: 500px;}
#aktivace .wrapper {max-width: 800px; min-width: 800px;}
.flex {display: flex; justify-content: space-between; align-items: center;}
.flex.center {justify-content: center;}
.flex.top {align-items: start;}
.flex.bottom {align-items: end;}
.flex.left {justify-content: start;}
.grid{margin:0; padding:0; list-style-type:none; display:grid; gap:1.6rem; grid-template-columns:repeat(auto-fill,minmax(15rem,15rem)); grid-auto-rows:1fr; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.filepond--panel-root {background: #EEEEEE;}
.filepond--root {margin-bottom: 40px;}
.filepond--root .filepond--credits {display: none;}
.right, .text-right {text-align: right;}
.left {text-align: left; justify-content: flex-start;}
.center, .center > * {text-align: center;}
img.center, .center > img {margin: 0px auto;}
.justify {text-align: justify;}
.odskok {padding-left: 20px;}
.bold, .b {font-weight: bold;}
.skrejt {display: none;}
.cistic, .clear {position: relative; height: 1px; clear: both; font-size: 0px;}
.noborder {border: none !important;}
.rel, .relative {position: relative;}
.trans {-webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
.transafterload {-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.gradient:not(.btn:hover .gradient, a.gradient:hover) {background: linear-gradient(90deg, #FE3B83 0%, #F14FDE 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
a.gradient:hover, a.gradient:hover strong {background: none; color: #FE3C85; text-decoration: underline;}
.pink {color: #FE3C85;}
.inline {display: inline;}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.mobil, .logo_mobil, .mobil650, .mobil500 {display: none;}
#overlay {background: rgba(34,34,34,0.6); position: fixed; top: 70px; left: 0; width: 100%; height: 100%; z-index: 11; display: none;}
#overlay-age {background: rgba(0,0,0,0.8); position: fixed; top: 0px; left: 0; width: 100%; height: 100%; z-index: 11; justify-content: center; color: #fff;}
#overlay-age p {font-size: 20px; text-align: center;}
#top {background: #222; color: #fff; font-size: 16px;}
.menu-opened {margin-top: 70px; overflow: hidden;}
.menu-opened #top {position: fixed; top: 0; left: 0; z-index: 12;}
#top .wrapper {height: 70px;}
#burger {white-space: nowrap;}
#top a {color: #fff; text-decoration: none;}
#top a.logo {margin: -15px 0 0;}
#top .openly {position: absolute; right: 0; bottom: -15px; font-size: 13px; font-style: italic;}
#top .openly a {color: #B12054; font-size: 15px; font-weight: 500; font-style: italic;}
#top a.logo span {margin: 8px 0 0px 3px; font-size: 20px;}
#top .right a {}
#top .right a.admin {position: relative; width: 30px; height: 25px; color: #fff; margin-right: 10px;}
#top .icon .count {position: absolute; top: -8px; right: -6px; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 10px; background: linear-gradient(90deg, #FE3B83 0%, #F14FDE 100%); text-align: center; line-height: 16px; color: #fff; font-size: 11px; font-weight: 700;}
#top .icon.admin i {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 20px; font-size: 20px; opacity: 1;}
#top .user {flex-wrap: wrap; justify-content: flex-end;}
#top a.user_on {margin: 0 10px 0 0;}
#top .menu a {margin: 0 20px; text-transform: uppercase; padding: 10px;}
#top .menu a:hover, #top a.user_on:hover {color: #B12054;}
#top .menu span {opacity: 0.3;}
#top #lang, #flags a {width: 32px; height: 32px; border-radius: 16px; border: 1px solid #fff; position: relative; overflow: hidden; margin: 5px 15px 5px 0; display: block;}
#top #lang::before, #flags a::before {content: " "; width: 26px; height: 26px; background: url('../img/cz.png') no-repeat center center; position: absolute; left: 2px; top: 2px; border-radius: 13px; background-size: auto 100%;}
#top #lang.de::before, #flags a.de::before {background-image: url('../img/de.png');}
#top #lang.en::before, #flags a.en::before {background-image: url('../img/en.png');}
#lang_switcher {position: relative;}
#flags {position: absolute; z-index: 1; opacity: 0; height: 0; overflow: hidden;}
#lang_switcher:hover #flags {display: block; opacity: 1; height: auto;}
#google_translate_element, .skiptranslate {display: none; opacity: 0;}
#burger {height: 70px; display: block; line-height: 40px; text-decoration: none; padding: 15px;}
#burger:hover, #burger.active {background: #fff; color: #222;}
#menu {position: absolute; width: 320px; top: 70px; right: 0; background: #fff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); z-index: 12; text-align: left; display: none;}
.menu-opened #menu {/*max-height: calc(100vh - 70px);*/ overflow: hidden;}
#menu_inner {padding: 0 20px;}
.menu-opened #menu #menu_inner {max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;}
#menu ul {padding: 0; margin: 0; list-style: none;}
#menu strong, #menu li, #menu a {display: block;}
#menu strong {color: #888; text-transform: uppercase; margin: 20px 0 0;}
#menu li {padding: 15px 0; border-bottom: 1px solid #eee;}
#menu li:last-of-type {border: 0;}
#menu a {color: #000;}
#menu a:hover {text-decoration: underline;}
#header {background: url('../img/head.jpg') no-repeat center center; background-size: cover;}
.home #header {min-height: 440px; }
#header h1 {font-weight: 700; font-size: 48px; color: #fff; text-transform: uppercase; text-align: center; margin: 80px 0 0;}
#header h2 {color: #FFF; text-align: center; font-size: 22px; font-weight: 400; line-height: 31px; max-width: 550px; margin: 30px auto; text-transform: none;}
#filtr {margin: 20px 0; border-radius: 8px; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 15px 15px 15px 25px; min-height: 70px;}
.home #filtr {margin: 0;}
#filtr .second {justify-content: start;}
#filtr #loc input, #filtr #kraje select {border: 1px solid transparent; background: none; padding: 5px 10px;}
#filtr #kraje select {color: #888;}
#filtr #kraje.filled select {color: #222; font-weight: 700;}
#filtr input:active, #filtr input:focus {/*border: 1px solid #B12054;*/}
#filtr .btn {margin: 0;}
#filtr .fa-solid {color: #888;}
#filtr .first > div.flex {width: 30%; /* flex: 1; */ justify-content: start;}
#filtr #sluzby, #filtr #loc {padding: 0px 20px 0px 20px; border-left: 1px solid rgba(177, 32, 84, 0.3); min-height: 40px;}
#filtr .first .flex.col {flex-direction: column; align-items: flex-start; justify-content: center;}
#filtr #filtres_content .od, #filtr #filtres_content .do {flex: 1;}
#filtr #filtres_content .od label, #filtr #filtres_content .do label {padding-right: 5px;}
#filtr .chosen {color: #222; font-size: 16px; font-weight: 700; padding: 5px 0 0; width: 100%;}
#filtr .chosen > div {/*max-height: 40px; overflow: hidden;*/}
#sluzby_chosen > div {/*white-space: nowrap; overflow: hidden;*/ width: 100%;}
#filtr #loc .chosen, #filtr #kraje .chosen {padding: 0 10px;}
#filtr .filtr_link {color: #888; text-decoration: none; margin: 5px 0 0;}
#filtr #filtry .filtr_link {margin: 5px 5px 0 0; color: #B12054; white-space: nowrap; text-decoration: underline;}
#filtr #filtry .filtr_link:hover {color: #222; text-decoration: none;}
#obce, #services, #filtres {display: none; position: absolute; width: 100%; z-index: 2; background: #fff; padding: 10px 25px; border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); top: 61px; left: -25px;}
#obce a {display: block; margin: 10px 0; padding: 0 0 0 20px; position: relative;}
#obce a::before { font-family: "Font Awesome 6 Free"; content: "\f3c5"; font-weight: 900; position: absolute; left: 0; top: 0;}
#services, #filtres {left: 0; top: 56px; max-width: 100vw; width: 500px; padding: 0;}
#services h3, #services_bottom {padding: 20px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); margin: 0; font-size: 20px; font-weight: 700; text-transform: uppercase;}
#services_bottom {text-align: center;}
#filtr ul.flex {flex-wrap: wrap; margin: 0; padding: 0; list-style: none; justify-content: flex-start;padding: 10px 25px;}
#filtr ul.flex li {padding: 0 5px 0 0; width: 33%; margin: 12px 0;}
#filtr ul.flex li input {vertical-align: sub; margin: 0 5px 0 0; border: 0; padding: 0;}
#filtr .close:not(.closeall) {position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; display: none; height: 20px; font-size: 20px; opacity: 0.5;}
#filtr .close:hover {opacity: 0.8;}
#filtr .filled .close {display: block;}
#filtr .closeall {margin: 5px 5px 0 0;}
#filtry {padding-right: 20px;}
#filtres {left: 0;}
#filtres_bottom {text-align: center;}
#filtres_top, #filtres_bottom {padding: 20px 20px 0;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
#filtres_bottom {padding: 20px}
#filtres_content {padding: 5px 20px 20px;}
#filtres_content h4 {font-size: 18px; font-weight: 700; margin: 20px 0 10px;}
#filtres_top h3 {margin: 0 0 10px;font-size: 20px; font-weight: 700; text-transform: uppercase;}
#filtres_content .tab {display: none;}
#filtres_content .tab.active {display: block;}
#filtr_switch a {font-size: 18px; font-weight: 700; margin: 6px 40px 0px 0; display: inline-block; padding-bottom: 14px; position: relative; text-decoration: none;}
#filtr_switch a::after {content: " "; position: absolute; background: #B12054; height: 3px; width: 100%; left: 0; bottom: 0; display: none;}
#filtr_switch a.active::after, #filtr_switch a:hover::after {display: block;}
#filtr_switch a:last-of-type {margin-right: 0;}
#filtr #filtres_content ul.flex {padding: 0;}
#filtr #filtres_content ul.flex li {width: 25%;}
#filtr #filtres_content ul.narrow li {width: 50%;}
#filtres_content .divider {width: 72px;}
#filtres_content .stretch {align-items: stretch;}
#filtres_content .stretch label {height: 24px;}
#filtres_content .divider::before {position: absolute; content: " "; width: 12px; height: 1px; background: #222; left: 0; right: 0; top: 0px; bottom: 0; margin: auto;}
#filtr #filtres_content ul.misto li {width: 33%; justify-content: flex-start;}
#btns {margin: 10px -20px 0;}
#btns .btn {border: 0;}
#show_filtr {position: fixed; bottom: 0px; left: 2%; z-index: 10; width: 96%; font-size: 18px; font-weight: 400; text-transform: none; text-align: center; padding: 19px 10px;}
#show_filtr.active span {display: none;}
#content {padding: 0 0 20px 0; flex: 1;}
#extra_text {}
#hlaska {display: none; padding: 20px 0;}
#nedokonceno {background: #ff0000; color: #fff; padding: 10px;}
#nedokonceno a {color: #fff;}
#lsit {}
#list .wrapper {min-width: 1185px; max-width: 1185px;}
#list .grid {gap: 15px 14px; grid-template-columns: repeat(auto-fill,minmax(189px,189px)); margin: 15px 0;}
#detail #list .grid {gap: 15px 38px;}
#list .spread { flex: 1;}
#list .grid.big {gap: 20px 15px; grid-template-columns: repeat(auto-fill,minmax(240px,240px)); align-items: start;}
#list .grid li {font-size: 12px; line-height: 15px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); border-radius: 8px;}
#list .grid li a {text-decoration: none;}
#list .grid li a.neaktivni {position: relative;}
#list .grid li a.neaktivni img, #list .grid li a.neaktivni span {filter: grayscale(1);}
#list .grid li a.neaktivni::before {content: "Neaktivní"; position: absolute; left: 5px; top: 10px; z-index: 1; font-size: 30px; color: red; font-weight: 700;}
#list .grid li .img {border-radius: 4px; height: 237px; overflow: hidden; background: #eee; justify-content: center; position: relative; display: block;}
#list .grid.big li .img {height: 300px;}
#list .slick-slider {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#list .slick-list, #list .slick-track {height: 100%;}
#list .slick-prev, #list .slick-next {border-radius: 20px; width: 40px; height: 40px;}
#list .grid li .img ul {padding: 0; margin: 0; display: none;}
#list .grid li .img ul li {margin: 0; padding: 0;}
.overeny_uzivatel {position: absolute; right: 4px; top: 4px; z-index: 1; font-size: 17px; width: 25px; height: 25px; text-align: center; line-height: 25px; background: #FE3B83; border-radius: 25px; background: linear-gradient(90deg, #FE3B83 0%, #F14FDE 100%); color: #fff; z-index: 13;}
#list .grid li .img img {width: 100%; height: 100%; object-fit: cover;}
#list .grid li .img em {font-size: 13px; color: rgba(254, 60, 133, 1);}
#list .grid li .img em.admin {position: absolute; color: rgba(254, 60, 133, 0.5);}
#list .grid li .img em i {display: block; font-size: 50px; margin: 0 0 20px;}
#list .grid li .img .photos, #list .grid li .img .new {position: absolute; top: 10px; right: 10px; padding: 7px; background: rgba(255,255,255,0.7); border-radius: 8px; line-height: 1; font-size: 14px; font-weight: 500; height: 26px; z-index: 1;}
#list .grid li .img .new {right: auto; left: 10px; background: #B12054; color: #fff;}
#list .grid li .name {display: block; font-size: 16px; margin: 15px 15px 0; line-height: 20px;}
#list .grid.big li .name {margin: 20px 15px 0;}
#list .grid li .info {padding: 10px 15px 15px; font-size: 14px;}
#list .grid.big li .info {padding: 10px 15px 20px; font-size: 16px;}
#list .grid li .name strong {text-decoration: none; font-size: 18px; color: #B12054; text-align: left; text-transform: uppercase;}
#list .reklama {margin-left: 20px;}
#detail {padding: 30px 0;}
#detail h1 {color: #B12054; margin: 0 0 15px;}
#crumbs {margin: 0 0 40px;}
#crumbs .left {}
#crumbs .left i {margin: 0 20px; color: #888;}
#crumbs .left a {color: #888; text-decoration: none;}
#crumbs .left a:hover {text-decoration: underline;}
#crumbs .right i {margin-right: 5px;}
#detail .detail .left {flex: 1;}
.detail .sekce {padding: 30px 0; border-bottom: 1px solid #eee;}
.detail .sekce a {color: #B12054;}
.detail .sekce h3, #reg #tab-4 h3 {padding: 10px; background: #eee; color: #000; font-size: 16px; display: inline-block; border-radius: 4px; margin: 0 0 20px;}
#reg #tab-4 h3 {margin: 0 0 30px 0;}
.detail .sekce.kontakt {color: #888; font-size: 14px;}
.detail .sekce.kontakt .flex {/*justify-content: flex-start;*/}
.detail .sekce.kontakt strong {display: block; font-size: 18px; color: #000; margin: 0 0 2px;}
.detail .sekce.kontakt .rel {padding-left: 47px; margin-right: 50px; display: flex; flex-direction: column; justify-content: center; height: 40px;}
.detail .sekce.kontakt .rel:last-of-type {margin: 0;}
.detail .sekce.kontakt .rel::before { font-family: "Font Awesome 6 Free"; content: "\f095"; font-weight: 900; position: absolute; left: 0; top: 0;}
.detail .sekce.kontakt .rel.tel::before {width: 34px; height: 34px; border-radius: 17px; color: #fff; background: #888; text-align: center; line-height: 34px; font-size: 16px;}
.detail .sekce.kontakt .avl {color: #1ABD00;}
.detail .sekce.kontakt .avl i {font-size: 8px; margin-right: 3px; position: relative; top: -1px;}
.detail .sekce.kontakt .rel.loc::before {content: "\f3c5"; color: #888; font-size: 34px; top: -3px;}
.detail .sekce.kde {}
.detail .sekce.kde a {font-weight: 700; margin: 0 3px;}
.detail .sekce.kde span {color: #B12054;}
.detail .sekce.kde strong {color: #000;}
.detail .sekce.info {}
.detail .sekce.info span {font-size: 14px; color: #888; display: block; font-weight: 500; margin: 0 0 4px;}
.detail .sekce.info strong {color: #000;}
.detail .sekce.sluzby {}
.detail .sekce.sluzby ul {column-count: 2; margin: 0; padding: 0 25px;}
.detail .sekce.sluzby ul li {padding: 10px 0;}
.detail .sekce.doba .flex {flex-wrap: wrap;}
.detail .sekce.doba .den {width: 33%; margin: 15px 0;}
.detail .sekce.doba .den strong {display: block; padding: 0 0 3px;}
.detail .sekce.doba .den span {position: relative; padding-left: 13px;}
.detail .sekce.doba .den span::before { font-family: "Font Awesome 6 Free"; content: "\f111"; font-weight: 900; position: absolute; left: 0; top: 0; bottom: 2px; font-size: 8px; color: #1ABD00; margin: auto; height: 8px; width: 8px;}
.detail .sekce.doba .den.unavailable {color: #888;}
.detail .sekce.doba .den.unavailable span::before {color: #DE3535;}
#detail .detail .right {width: 45%; margin: 0 0 0 40px; max-width: 480px;}
#detail .detail .right .main { border-radius: 8px; overflow: hidden; margin: 0 0 15px; position: relative;}
#detail .detail .right .verified {position: absolute; left: 10px; top: 10px; border-radius: 4px; background: #fff; padding: 10px; font-weight: 700;}
#detail .detail .right .verified i {color: #1ABD00; font-size: 17px; margin: 0 3px 0 0; position: relative; top: 1px;}
#detail .detail .right img {max-width: 100%;}
#detail .detail .right .others {gap: 10px 3%; grid-template-columns: repeat(auto-fill,31%);}
#detail .detail .right .others .img, #detail .detail .right .others .video {height: 0; padding-bottom: 67%; margin: 0; border-radius: 8px; overflow: hidden; position: relative;}
#detail .detail .right .others .img img, #detail .detail .right .others .video video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
#detail .left .text-right .btn {margin: 0 0 10px 10px;}
#detail .left .flex-top {align-items: flex-start;}
#detail #stats {}
#detail #stats td, #detail #stats th {padding: 5px;}
#reg {padding: 30px 0;}
.reg_type {border-radius: 8px; background: #222222; padding: 20px; color: #fff; text-decoration: none; max-width: 360px; padding-right: 50px; position: relative;}
.reg_type:first-of-type {margin-right: 20px; background: #B12054;}
.reg_type::before { font-family: "Font Awesome 6 Free"; content: "\f054"; font-weight: 900; position: absolute; right: 20px; top: 0; bottom: 2px; font-size: 30px; color: #fff; margin: auto; height: 30px; width: 18px;}
.reg_type strong {font-size: 20px; display: block; color: #fff; text-decoration: none; margin: 0 0 15px;}
#proces {border-bottom: 1px solid #eee; padding: 0 0 20px; margin: 30px 0;}
#proces i {margin: 0 20px;}
#proces a {text-decoration: none;}
#proces a:hover {color: #B12054;}
#proces a.active {color: #B12054; font-weight: 700;}
#reg .page {}
#reg .page .left {width: 50%; padding-right: 40px;}
#reg .page .help {width: 50%; position: relative;}
#reg .btn {font-size: 21px; padding: 20px 20px; margin-right: 20px;}
#reg .sekce {border-bottom: 1px solid #eee; padding: 0 0 30px 0;}
#reg .detail .sekce {padding: 30px 0;}
#reg select, #reg input {max-width: 350px;}
#reg textarea {min-height: 170px;}
#reg .sekce h3 {font-size: 20px; color: #888; margin: 30px 0 0;}
#reg .sekce .flex.narrow {max-width: 350px;}
.detail .sekce.info .flex {align-items: self-start;}
#reg .buttons {margin: 20px 0 0; justify-content: flex-start;}
#reg .sekce .flex .input {flex: 1;}
#reg .sekce .flex.two .input:first-of-type {margin-right: 10px;}
#reg .sekce .flex.two .input:last-of-type {margin-left: 10px;}
#reg .sekce .flex.two > * {width: 50%;}
#reg .sekce .checkbox {margin: 20px 0 0;}
#reg .sekce .checkbox input[type=checkbox] { vertical-align: sub;}
#reg label {padding: 20px 0 5px; display: block;}
#reg .sekce:first-of-type label:first-of-type {padding-top: 0;}
#reg label i {color: #888; font-size: 18px; margin-left: 10px; cursor: pointer; display: none;}
#reg .doba {margin: 10px 0;}
#reg .doba label {padding: 5px 0 5px;}
#reg .day {min-width: 100px;}
#reg .day, #reg .nonstop {line-height: 46px;}
#reg .time div {padding-right: 20px;}
#reg .checking{display: none; box-shadow: 0px 8px 24px rgba(29, 37, 44, 0.25); padding: 20px; background: #fff; position: absolute; top: 50px; left: 0px; font-size: 13px; line-height: 24px; color: #2EB279; z-index: 2; width: 350px;}
.checking .close {position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; border: 1px #000 solid; border-radius: 10px; text-align: center; line-height: 20px;}
.checking .error {padding-left: 17px; position: relative; text-align: left;}
.checking h1.error {padding-left: 25px;}
.checking .err {color: #DB484B;}
.checking .error::before {content: "\f00c"; font-family: FontAwesome; font-weight: 900; position: absolute; left: 0; top: 1px;}
.checking .err::before {content: "\f00d";}
#reg .show_pwd {position: absolute; right: 35px; top: 0; bottom: 0; margin: auto; color: #888;}
#reg ul.flex {flex-wrap: wrap; margin: 0; padding: 0; list-style: none; justify-content: flex-start;padding: 10px 0;}
#reg ul.flex li {padding: 0 5px 0 0; width: 33%; margin: 12px 0;}
#reg ul.flex li input {vertical-align: sub; margin: 0 5px 0 0; border: 0; padding: 0;}
#reg .tab {display: none;}
#reg .tab.active {display: block;}
#reg .tasks {padding: 0 20px 20px; border-radius: 8px; border: 1px solid #eee; display: none;}
#reg .tasks.active {display: block;}
@media all and (min-width: 768px) {
#reg .tasks.fixed {position: fixed; top: 0; background: #fff;}
}
#reg .tasks .question {border-bottom: 1px solid #eee; position: relative; padding: 20px 0 20px 30px;}
#reg .tasks .question.active {color: #B12054;}
#reg .tasks .question::before { font-family: "Font Awesome 6 Free"; content: "\f05a"; font-weight: 900; position: absolute; left: 0px; top: 20px; font-size: 20px; margin: auto; height: 20px; width: 20px; line-height: 20px;}
#reg .tasks .question:last-of-type {border: 0; padding-bottom: 0;}
#reg .tasks .question strong {cursor: pointer;}
#reg .tasks .question p {display: none;}
#reg .tasks .question.active p {display: block; margin: 10px 0 0;}
#reg .filepond--root {margin: 20px 0; padding: 10px;}
#reg .filepond--root .btn {font-size: 16px; padding: 10px; margin: auto;}
#reg ul.gallery li {width: auto; padding: 0; margin: 0; text-align: center;}
#reg ul.gallery {grid-template-columns: repeat(auto-fill, minmax(100px, 160px)); gap: 15px;}
#reg ul.gallery > li > div {border-radius: 8px; overflow: hidden; height: 0; padding-bottom: 66%; position: relative; text-align: left; cursor: move;}
#reg ul.gallery > li:first-of-type > div {border: 3px solid #B12054;}
#reg ul.gallery div a, #reg #tab-3 ul.gallery div.video {width: 100%; height: 100%; position: absolute;}
#reg ul.gallery div a {cursor: move;}
#reg ul.gallery div a img, #reg #tab-3 ul.gallery video {object-fit: cover; width: 100%; height: 100%;}
#reg ul.gallery .delete, #reg #tab-3 ul.gallery .delete_video {display: inline-block; margin: 10px auto; cursor: pointer; font-size: 14px;}
#zapomenute-heslo .form {margin: 0px auto; max-width: 630px;}
#zapomenute-heslo .form .row {margin: 20px 0;}
#aktivace .checked, #aktivace input.checkbox {display: none;}
#aktivace input.checkbox:checked + label > span.checked {display: block;}
#aktivace input.checkbox:checked + label > span.unchecked {display: none;}
#aktivace .choose input.checkbox + label > span.unchecked, #aktivace .choose input.checkbox + label > span.checked {display: none;}
#aktivace label.btn::before {width: 20px; height: 20px; content: " "; position: absolute; border: 1px solid #CCCCCC; left: 15px; top: 5px; box-sizing: border-box; background: url(/img/icon6.svg) no-repeat; background: none; top: 0; bottom: 0; margin: auto; border-radius: 10px;}
#aktivace input.checkbox:checked + label::before {background: url(/img/icon6.svg) no-repeat; border: 0;}
#aktivace label.btn {font-weight: 700; font-size: 18px; line-height: 22px;border: 0; margin: 0; padding-left: 45px;}
#reg .checking#vyberte {text-align: center; padding: 10px 0; position: unset; box-shadow: none; font-size: 17px; width: 100%;}
#reg .checking#vyberte .err::before {top: -1px;}
#login {}
#login .wrapper {max-width: 400px; min-width: 400px;}
#login .input {margin: 5px 0;}
#moje-divky {}
#moje-divky #list .grid {grid-template-columns: repeat(auto-fill, minmax(208px, 208px));}
#moje-divky #list .grid li {margin: 0 0 40px; position: relative;}
#moje-divky #list .grid li .down {position: absolute; bottom: -25px; left: 0; right: 0; margin: 0px auto; font-size: 16px; width: 16px; height: 16px;}
#moje-divky #list .grid li .edit {left: 30px;}
#moje-divky #list .grid li .remove {right: 30px;}
#footer {background: #232323; padding: 20px 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}
#footer h3 {font-size: 16px; color: #fff; opacity: 0.3; margin: 0 0 10px; text-transform: none;}
#footer .flex.top {margin: 0 -20px;}
#footer .flex.top > div {margin: 20px;}
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer ul li {padding: 10px 0;}
#footer p {font-size: 14px; color: #fff; opacity: 0.4;}
.mobile_close {display: none;}
#rest_text {display: none;}
/* =============== ADMIN =============== */
.admin #toplist {display: block;}
#ui-datepicker-div {z-index: 1051 !important;}
#admin ul {list-style: none; padding: 0;}
#admin ul li {margin: 5px 0;}
#admin .wrapper.flex {align-items: self-start;}
#admin .wrapper.flex > .left {width: 250px; margin-right: 10px;}
#admin .wrapper.flex > .right {flex: 1; text-align: left;}
.admin.schvalovani .img {width: 100px; height: 100px; display: inline-block; vertical-align: middle;}
.admin.schvalovani .img img {width: 100%; height: 100%; object-fit: cover;}
#admin .vypis {}
#admin table.vypis {width: 100%; border-collapse: separate; position: relative;}
#admin .vypis .flex {justify-content: start;}
#admin .tools .flex a, #admin .right_icons > * {margin-right: 5px; min-width: 15px; text-align: center;}
#admin .right_icons a.fa-at {text-decoration: none; font-size: 22px;}
#admin .neoveren_email .right_icons a.fa-at { opacity: 0.2;}
#admin .vypis li, #admin .vypis td, #admin .vypis th {margin: 2px 0; background: rgba(254, 60, 133, 0.1); padding: 10px 15px; align-items: start;}
#admin .vypis .zaplaceno td {background: rgba(255, 215, 0, 0.3);}
#admin .vypis .neaktivni td {background: rgba(0, 0, 0, 0.1);}
#admin .vypis .blokace td {background: rgba(255, 0, 0, 0.5);}
#admin .vypis .deaktivace td {background: rgba(0, 0, 0, 0.5);}
#admin .vypis .duplicitni td {border: 1px solid rgba(255, 0, 0, 0.5);}
#admin .vypis .neoveren td {border: 1px solid red;}
#admin .vypis .neoveren_first td {border: 2px solid red;}
#admin .vypis td.kontakt {font-size: 13px; line-height: 13px;}
#admin table.vypis th {position: sticky; top: 0; background: #ffc4da; border-bottom: 2px solid #fff;}
#admin .vypis li .tools {padding-right: 10px; flex: none;}
#admin .vypis li .tools a {margin: 0 3px;}
#admin .vypis .tools a.unblock, #admin .vypis .tools a.aktivovat, #admin .vypis .tools a.duplicita_ok, #admin .vypis a.show_dupl, #admin .vypis .tools a.overit, #admin .vypis .tools a.neoverit, #admin .vypis .tools a.zaplatit, #admin .vypis .navysit, #admin .vypis .tools a.activ_till {display: none;}
#admin .vypis .blokace .tools a.unblock, #admin .vypis .deaktivace .tools a.activ_till, #admin .vypis .deaktivace .tools a.aktivovat, #admin .vypis .duplicitni .tools a.duplicita_ok, #admin .vypis .duplicitni a.show_dupl, #admin .vypis .neoveren .tools a.overit, #admin .vypis .neoveren .tools a.neoverit, #admin .vypis .platba .tools a.zaplatit, #admin .vypis .zaplaceno .navysit {display: block;}
#admin .vypis .blokace .tools a.block, #admin .vypis .deaktivace .tools a.deaktivovat {display: none;}
#admin table.vypis td i {font-size: 22px;}
#admin table.vypis td i.red {color: red;}
#admin table.vypis td i.fa-female {color: rgba(254, 60, 133, 1);}
#admin .vypis .supertop .supertop, #admin .vypis .top .top {color: #B12054;}
#admin .pagination {margin: 20px auto 0; width: min-content; font-size: 14px;}
#admin .pagination li {margin: 0 10px;}
#admin .filtr input[type="text"], #admin .filtr select {width: auto; padding: 10px; margin: 5px;}
#admin .sortable .sort {cursor: grab; cursor: -webkit-grab;}
.ck-editor__editable_inline {min-height: 400px;}
.admin #platba .konec {opacity: 0.3; margin-left: 10px;}
.admin #platba input:checked + label .konec {opacity: 1;}
.admin #platba .kontakty {margin-left: 10px;}
.admin #navyseni .kontakty, .admin #navyseni .konec {margin: 5px;}
@media all and (max-width: 1100px) {
.wrapper {min-width: 280px !important; padding: 0 4%;}
#top .wrapper {padding: 0;}
}
@media all and (max-width: 900px) {
#top .menu {display: none;}
}
@media all and (max-width: 767px) {
.desktop {display: none;}
.mobil {display: block;}
#header {background-position: top 0% center; background-color: #000; background-size: 150%;}
#show_filtr {display: none;}
#show_filtr.active {display: block;}
#reg .page {display: block;}
#reg .page .left {width: 100%;}
#reg .page .help {height: 0; overflow: hidden;}
#reg label {display: flex;}
#reg label i {display: block;}
#reg .tasks .question p.active {display: block; position: fixed; transform: translate(-15px, -100%); z-index: 1; background: #222; border-radius: 4px; color: #fff; padding: 10px; font-size: 12px; margin: 23px 0 0;}
#reg .tasks .question p.active::before {content: " "; left: 20px; bottom: -4px; position: absolute; width: 0px;height: 0px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #222 transparent transparent transparent; transform: rotate(0deg);}
#detail .flex.detail {flex-wrap: wrap; flex-direction: column-reverse;}
#detail .detail .right {width: 100%; max-width: 100%; margin: 0 0 40px;}
#filtr > .flex {display: block;}
#filtr > .flex.second {text-align: right;}
#filtr .first > div.flex {width: 100%;}
#filtr .first .flex.col {flex: 1;}
#filtr #sluzby, #filtr #loc {border: 0; padding: 10px 0 0; border-top: 1px solid rgba(177, 32, 84, 0.3); margin: 10px 0;}
#filtry {display: block; padding: 0; margin-bottom: 10px;}
#btns {flex-wrap: wrap; margin: 10px 0;}
#btns .btn {margin: 10px 20px 10px 0;}
#filtres, #services {position: fixed; left: 0; width: 100%; top: 0px; border-radius: 0; height: calc(100vh - 62px); box-shadow: none; overflow: auto; text-align: left !important;}
body.hidden_sluzby, body.hidden_filtry {overflow: hidden;}
body.hidden_sluzby #show_filtr_parent, body.hidden_filtry #show_filtr_parent {display: none;}
#filtres_bottom, #services_bottom {position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding: 10px; height: 62px;}
body.hidden_sluzby .mobile_close, body.hidden_filtry .mobile_close {display: block; position: fixed;top: 0px; right: 15px; padding: 10px; background: #fff; font-size: 20px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); z-index: 1; width: 40px; text-align: center;}
#filtr .chosen {padding: 5px 25px 0 0;}
#filtr .close:not(.closeall) {margin: 0; top: auto; right: 0;}
}
@media all and (max-width: 500px) {
#footer .flex.top {display: block; margin: 0;}
#footer .flex.top > div {margin: 20px 0;}
#filtr #filtres_content ul.flex li {width: 32%;}
#filtr #filtres_content ul.misto li , #filtr #filtres_content ul.narrow li{width: 50%;}
#list .grid {grid-template-columns: repeat(auto-fill, minmax(165px, 165px));}
#list .grid li .img {height: 200px;}
}