@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=auto&subset=latin-ext&ver=5.8.3');

:root{
--c-white:#fff;
--c-black:#151515;
--c-white50:#fffc;
--c-black50:#0008;
--c-base:#151515;
--c-act: #158DB6;
--c-acth: #1CADDF;
--c-obsaz: #FF0000;
--c-err: #FF0000;
--bg-grey:#5D5D5D;
--bg-dis:#ddd;
--c-sel:#1F8383;
--bg-input:#eee;
--bg-sel:#CBFBFB;
--c-line:#158DB6;
--c-line2:#9ADAD9;
--shadow:0 1px 4px #0003;
--shadowbig: 0 0 40px #0002;
--b-menu:1px solid #eee;
--max-width:1276px;
}

.dark{
--c-base:#fff;
--c-act: #158DB6;
--c-acth: #1CADDF;
color: var(--c-base);
}



html,body,h1,h2,h3,h4,p,ul,ol,li,div,span,form,table,td,dl,dd,dt,img{margin:0; padding:0; border:0;}
body {background:var(--c-white);color:var(--c-base); font-size:16px;font-family:"Roboto", sans-serif;overflow-x:hidden;}
input,textarea,select {font-family:"Roboto", sans-serif;}
* {box-sizing: border-box;}

h1,h2,h3,h4,h5,h6{font-family: "Roboto Condensed", sans-serif;color:var(--c-act);}
h1{font-size: 3em;margin: 1.3em 0 .2em 0;}
h2{font-size: 2.4em;margin: 1em 0 .2em 0;}
h3{font-size: 1.8em;margin: 1em 0 .25em 0;}
h4{font-size: 1.4em;margin: 1em 0 .3em 0;}
h5,h6{font-size:16px;margin:1em 0 .5em 0;}
h1 strong,h2 strong, h3 strong, h4 strong{font-weight:900;}

.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:var(--c-base);}


p{font-size:1em;margin: .7em 0;line-height:1.5em;color:var(--c-base);}
ol,ul {font-size:1em; margin:0 0 .8em 1.3em;color:var(--c-base);}
li {margin:.3em 0;}
li::marker {color: var(--c-act);}
hr {margin:10px 0;border:none;height:2px;background:var(--c-act);}
hr.light {height:0;background:none;border-top: 1px dotted var(--c-act);}

dl{display:block; margin:0.5em 0;}
dt{display: inline-block;min-width: 25%;vertical-align: top;line-height: 1.5em;box-sizing: border-box;padding-right:1em;}
dd{display: inline-block;max-width: 75%;margin: 0;vertical-align: top;}

table{width:100%;border-collapse:collapse;margin:1em 0;}
table th, 
table td{border-bottom: 1px solid var(--c-line);vertical-align: middle;padding : 5px;text-align : left;font-size: 90%;}
table th{font-weight:bold;color:var(--c-act);}

table.blank th, 
table.blank td{border: none;background:transparent;}

table.border th, 
table.border td{border: 1px solid var(--c-act);background:transparent;}

table.top th, 
table.top td {vertical-align:top;}

tr.line th,tr.line td,th.line,td.line {border-top: 2px solid var(--c-act);border-bottom: 2px solid var(--c-act);}
tr.noline th,tr.noline td,th.noline,td.noline {border:none;}

table.short{width:auto;}

@media (max-width: 799px) {
table.responsive {display:block;}
table.responsive::after {content:"";display:block;clear:both;}
table.responsive tr{display:block;float:left;}
table.responsive th,
table.responsive td{display:block;width:auto !important;}
}


@media (max-width: 700px) {
dt,
dd{display:block; width:auto;min-width:none;max-width:none;}
}

a{cursor:pointer; text-decoration: underline;color:var(--c-act);}
a:hover{text-decoration: underline;color:var(--c-acth);}
h1 a,h2 a,h3 a {text-decoration:none;color:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover {text-decoration: underline;color:var(--c-acth);}


img {max-width: 100%;}
.hid {display:none !important;}
.vis {visibility:hidden !important;}
.clr {clear:both;}
.c {text-align:center !important;}
.l {text-align:left !important;}
.r {text-align:right !important;}
.b {font-weight:bold !important;}
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}
.ab {vertical-align:bottom !important;}
.nw {white-space:nowrap !important;}

