/* OBECNE *********************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

 
body {width:100%;overflow-x:hidden;/*image-rendering:optimizeQuality;*/}
* {margin: 0; padding: 0; color:#413b3b;font-family: 'Outfit', sans-serif;font-size:20px;line-height:30px;}
a, a span, li, input, .newsbox {-webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;}
p {line-height:30px;margin-bottom:10px;}
strong {font-weight:bold;}
 
a {outline:none;color:#004518;cursor:pointer;}
a:hover {color:#004518;}

ul {list-style:none;}



.container {margin:0 auto;width:1440px;position:relative;padding:0 20px;box-sizing:border-box;max-width:100vw;}
.container:after {content:'';display:block;clear: both;}

h1, h2, h1 a, h2 a, h3, h3 a {font-family: "Playfair Display", serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;}
h1 {font-size:50px;line-height:60px;color:#581f0a;padding:0;font-weight:bold;display:block;margin:30px 0 50px 0;}
h2 {font-size:45px;line-height:50px;color:#494846;padding:0;font-weight:bold;display:block;padding:40px 0 50px 0;position:relative;}
h3 {font-size:30px;line-height:40px;color:#494846;padding:0;font-weight:bold;display:block;padding:20px 0 10px 0;position:relative;}

.btn {margin-top:40px;padding:15px 20px 15px 20px;text-align:center;display:inline-block;box-sizing:border-box;color:#fff;background:#bb9c70;border-radius:0px;
    line-height:30px;text-decoration:none;font-size:16px;min-width:200px;position:relative;text-transform:uppercase;font-weight:normal;}
.btn:hover {background:#d3a971;color:#fff !important;}

.btnline {display:block;clear:both;text-align:center;}

.fotoleft, .fotoright {margin-bottom:35px;} 
.fotoright {float:right;margin-left:35px;}
.fotoleft {float:left;margin-right:35px;}

.fourboxes a {width:calc((100% - 60px) / 4);margin-right:20px;float:left;text-decoration:none;border-radius:5px;overflow:hidden;margin-bottom:20px;}
.fourboxes a span {width:100%;height:190px;display:block;overflow:hidden;}
.fourboxes a span img {width:120%;height:auto;}
.fourboxes a p {font-size:18px;padding:10px 15px;color:#3a170a;height:55px;text-align:left;overflow:hidden;line-height:35px;background:#c7b38f;text-decoration:none;border:1px solid #c7b38f;border-top:none;box-sizing:border-box;margin:0;}
.fourboxes a:nth-of-type(4n) {margin-right:0;}
.fourboxes a:hover {transform:scale(1.02);}  
  

/* HEADER *********************************************************************/

header {box-sizing: border-box;z-index:150;height:100px;background:transparent;position:relative;}
header #headermenu {vertical-align:middle;height:100px;}
header #headermenu #logo {width:180px;height:100px;background: url('../images/logo.png') no-repeat 0 bottom / contain;display:inline-block;z-index:20;margin-left:50px;}header #headermenu #logo span {display:none;}

header #headermenu #headernav {min-height:60px;width:calc(100vw - 350px);float:right;margin-right:50px;text-align:center;margin-top:40px;}
header #headermenu #headernav #headerlist {box-sizing:border-box;text-align:center;}
header #headermenu #headernav #headerlist li {display:inline-block;padding-left:17px;padding-right:17px;position:relative;}
/*header #headermenu #headernav #headerlist li:first-of-type {padding-left:0px;}*/
header #headermenu #headernav #headerlist li a {display:block;text-transform:uppercase;text-decoration:none;color:#fff;font-size:16px;height:text-align:center;line-height:60px;font-weight:normal;}
header #headermenu #headernav #headerlist li#rezervace::before, header #headermenu #headernav #headerlist li:first-of-type::before {display:none;}
/*header #headermenu #headernav #headerlist li.active > a, header #headermenu #headernav #headerlist li > a:hover {text-decoration:underline;}
header #headermenu #headernav #headerlist li.subcat > a {padding-right:28px;background: url('../images/icon-down.png') no-repeat right center / 13px auto;}*/
header #headermenu #headernav #headerlist li a:hover {text-decoration:underline !important;}
/*header #headermenu #headernav #headerlist li ul {display:none;position:absolute;left:-20px;min-width:100%;padding:5px 20px;background:#004518;top:80px;z-index:100;}
header #headermenu #headernav #headerlist li ul li {display:block;float:none;margin:0;}
header #headermenu #headernav #headerlist li ul li a {color:#fff;display:block;height:auto;line-height:25px;padding:10px 0;font-size:15px;white-space:nowrap;text-align:left;}
header #headermenu #headernav #headerlist li:hover ul {display:block;}*/
header #headermenu #headernav #headerlist li#rezervace {margin-top:0;padding-left:30px;float:right;padding-right:0;}
header #headermenu #headernav #headerlist li#rezervace a {margin:0;line-height:30px;position:relative;font-weight:normal;}
header #headermenu #headernav #headerlist li#rezervace a:hover {text-decoration:none !important;}
/*header #headermenu #headernav #headerlist li#rezervace a::before {position:absolute;width:18px;height:20px;display:block;content:'';left:14px;top:10px;background: url('../images/rezervace.png') no-repeat center center / 100% auto;}*/

header #headerlang {float:right;padding-right:40px;padding-top:30px;position:absolute;top:5px;right:0;}
header #headerlang::before {position:absolute;left:-10px;right:30px;top:24px;bottom:-5px;background:transparent;content:'';border-radius:2px;border:1px solid #f3e0c7;}
header #headerlang.active::before {background:rgba(58,23,10,0.97);}
header #headerlang::after {position:absolute;content:'';right:40px;height:20px;top:35px;width:6px;background: url('../images/lang.png') no-repeat right center / 6px auto;}
header #headerlang li.active {display:block;cursor:pointer;}
header #headerlang li.active a {position:relative;pointer-events:none;}
header #headerlang li {display:none;z-index:10;position:relative;}
header #headerlang li a {font-size:14px;color:#f3e0c7;padding:0 14px 0 28px;text-decoration:none;min-width:20px;display:block;}
header #headerlang li a:hover {text-decoration:underline;}
header #headerlang.active li {display:block;}
header #headerlang.active li.active a {/*line-height:20px;*/pointer-events:unset;}
header #headerlang li#headerlangcz {background:url('../images/flagcz.jpg') no-repeat 0 center;}
header #headerlang li#headerlangen {background:url('../images/flagen.jpg') no-repeat 0 center;}
header #headerlang li#headerlangde {background:url('../images/flagde.jpg') no-repeat 0 center;}
header #headerlang li#headerlangpl {background:url('../images/flagpl.jpg') no-repeat 0 center;}

#blocktop {background: url('../images/slide1.jpg') no-repeat center 0;background-size:cover;margin-top:-100px;padding-top:100px;}
#blocktop .container {min-height:700px;position:relative;box-sizing:border-box;text-align:center;}
#blocktop h1 {padding-bottom:50px;color:#fff;position:relative;padding-top:150px;margin-bottom:10px;margin-top:0;text-align:center;}
#blocktop p {max-width:600px;color:#fff;display:block;margin:0 auto;}
#blocktop.small {background-position:center center !important;position:relative;}
#blocktop.small::before {position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.7);content:'';}
#blocktop.small .container {min-height:100px;padding-bottom:20px;text-align:left;}
#blocktop.small #breadcrumbs {display:none;}
#blocktop.small h1 {padding-top:120px;}
#blocktop.small h1::after {left:0;margin-left:0;}




/* HOME ***********************************************************************/


.headline {text-transform:uppercase;font-size:18px;color:#bb9c70;display:block;margin-bottom:10px;}


#uvodvyhody {position:relative;text-align:center;padding:30px 0;background:#f7ecdc;clear:both;}
#uvodvyhody ul::after {display:block;clear:both;content:'';}
#uvodvyhody ul li {float:left;width:calc(100% / 7);text-align:center;font-size:18px;line-height:25px;box-sizing:border-box;padding:0 15px;color:#bb9c70;}
#uvodvyhody ul li::before {width:100%;height:75px;margin-bottom:15px;display:block;content:'';}
#uvodvyhody ul li:nth-of-type(1)::before {background: url('../images/icon1.png') no-repeat center center / contain;}
#uvodvyhody ul li:nth-of-type(2)::before {background: url('../images/icon2.png') no-repeat center center / contain;}
#uvodvyhody ul li:nth-of-type(3)::before {background: url('../images/icon3.png') no-repeat center center / contain;}
#uvodvyhody ul li:nth-of-type(4)::before {background: url('../images/icon4.png') no-repeat center center / contain;}
#uvodvyhody ul li:nth-of-type(5)::before {background: url('../images/icon5.png') no-repeat center center / contain;}
#uvodvyhody ul li:nth-of-type(6)::before {background: url('../images/icon6.png') no-repeat center center / contain;}
#uvodvyhody ul li:nth-of-type(7)::before {background: url('../images/icon7.png') no-repeat center center / contain;}


#uvodinfo {padding:80px 0px;clear:both;}
#uvodinfo #uvodinfoin {float:left;max-width:650px;text-align:left;}
#uvodinfo #uvodlogo {float:right;width:570px;padding-right:60px;position:relative;}
#uvodinfo #uvodlogo img {display:block;width:100%;height:auto;position:relative;z-index:10;}
#uvodinfo #uvodlogo::after {content:'';width:inherit;height:520px;background:#fcf7f1;position:absolute;right:0;top:40px;z-index:0;}
#uvodinfo::after {clear:both;display:block;content:'';}
#uvodinfo h2 {padding-top:0;}



#uvodrezervace {background:#e9eff4;padding:70px 0;}
#uvodrezervace p {color:#bb9c70;font-size:24px;float:left;line-height:60px;margin:0 20px 0 0;}
#uvodrezervace .btn {float:right;margin-top:0;}
#uvodrezervace .container::after {content:'';clear:both;display:block;}


#uvodkontakt {position:relative;background: #421c07 url('../images/bg.jpg') repeat-y center center;}
#uvodkontaktmap {position:absolute;right:0;top:0;bottom:0;width:50vw;}
#uvodkontaktmap iframe {width:100%;height:100%;display:block;min-height:400px;}
#uvodkontaktin {box-sizing:border-box;padding:60px 50px 60px 0;color:#fff;min-height:400px;width:50%;}
#uvodkontaktin * {color:#fff;}
#uvodkontaktin li {color:#fff;display:inline-block;margin-right:40px;}
#uvodkontaktin li a {color:#fff;text-decoration:none;}
#uvodkontaktin li a:hover {color:#fff;text-decoration:underline;}
#uvodkontaktin li::nth-of-type(2) {margin-right:0;}
#uvodkontaktin h2 {text-align:left;color:#ffebcf;padding-top:0;}
#uvodkontaktin h2::after {left:0;margin-left:0;}


.swiper-container {width: 100%;height: 100%;position:absolute;left:0;top:0;bottom:0;right:0;}
.swiper-container .buttons {position:absolute !important;right:0;left:0;bottom:0;}
.swipeimg {/*cursor:ew-resize;*/display:block;}
.swiper-slide {display:inline-block !important;width:100% !important;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;position:relative;
    -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.swiper-slide::before {display:block;width:60%;content:'';position:absolute;left:0;top:0;bottom:0;background: url('../images/gradient.png') repeat-y 0 center / 100% auto;}    
.swiper-slide#slide1 {background-image:url('../images/slide1.jpg');}
.swiper-slide#slide2 {background-image:url('../images/slide2.jpg');}
.swiper-slide#slide3 {background-image:url('../images/slide3.jpg');}
.swiper-slide#slide4 {background-image:url('../images/slide4.jpg');}
.slidetext {height:100%;padding-bottom:70px;display:table-cell;height:auto;vertical-align:middle;}
.slidetext h1, .slidetext h2 {font-size:60px;color:#fff;padding:0;margin:0 0 30px 0;}
.slidetext p {color:#fff;max-width:500px;margin-bottom:30px;}

#homeslider {position: relative;max-height:800px;height: 45vw;overflow:hidden;width:100%;box-sizing:border-box;margin-top:-100px;float:left;}
#homeslider::before {content:'';left:0;right:0;top:0;height:150px;display:block;position:absolute;background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.0) 100%);z-index:10;pointer-events:none;}
#homeslider .container {height:100%;box-sizing:border-box;display:table;position:relative;}
#homeslider .container .containerin {display:table-cell;height:100%;vertical-align:middle;}
#homeslider strong {font-size:50px;line-height:60px;color:#fff;padding:0;font-weight:900;display:block;margin:30px 0 50px 0;}
#homeslider .swiper-pagination {bottom:20px;display:none;}
#homeslider .swiper-pagination-bullet {width:11px;height:11px;background:#fff;border:3px solid #fff;border-radius:50%;opacity:1;margin:0 7px;box-shadow:0 0 5px rgba(0,0,0,0.5);}
#homeslider .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#581f0a;}
.swiper-button-prev, .swiper-button-next {z-index:100;opacity:1.0 !important;}
.swiper-button-disabled {opacity:0.2 !important;}
.swiper-button-prev {left:unset;right:90px !important;}
.swiper-button-next {left:unset;right:20px !important;}
#homeslider .swiper-button-prev::after, #homeslider .swiper-button-next::after {position:absolute;left:0;right:0;top:0;bottom:0;content:'';pointer-events:none;z-index:10;}
#homeslider .swiper-button-prev::before, #homeslider .swiper-button-next::before {position:absolute;left:0;right:0;top:0;bottom:0;content:'';z-index:100;}
#homeslider .swiper-button-prev:hover::after {background:linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.0) 100%);}
#homeslider .swiper-button-next:hover::after {background:linear-gradient(to left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.0) 100%);} 
#homeslider .swiper-button-prev, #homeslider .swiper-button-next {width:60px;height:60px;bottom:80px;top:unset;margin:0;background:none;border-collapse:collapse;box-sizing:border-box;border:2px solid #fff;}
#homeslider .swiper-button-prev::before {background: url('../images/arrow-left.png') no-repeat center center / 13px auto;opacity:1;}
#homeslider .swiper-button-next::before {background: url('../images/arrow-right.png') no-repeat center center / 13px auto;opacity:1;}


#headertext {min-height:inherit;text-align:left;position:relative;z-index:20;pointer-events:none;height:100%;}
#headertext .container {min-height:inherit;display:table;}
#headertext .container {height:100%;box-sizing:border-box;}
#headertext::before {position:absolute;left:0;top:0;bottom:0;width:60%;content:'';background: url('../images/headergradient.png') repeat-y left center / 100% auto;display:block;opacity:0.50;}
#o-nas {display:table-cell;vertical-align:bottom;min-height:inherit;padding-top:80px;padding-bottom:80px;}
#o-nas .btn {pointer-events:all;}
#headertext h1 {padding:0;line-height:60px;font-size:50px;margin-bottom:20px;color:#fff;}
#headertext h2 {color:#fff;font-size:26px;margin-bottom:30px;padding-top:0;line-height:40px;}
#headertext h2::after {width:50px;height:4px;}
#headertext p {font-size:20px;line-height:30px;color:#fff;width:730px;max-width:100%;margin-bottom:0;}



#uvodbanner {padding-top:80px;padding-bottom:40px;background:#f7f7f7;}
.uvodbanner {text-decoration:none;padding-top:100px;position:relative;display:block;}
.uvodbannerimg {position:absolute;left:0;top:0;bottom:0;width:43%;}
.uvodbannerimg img {display:block;position:absolute;bottom:0;width:100%;height:auto;}
.uvodbannerin {border-radius:5px;padding:20px 30px 20px 45%;background: linear-gradient(to top, #8fe4fe, #2189ff);}
.uvodbannerin * {text-decoration:none;color:#fff;}
.uvodbannerin h2 {font-size:25px;padding:0 0 15px 0;line-height:30px;}
.uvodbannerin h2::after {display:none;}
.uvodbannerin p {font-size:16px;line-height:22px;}
.uvodbannerin span {display:block;text-align:right;margin-top:15px;padding-right:40px;position:relative;font-size:16px;font-weight:bold;}
.uvodbannerin span::after {position:absolute;right:0;bottom:50%;margin-bottom:-12px;width:25px;height:25px;content:'';display:block;background: url('../images/bannerarrow.png') no-repeat center center / contain;}
.uvodbanner:hover .uvodbannerin span {text-decoration:underline;}


#uvodtipy {text-align:center;padding:70px 0;background: url('../images/uvodtipy.jpg') no-repeat center center / cover;position:relative;}
#uvodtipy::before {content:'';left:0;right:0;top:0;bottom:0;background: url('../images/uvodtipygradient.png') repeat-y right 0;display:block;position:absolute;opacity:0.9;}
#uvodtipy h2 {padding-top:0;}
#uvodtipy .fourboxes {margin-top:40px;}


#uvodgalerie h2, #uvodgalerie {text-align:center;}
#uvodgalerie h2 {padding-top:0;}
#uvodgalerie {padding:40px 0 100px 0;}
#uvodgalerie .fotogalerie li:first-child {width:calc((100% - 60px) / 2);height:480px;}
#uvodgalerie .fotogalerie li:first-child a {height:inherit;}
#uvodgalerie .fotogalerie li:nth-of-type(3), #uvodgalerie .fotogalerie li:nth-of-type(5) {margin-right:0;}
#uvodgalerie .fotogalerie li:nth-of-type(4) {margin-right:20px;}


#uvodohlasy {position:relative;padding:100px 0;background: url('../images/uvodohlasy.jpg') no-repeat center center / cover;}
#uvodohlasy::before {content:'';left:0;right:0;top:0;bottom:0;background: url('../images/uvodohlasygradient.png') repeat-y 0 0;display:block;position:absolute;opacity:0.9;}
#uvodohlasy h2 {padding-top:0;}
#uvodohlasy ul::after {display:block;clear:both;content:'';}
#uvodohlasy ul li {display:block;text-align:left;max-width:850px;margin-bottom:20px;}
#uvodohlasy ul li strong {display:block;color:#bb9c70;}




/* MAIN ***********************************************************************/


#main ul.cenik {margin-bottom:30px;}
#main ul.cenik li {padding:20px 0 20px 0;background:none;border-bottom:1px solid #c7b38f;border-collapse:collapse;}
#main ul.cenik li:first-of-type {border-top:1px solid #c7b38f;}
#main ul.cenik li strong {display:block;font-size:24px;color:#581f0a;margin-bottom:-10px;}
#main ul.cenik li strong span {font-size:24px;color:#581f0a;float:right;}
#main ul.cenik li em {color:#c7b38f;} 


#main .referencebox ul li {padding:20px;background:0;float:left;margin-right:30px;margin-bottom:30px;width:calc( (100% - 30px) / 2);box-sizing:border-box;line-height:30px;background:#fff;border:1px solid #ccc;}
#main .referencebox ul li strong {color:#bb9c70;margin-top:10px;display:block;}
#main .referencebox ul li:nth-of-type(2n) {margin-right:0;}
#main .referencebox ul::after {clear:both;content:'';display:block;}

#main .cenikbox ul li {text-decoration:none;padding:10px 15px;background:0;float:left;margin-right:15px;margin-bottom:20px;box-sizing:border-box;line-height:30px;background:#f7ecdc;/*border:1px solid #ccc;*/min-height:115px;}
#main .cenikbox ul li strong {text-decoration:none;color:#bb9c70;}
#main .cenikbox ul li a {text-decoration:none;}
#main .cenikbox ul li:last-child() {margin-right:0;}
#main .cenikbox ul::after {clear:both;content:'';display:block;}

.fullbox {padding:50px;clear:both;min-height:24vw;position:relative;}
.fullbox::after {display:block;position:absolute;right:0;top:0;bottom:0;left:50%;content:'';}
.fullboxtext {float:left;width:45%;padding:30px;}
.fullbox {padding:50px;clear:both;}
.fullbox.rightbox .fullboxtext {float:right;}
.fullbox.rightbox::after {left:0;right:50%;} 
.fullbox#lpokoj1::after {background:url('../images/lpokoj1.jpg') no-repeat center center / cover;}
.fullbox#lpokoj2::after {background:url('../images/lpokoj2.jpg') no-repeat center center / cover;}
.fullbox#lpokoj3::after {background:url('../images/lpokoj3.jpg') no-repeat center center / cover;}
.fullbox#ljidelna::after {background:url('../images/ljidelna.jpg') no-repeat center center / cover;}
.fullbox#lkuchyne::after {background:url('../images/lkuchyne.jpg') no-repeat center center / cover;}
.fullbox#lpristylky::after {background:url('../images/lpristylky.jpg') no-repeat center center / cover;}
.fullbox#lkoupelny::after {background:url('../images/lkoupelny.jpg') no-repeat center center / cover;}


#pagekontaktmap {width:100%;}
#pagekontaktmap iframe {width:100%;height:100%;display:block;min-height:500px;}

#main {padding:50px 0 100px 0;clear:both;box-sizing:border-box;}
#main ul li {
	background:url('../images/arrow.png') no-repeat 0 9px / 8px auto;
	padding: 0px 0px 4px 20px;
}
#main::after {clear:both;display:block;content:'';}

#textleft {width:calc( 100% - 350px );float:left;} 
#fotoright {width:300px;float:right;}
#fotoright .fotogalerie li {width:100%;float:none;margin-right:0 !important;}
#fotoright .fotogalerie li a {float:none;}

.fotogalerie li {float:left;width:calc((100% - 60px) / 4);background:none !important;padding:0 !important;margin-right:20px;margin-bottom:20px;}
.fotogalerie li:nth-of-type(4n) {margin-right:0;}
.fotogalerie li a {float:left;width:100%;height:230px;overflow:hidden;display:block;position:relative;}
.fotogalerie li a img {width:100%;height:100% !important;display:block;object-fit:cover;}
.fotogalerie li a:hover {transform:scale(1.02);}  
.fotogalerie::after {clear:both;content:'';display:block;}
.fotogalerie.vylety li a {height:230px;position:relative;}
.fotogalerie.vylety li a strong {position:absolute;bottom:0;left:0;right:0;line-height:25px;color:#fff;text-align:left;padding:13px 15px;/*background:rgba(0,0,0,0.5);*/font-size:20px;z-index:20;}
.fotogalerie.vylety li a::before {display:block;position:absolute;left:0;right:0;bottom:0;height:100px;z-index:10;content:'';background:linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 100%);}

#xrezervace h2 {text-align:center;}

#rezform {margin-top:30px;}
#rezform input, #rezform .selectbox, #rezform textarea {border:2px solid #8d785c;width:60%;padding:0 5px;box-sizing:border-box;height:40px;/*line-height:40px;*/display:inline-block;float:left;background:#fff;}
#rezform .selectbox {line-height:40px;}
#rezform textarea {height:120px;padding-top:5px;padding-bottom:5px;}
#rezform select {background:none;border:none;width:100%;outline:none;}
#rezform select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;transition:none;}
#rezform .required {color:#ce072d;}
#rezform label {width:35%;padding-right:20px;text-align:left;display:inline-block;box-sizing:border-box;float:left;padding-top:10px;}
#rezform fieldset > div {padding-bottom:8px;padding-top:8px;display:inline-block;width:48%;}
#rezform .description {margin-left:250px;}
#rezform .btnbox {margin-top:20px;clear:both;padding-right:6%;width:100%;box-sizing:border-box;text-align:right;}
#rezform .checkboxes {padding-left:250px;}
#rezform .checkboxes * {line-height:20px;}
#rezform .checkboxes label {padding:0;width:300px;}
#rezform #rezprijezd, #rezform #rezodjezd {background: #fff url('../images/rezervace2.png') no-repeat 95% center / 22px auto;}
fieldset {border:none;padding:0;}
#rezform .gdprbox {width:100%;display:block;}
#rezform .gdprbox input[type="checkbox"] {width:auto;height:auto;margin:10px 10px 0 0;}
#rezform .gdprbox label {width:auto;float:none;padding:0;cursor:pointer;}

#ui-datepicker-div {padding:10px;background:#fff;border:2px solid #8d785c;}
.ui-datepicker-calendar td a, .ui-datepicker-calendar th a {min-width:20px;padding:5px 7px;min-height:20px;line-height:20px;background:#cdbaa0;display:inline-block;color:#4c0c01;text-decoration:none;font-size:15px;}
.ui-datepicker-calendar td a:hover {background:#a68f71;}
.ui-datepicker-calendar .ui-datepicker-current-day a {background:#8d785c !important;color:#fff;}
.ui-datepicker-calendar .ui-datepicker-today a {background:#ae9779;}
.ui-datepicker-header {background:#fef7f5;padding:10px;margin-bottom:5px;text-align:center;color:#bbb264;position:relative;}
.ui-datepicker-calendar .col span {color:#652b1f;}
.ui-datepicker-title span {font-weight:bold;color:#652b1f;}
.ui-datepicker-prev, .ui-datepicker-next {position:absolute;top:10px;left:10px;width:24px;height:24px;display:block;background: url("../images/cal-left.png") center center no-repeat;}
.ui-datepicker-next {left:auto;right:10px;background: url("../images/cal-right.png") center center no-repeat;}
.ui-icon {display:none;}

#echalupy-kalendar {border:none;padding-top:50px;}


/* FOOTER *********************************************************************/

footer {clear:both;}
footer #footertop {padding:70px 0;background:#202020;position:relative;}
footer #footertop .container {text-align:right;}
footer #footertop .container::before {display:block;height:57px;width:179px;content:'';float:left;background:url('../images/logo.png') no-repeat 0 center / contain;}
footer #footertop li {margin:10px 0 10px 35px;display:inline-block;}
footer #footertop li a {color:#fff;text-decoration:none;line-height:37px;font-size:16px;text-transform:uppercase;}
footer #footertop li a:hover {color:#aaaaaa;text-decoration:underline;}
footer #footerbottom {background:#202020;position:relative;}
footer #footerbottom .container {padding-top:60px;padding-bottom:60px;position:relative;}
footer #footerbottom .container * {line-height:30px;font-size:16px;text-decoration:none;color:#616161;}
footer #footerbottom .container a:hover {text-decoration:underline;}
footer #footerbottom .container::before {position:absolute;left:20px;right:20px;top:0;height:1px;background:#373737;content:'';display:block;}
footer #footerbottom #foot-copy {display:inline-block;}
footer #footerbottom #foot-copy a {text-decoration:underline;} 
footer #footerbottom #foot-texpro {float:right;padding-right:40px;display:inline-block;background:url('../images/texpro.png') no-repeat right center / 24px auto;}




/* RESPONSIVE *****************************************************************/


@media only screen and (min-width: 1801px) and (max-width: 2000px) {
	header #headermenu #headernav #headerlist li a:lang(de), header #headermenu #headernav #headerlist li a:lang(en), header #headermenu #headernav #headerlist li a:lang(pl) {font-size:15px;}
	header #headermenu #headernav #headerlist li:lang(de), header #headermenu #headernav #headerlist li:lang(en), header #headermenu #headernav #headerlist li:lang(pl) {padding-left: 30px}
	header #headermenu #headernav #headerlist li:lang(de)::before, header #headermenu #headernav #headerlist li:lang(en)::before, header #headermenu #headernav #headerlist li:lang(pl)::before {left:11px;}
}	
@media only screen and (max-width: 1800px) {
	header #headermenu #headernav #headerlist li a {font-size:15px;}
	header #headermenu #headernav #headerlist li a:lang(cs) {font-size:16px;}
	header #headermenu #logo {width:240px;height:100px;}
	#uvodinfo #uvodinfoin {width:45%;}
}	

@media only screen and (max-width: 1600px) {
	/*header #headermenu #headernav #headerlist li#rezervace a {font-size:0;padding:0 20px;height:40px;}
	header #headermenu #headernav #headerlist li#rezervace a::before {left:10px;}
	header #headermenu #headernav #headerlist li a {font-size:15px;}
	header #headermenu #headernav #headerlist li a:lang(cs) {font-size:15px;}
	header #headermenu #headernav #headerlist li::before {left:10px;width:6px;height:6px;top:48px;}
	header #headermenu #headernav #headerlist li {padding-left:26px;}*/
	header #headermenu #headernav #headerlist li#rezervace a {min-width:unset;}
	header #headermenu #headernav #headerlist li {padding-left:10px;padding-right:10px;}
}

@media only screen and (max-width: 1400px) {
	header #headermenu #logo {width:180px;margin-left:20px;height:80px;}
	header #headermenu #headernav {margin-top:20px;margin-right:20px;width:calc(100vw - 250px);}
    /*header #headermenu #headernav div  {width:90px;height:90px;background: url('../images/menu.png') no-repeat center center / 30px auto;cursor:pointer;float:right;}
    header #headermenu #headernav #headerlist {display:none;position:fixed;left:0;right:0;background:#581f0a;z-index:100;padding:6vh 5vw 6vh 5vw;top:0px;text-align:center;line-height:50px;overflow-y:auto;}    
    header #headermenu #headernav.active #headerlist {display:block;}
    header #headermenu #headernav #headerlist {width:100%;float:none;}
    header #headermenu #headernav #headerlist li {margin:0;line-height:30px;display:block;width:100%;text-align:center !important;box-sizing:border-box;padding:0;}
    header #headermenu #headernav #headerlist li::before {display:none;}
    header #headermenu #headernav #headerlist li a {color:#fff;height:auto;line-height:30px;font-size:22px;padding:10px 0 !important;text-align:center !important;background:none;}
    header #headermenu #headernav #headerlist li ul {display:block;position:relative;text-align:center;min-width:100%;box-sizing:border-box;top:0;left:0;padding-left:0;padding-right:0;}
    header #headermenu #headernav #headerlist li ul a {font-weight:normal;}
    header #headermenu #headernav #headerlist::after {content:'';position:absolute;width:30px;height:30px;right:40px;top:40px;background: url('../images/icon-close.png') no-repeat center center / 17px auto;display:block;}
    header #headermenu #headernav #headerlist li a:hover {color:#fff;}
    header #headermenu #headernav #headerlist li#rezervace a {font-size:22px;padding:0 50px 0 50px !important;line-height:70px;height:70px;}
    header #headermenu #headernav #headerlist li#rezervace a::before {position:absolute;background-position:center center;padding-top:0;top:22px;left:30px;}
*/
}
@media only screen and (max-width: 1240px) {
    .container {width:100%;}

    
    #realizaceline strong {font-size:25px;}
    
    .fourboxes a {width:calc( (100% - 30px) / 2);margin-bottom:30px;}
    .fourboxes a:nth-of-type(2n) {margin-right:0;}
    .fourboxes a span {height:30vw;}
    
    #main img {max-width:100%;height:auto;}
}

@media only screen and (max-width : 992px) {
	.uvodbanner {padding-top:0;}
	#homeslider {margin-top:0;}
    #main .fotogalerie li {width:calc( (100% - 20px) / 2) !important;margin-right:20px !important;}
    #main .fotogalerie li:nth-of-type(2n) {margin-right:0 !important;}
    #main .fotogalerie li a {height:38vw;}
	#blocktop {background:url('../images/slide1s.jpg') no-repeat 0 0 / cover;}
	#uvodikonky {text-align:center;}
	#uvodikonky .uvodikona {width:250px;display:inline-block;float:none;vertical-align:top;box-sizing:border-box;padding:0 10px;margin-top:30px;}
	#uvodbannery a strong {bottom:20px;font-size:25px;top:auto;}
	#uvodkontaktmap {width:100%;}
	#uvodkontaktin {width:100%;position:static;}
	.fullbox {padding:0;}
	.fullbox::after {position:static;width:100%;height:60vw;}
	.fullboxtext {float:none !important;width:100%;box-sizing:border-box;}
	.swiper-slide#slide1 {background-image:url('../images/slide1s.jpg');}
	.swiper-slide#slide2 {background-image:url('../images/slide2s.jpg');}
	.swiper-slide#slide3 {background-image:url('../images/slide3s.jpg');}
	.swiper-slide#slide4 {background-image:url('../images/slide4s.jpg');}	
	
	#textleft {width:100%;margin-bottom:20px;float:none;display:block;}
	#fotoright {width:100%;float:none;}
	#fotoright .fotogalerie li {float:left;}
}  

@media only screen and (max-width : 840px) {
	#uvodinfo {text-align:center;}
	#uvodinfo img {max-width:500px;width:90%;margin:0 auto 50px auto;}
	#uvodinfo #uvodinfoin {width:100%;float:none;}
	
	
}

@media only screen and (max-width : 768px) {
	.uvodbanner {padding-top:0;}
	.uvodbannerimg {position:static;width:100%;}
	.uvodbannerimg img {position:static;}
	.uvodbannerin {padding-left:20px !important;padding-right:20px !important;}
	.fullbox#lpokoj1::after {background:url('../images/lpokoj1s.jpg') no-repeat center center / cover;}
	.fullbox#lpokoj2::after {background:url('../images/lpokoj2s.jpg') no-repeat center center / cover;}
	.fullbox#lpokoj3::after {background:url('../images/lpokoj3s.jpg') no-repeat center center / cover;}
	.fullbox#ljidelna::after {background:url('../images/ljidelna.jpg') no-repeat center center / cover;}
	.fullbox#lkuchyne::after {background:url('../images/lkuchynes.jpg') no-repeat center center / cover;}
	.fullbox#lpristylky::after {background:url('../images/lpristylkys.jpg') no-repeat center center / cover;}
	.fullbox#lkoupelny::after {background:url('../images/lkoupelnys.jpg') no-repeat center center / cover;}
	
	footer #footerbottom {text-align:center}
	footer #footerbottom #foot-copy {display:block;} 
	footer #footerbottom #foot-texpro {display:inline-block;float:none;}
	footer #footertop .container::before {display:block;width:100%;float:none;margin-bottom:30px;} 	
	footer #footertop li {display:block;text-align:center;margin:10px 0;}
	header #headermenu #logo {margin-left:20px;}
	header #headermenu #headernav {margin-right:100px;}
	#uvodceny {margin-left:0;margin-right:0;}
	#uvodceny #uvodcenyin {width:100%;}
	#uvodceny #uvodcenyin ul li {width:100% !important;border-right:0 !important;text-align:center;padding:0 !important;}
	#uvodceny #uvodcenyin ul li:nth-of-type(2) {padding:20px 0 !important;}
	#uvodceny #uvodcenyin ul li strong {display:inline-block;padding:0 10px;}
	
  	#rezform fieldset > div {width:100%;display:block;}
  	#rezform input, #rezform .selectbox, #rezform textarea {float:none;display:block;width:100%;margin-top:10px;}
  	#rezform label {width:unset;float:none;display:block;}
	#rezform .btnbox {padding-right:0;}	
	
	#uvodinfo {background-position:center center !important;}
}

@media only screen and (max-width : 580px) {
    footer #footerbottom .container {text-align:center;}
    footer #footerbottom .container #foot-copy {display:block;text-align:center;}
    footer #footerbottom .container #foot-texpro {float:none;display:inline-block;margin-top:10px;}
    #blocktop h1 {padding-top:70px}
    #blocktop .container {min-height:600px;padding-bottom:100px;box-sizing:border-box;}
    .fourboxes a {width:100%;margin-right:0;}
    .fourboxes a span {height:auto;}
    .fourboxes a span img {display:block;}
    #uvodbannery a {display:block;margin:0 0 30px 0 !important;width:100% !important;}
}

@media only screen and (max-width : 480px) {
	header #headerlang {position:absolute;top:80px;right:0;}
	header #headerlang::before {background:rgba(58,23,10,0.97);}
	header #headermenu #headernav {margin-right:20px;}

    #main .fotogalerie li {width:100% !important;float:none !important;margin-right:0 !important;margin-bottom:20px !important;}
    #main .fotogalerie li a {height:auto;float:none;}
    #main .fotogalerie li a img {width:100% !important;height:auto !important;}
    .btn {width:100%;}
    #uvodceny #uvodcenyin ul li strong {display:block;padding:8px 0;}
    #uvodkontaktin {padding:20px;}
    
    #main ul.cenik li strong span {display:block;float:none;}
    .swiper-pagination {display:none;}
}

@media only screen and (max-width : 380px) {
	header #headermenu #logo {max-width:calc(100% - 135px);background-size:80% auto;}
    .btn {min-width:100px;}
     header #headermenu #headernav #headerlist li#rezervace a::before {left:30px;}
}