.bl>*,.bc>* {margin-right:auto;}
.br>*,.bc>* {margin-left:auto;}


.first{margin-top:0;}
.active {color:var(--c-act);}
.err {color:var(--c-err);}

.middle>*{display: inline-block;vertical-align:middle;}

a.btn {display:inline-block;max-width: 100%;margin:5px;padding: 15px 30px;font-weight: bold; background-color:var(--c-act);color:var(--c-white);text-decoration:none;border-radius: 100px;}
a.btn.sel,a.btn:hover {background-color:var(--c-acth);}
a.btn.small {font-size:1em;padding:7px 12px;}
a.btn.dis {background-color:var(--bg-dis);cursor:default;}

a.soc {display:inline-block;width:32px; height:32px;background:url(../images/social.png) no-repeat;}
a.soc.fb{background-position: 3px -57px;}
a.soc.yt{background-position: 3px 3px;}
a.soc.ig{background-position: 3px -88px;}
a.soc.x{background-position: 3px -27px;}

@media (max-width: 800px){
h1{font-size: 2em;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h5,h6{font-size:16px;}
h1::after,h2::after,h3::after{width:10px;height:10px;}

.mc {text-align:center !important;}
}

/*LAYOUT*/
html {height:100%;}
body {min-height:100%;display: flex;flex-wrap: nowrap;flex-direction: column;}

section.header {
  display: flex;
  position: relative;
	background-color: var(--c-black);
}

section.header.full {
  min-height: 100vh;
}

section.header .bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
	opacity: .7;
}

section.header .bg img,
section.header .bg video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

section.header .cnt {
  width: 100%;
  max-width: var(--max-width);
  margin: auto;
  padding: 20px;
  display: flex;
  z-index: 2;
  flex-direction: column;
}
section.header.full .cnt {min-height: 100vh;}

section.header .header {
  display: flex;
  align-items: center;
	justify-content: space-between;
}

section.header .header .logo {
  display:block;
  margin-right:40px;
  height: 100px;
  width: 100px;
	min-width: 100px;
}

section.header .header .logo img{display:block;}
section.header .header nav{flex-grow: 2;}
section.header .header nav>ul{display:block;font-weight:bold;padding:0;margin:auto;}
section.header .header nav>ul>li {
  list-style:none;
  display:inline-block;
  position:relative;
  margin: 5px;
}
section.header .header nav>ul>li>ul {
display:none;position:absolute;top:32px;left:0;
background:var(--c-white50);border:2px solid var(--c-act);
margin: 0;
border-radius: 10px;
font-size: .9em;
min-width: 100%;

--c-base:#151515;
--c-act: #158DB6;
--c-acth: #1CADDF;
}


section.header .header nav>ul>li:hover>ul{display:block;backdrop-filter: blur(5px);}
section.header .header nav>ul>li>ul>li {
display:block;
margin:0;
}

section.header .header nav a{display:block; white-space:nowrap; line-height: 32px;height: 32px;padding: 0 10px;color:var(--c-base);text-decoration:none}
section.header .header nav a.sel{color:var(--c-act);}
section.header .header nav li:hover>a{color:var(--c-acth);text-decoration:none;}



section.header .header nav .ham {display:none;}

section.header .perex {
  flex-grow: 2;
  align-content: center;
	padding-top: clamp(2rem, 7vw, 8rem);
	padding-bottom: clamp(2rem, 7vw, 8rem);
}


section.cnt {
flex-grow: 2;
width: 100%;
max-width: var(--max-width);
margin: auto;
padding: 20px;
}

section.footer {
background-color:var(--c-act);
}
section.footer>* {
--c-base:#fff;
--c-act: #fff;
--c-acth: #fff;
}

section.footer .cnt{
width: 100%;
max-width: var(--max-width);
margin: auto;
padding: 20px;
}



@media (max-width: 800px){

section.header .cnt,
section.cnt,
section.footer .cnt {padding:10px;}


section.header .header{align-items: start;}
section.header .header .logo {height: 65px;width: 65px;min-width: 65px;}

section.header .header nav {display:none;position: absolute;z-index:5;top:80px;left: 0;right: 0;background:var(--c-black50);padding:.5rem 0;}
section.header .header .ham {display:block;z-index:2;width: 45px;height:45px;margin:0 0 0 10px;border:var(--b-menu);padding: 3px 2px;overflow: hidden;text-align:left; cursor:pointer;}
section.header .header .ham .hamico{margin:18px 10px;width: 20px;height:2px;display:block;position: relative;background-color: var(--c-base);}
section.header .header .ham .hamico:before,
section.header .header .ham .hamico:after {content: '';position: absolute;width: 100%;height: 2px; top: 6px;background-color: var(--c-base);}
section.header .header .ham .hamico:after {top: -6px;}

section.header .header.sel .ham .hamico {background: none;}
section.header .header.sel .ham .hamico:before {top:0;transform: rotate(-45deg);}
section.header .header.sel .ham .hamico:after {top:0;transform: rotate(45deg);}

section.header .header.sel nav{display:block;backdrop-filter: blur(5px);}
section.header .header.sel li {display:block;padding:0px;border:none;margin:0;text-align:center;}
section.header .header.sel li a{display:inline-block; height: auto;line-height: 1em; padding:12px 0;white-space:normal;}
section.header .header.sel li a.sel{}

section.header .header nav>ul>li>ul {
display:block;position:static;background:none;border:none;margin-bottom: 10px;
--c-base:#fff;
--c-act: #158DB6;
--c-acth: #1CADDF;
}
section.header .header.sel li>ul>li a{padding:7px 0;}


}

.fmenu {display: flex;flex-wrap: wrap;align-items: stretch;text-align:left;}
.fmenu span {border-right: 1px solid;padding: 0 10px;}
.fmenu span:first-child {border-left: 1px solid;}
@media (max-width: 800px) {
  .mc .fmenu{justify-content: center;}
  }
}

section.cnt img {border: 2px solid var(--c-act);border-radius: 10px;}
.cimg {text-align:center;}
.rimg {float:right; margin-left:1em; margin-bottom:1em;}
.limg {float:left; margin-right:1em; margin-bottom:1em;}
.rimg img, .limg img {max-width:30%;}
.photogallery {margin: 0 auto 1em; text-align:center;}
.photogallery img{display:inline-block; margin:0.5em;vertical-align: middle;}
section.cnt img.noborder {border:none;border-radius:0;}


@media (max-width: 400px){
.rimg,.limg, .photogallery img {float:none; margin:0 0 1em 0; max-width:100%;}
}

/*video*/
.ytvideo{margin: 1% 2%;width: 96%; /*max-width:900px;*/position:relative;}
.ytvideo:before{display:block;content:"";width:100%;padding-top:56.25%;}
.ytvideo iframe{ width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;border:none;} 
.ytvideocapt{text-align:center;font-style:italic; margin-top:0;}

a.noline{text-decoration:none;}

p.error{font-weight:bold;color:var(--c-act);padding:30px 0;}

span.download{display: inline-block;margin: 8px 0;}

.form {margin:1em auto;position:relative; max-width:900px;}

.loading{position:fixed;z-index:1000;top:0;left:0;right:0;bottom:0;background:var(--c-white50) url(../images/loading.svg) center center no-repeat; background-size:200px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease 0.2s;
	pointer-events:none;
}

.loading.visible {
	visibility: visible;
	opacity: 1;
}


.form dl{display:block; margin:1em 0;}
.form dl.text{margin:.2em 0;}
.form dl.higlight{ font-weight:bold;font-size:1.2em;margin:0;padding-top:8px;color:var(--c-act);}
.form dl.higlight.black{color: var(--c-base);padding: 0;margin: .1em 0;}
.form dl.sep,
.form div.sep{margin-top:2em;}

.form dt{width: 25%;text-align:right;padding-top: 7px;}
.form dd{width: 75%;margin: 0;position: relative;}
.form dd.text{padding-top: 7px;line-height: 1.5em;}
.form label{vertical-align:middle; line-height:1.5em;}
.form dd span {display: inline-block;padding-right: 0.4em;}
.form dd span.note {font-style:italic;}
.form dt span.req {font-weight:bold;color:#F00;}

.form dl dl {display: flex;}
.form dl dl dt{width:auto;min-width: auto;text-align:left;}
.form dl dl dd{width:auto;max-width: none;flex-grow: 1;}

.form dl.text>dt{padding-top: 0;line-height: 1.3em;}
.form dl.text>dd{}

.form dl.higlight dt{padding-top:0;}
.form dl.higlight dd{line-height: 1.5em;}
.form dl.higlight span{padding:0;}

input,
textarea,
select {font-size:1em;box-sizing: border-box;}
.form label {cursor: pointer;margin-top: 7px;display: inline-block;}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="date"],
.form input[type="file"],
.form input[type="number"],
.form input[type="password"]{width: 100%; border: 0; background:var(--bg-input); color:var(--c-base);border: 1px solid var(--c-act);padding: 8px;border-radius: 5px;font-size: 1.2em;}
.form input[type="checkbox"]{margin-right:0.5em;}

.form input[type="number"]{width:50px;text-align:right;-moz-appearance:textfield;}
.form input[type="number"]::-webkit-outer-spin-button,
.form input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}

.form input.code{text-align:center;font-weight:bold;font-size: 1.3em;-moz-appearance: textfield;}
.form input.code::-webkit-outer-spin-button,
.form input.code::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}

.form input.small {font-size: 1em; padding: 5px;}

.form textarea{width:100%; height:7em; border: 0; background:var(--bg-input); color:var(--c-base);border: 1px solid var(--c-act);border-radius: 5px;padding: 8px;font-size: 1.2em;}
button {display:inline-block;margin: 0.1em;padding: 15px 30px;font-weight: bold; background-color:var(--c-act);color:var(--c-white);border:0;cursor:pointer;}
button:hover {background-color:var(--c-acth);}

.form .whisper{position:absolute;z-index:10;left:0;right:0;top:100%;max-height:200px;overflow: auto;background:var(--c-white);border: 1px solid var(--c-act);}
.form .whisper>div {border-bottom: 1px solid var(--c-act);padding: 7px 8px;cursor: pointer;}
.form .whisper>div.sel,
.form .whisper>div:hover{color: var(--c-act);}


.form a[rel="count"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  font-size: 30px;
  border: 2px solid var(--c-act);
  background: var(--c-act);
  color: var(--c-white);
  vertical-align: middle;
  margin: 0 5px;
  text-decoration: none;
  user-select: none;
  border-radius: 5px;
}

.form dl.err dt {color:#F00;}
.form dl.err input,
.form dl.err textarea,
.form dl.err select,
.form dl.err .errAll {background:#fbb;}
.form .errmsg {color:#F00;display:none;font-size:.8em;}
.form dl.err .errmsg {display:block;}



.formRes {display: none;position: absolute;z-index: 10;top: -5px;left: -5px;right: -5px;bottom: -5px;text-align: center;padding-top: 40px;
box-shadow: 2px 2px 20px 0px rgba(255, 255, 255, 0.75);background-color: #fffe;border: 1px solid #aaa;}


@media (max-width: 700px) {
.form dt,
.form dd{width:auto;text-align:left;}
.form dd.btn {text-align:center;}
.form dl dl {display: block;}
.form dl dl dt{}
.form dl dl dd{}
}

/*BANNER*/
.banner {position:relative;left: calc(50% - 50vw);width:100vw;}
.banner>img {display:block;object-fit: cover;width: 100%;height: 100%;max-height: 800px;min-height: 400px;}
.banner>div {position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display: flex;padding: 0 8px;}


/*PANEL*/
.panel {position:relative; padding-top:10px;padding-bottom:10px;}
.panel::before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;top:0;bottom:0;}
.panel::after{content:"";display:block;clear:both;}

.panel.black{color:var(--c-white);}
.panel.black::before {background:var(--c-base);}
.panel.grey{color:var(--c-white);}
.panel.grey::before {background:var(--bg-grey);}
.panel.active{color:var(--c-white);}
.panel.active::before {background:var(--c-act);}

.panel.black a, .panel.grey a, .panel.active a {color:var(--c-white);}
.panel.active li::marker {color: var(--c-white);}
.panel.active td,.panel.active th{border-color:var(--c-white);}


/*BLOCK*/
.block {display:flex;flex-wrap: wrap; margin:0 -5px;}
.block>div {box-sizing: border-box;padding:5px;flex-grow: 1;}

.block .half {flex-basis:50%;/* min-width:450px;*/}
.block .third {flex-basis:33%; min-width:300px;}
.block .twothirds {flex-basis:66%; min-width:600px;}
.block .quarter {flex-basis:25%; min-width:225px;}
.block .fifth {flex-basis:20%; min-width:225px;max-width:280px;}
.block .slim {flex-grow: 0;min-width: 0;flex-basis: auto;}

.block.movedup {margin-top: -90px; margin-bottom:10px; position: relative;z-index:2;}

@media (max-width: 800px){
.block .half, 
.block .twothirds {flex-basis:100%; min-width:100%;}
.block.movedup {margin-top: -70px;}
}

@media (max-width: 500px){
.block .third {flex-basis:100%; min-width:100%;}
.block .smallhide {display:none;}
.block.movedup {margin-top: -50px;}
}
@media (max-width: 300px){
.block .quarter {flex-basis:100%; min-width:100%;}
}

.submenu{background:var(--c-white);border-top:1px solid var(--c-act); padding:20px;box-shadow:var(--shadowbig);height:100%;}
.submenu p{margin:0;border-top:1px solid var(--c-line);}
.submenu p:last-child{margin:0;border-bottom:1px solid var(--c-line);}
.submenu p a{display:block;padding: 10px;font-weight:bold;color:var(--c-base);text-decoration:none;}
.submenu p a:hover{background:var(--bg-sel);color:var(--c-sel);}
.submenu h2 a:hover{color:var(--c-base);}


/*rezervace*/

.rezDate>div {
  position: relative;
}

.rezDate label {
  display: inline-block;
  text-align: left;
  margin: 5px 7px;
  border: 2px solid var(--c-act);
  padding: 7px 14px;
  border-radius: 5px;
  vertical-align: middle;
  cursor: pointer;
}

.rezDate span {
  display: block;
  margin-bottom: 4px;
  font-size: .9em;
}

.rezDate input {
  width: 120px;
  text-align: center;
  padding: 5px 0;
  border: 1px solid var(--c-act);
  border-radius: 5px;
  cursor: pointer;
}

.rezCena{
	font-size: 1.2em;
	margin: 25px 0;
}
.rezCena span{
  vertical-align: middle;
}
.rezCena span.cena{
	color: var(--c-act);
  font-weight: bold;
  font-size: 1.3em;
}

.rezUbyt{
	text-align:left;
}
.rezUbyt>div{
}
.rezUbyt>div>div {
  margin-top: 10px;
}

.rezUbyt label{
	margin-top: 0px;
}
.rezUbyt span {
  display: inline-block;
	margin: 0 20px 5px 0;
}
.rezForm{
	text-align:left;
}


/*calendar*/


.flatpickr-calendar {font-size:14px;}

.flatpickr-day{
	max-width:none;
  height: 32px;
  line-height: 32px;
	border:none;
	}

.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {color:#777;}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color: rgba(57,57,57,0.1);}

.flatpickr-day.obsazeno1 {
  background-image: linear-gradient(to bottom right, transparent 50%, var(--c-obsaz) 50%);
  border-radius: 0;
  border-color: #fff;
}
.flatpickr-day.obsazeno2 {
  background-image: linear-gradient(to bottom right, var(--c-obsaz) 50% , transparent 50%);
  border-radius: 0;
  border-color: #fff;
}


.flatpickr-day.obsazeno3,
.flatpickr-day.obsazeno4{
  background: var(--c-obsaz);
  color: var(--c-white);
	border-radius:0;
}



.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.inRange{
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
  background: var(--c-act) !important;
  color: var(--c-white);
}

.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover{
	background: var(--c-act) !important;
  color: var(--c-white);
	}