html {height : 100%;}

body {margin : 0 0; min-height : 100%; position : relative;}

img {border : 0; vertical-align : middle; max-width : 100%;}
form {padding : 0; margin : 0;}
input {vertical-align : middle;}

td {vertical-align : top;}
table {border-collapse : collapse;}
form td {vertical-align : middle;}

table img, .autoimg  {}
.autoimg {float : left; margin : 0 20px 10px 0;}
table img.autoimg {float : none; margin : 0 20px 20px 0} 

hr {border : 0 solid #fff; border-bottom : 1px solid #ddd; margin : 15px 0;}  
hr.spahr {border-bottom : 1px solid #c4a86b; width : 50%;}
p {padding : 0 0 20px 0; margin : 0;}
td {vertical-align : top;}

small {font-size : 90%;}

a:link, a:visited {color : #222; text-decoration : underline;}
a:hover, a:active {color : #222; text-decoration : none;}

h1 {font-size : 256%; font-weight : bold; font-family: 'TrajanProRegular'; margin : 0; padding : 0 0 25px 0; text-align : left;}
h1 img {width : 30px; margin : 0 2px; vertical-align : middle;}
h1 hr {margin : 10px 0 0 0;}
.smallh {font-size : 90%; text-transform : uppercase; display : block; padding : 0 0 5px 0; color : #c4a86b;} 
h2 {font-size : 180%; font-weight : bold; font-family: 'TrajanProRegular'; margin : 0; padding : 0 0 10px 0; text-align : left;} 
h3 {font-size : 150%; font-weight : normal; margin : 0; padding : 0 0 10px 0;}  
h4 {font-size : 130%; font-weight : bold; margin : 0; padding : 0 0 0 0; text-transform : uppercase;}  
small.ttl {font-size : 100%; text-transform : uppercase;}

.content {display : inline-block; border : 1px solid #ddd; border-radius : 10px; padding : 5px 10px; font-size : 22px;  background : #f1f1f1;}
.content .abs {display : none; position : absolute; background : #fff; padding : 10px; border : 1px solid #eee; border-radius : 10px; box-shadow : 3px 3px 5px #000; text-align : left;}
.content:hover .abs {display : block;}
.content .abs a {display : block; padding : 5px; font-size : 15px; font-family : Open Sans, Arial, sans-serif; font-weight : 400;}

.mobonly {display : none;}
.pconly {}


.li {background : url('../img/li.png') left center no-repeat; padding : 7px 0 7px 35px;}

@font-face {
	font-family: 'TrajanProRegular';
	src: url('TrajanProRegular.eot');
	src: local('TrajanProRegular'), url('TrajanProRegular.woff') format('woff'), url('TrajanProRegular.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_13972">Text with this font applied</p> */
.fontsforweb_fontid_13972 {
	font-family: 'TrajanProRegular' !important;
}

/* LAYOUT */
/* https://www.dreamstime.com/woman-gold-mask-facial-skin-beauty-cosmetic-beautiful-girl-luxury-spa-relax-isolated-over-white-background-image168156558 */
body {background : #fff url(../img/bgx2_1.png) left top no-repeat; background-size : 30vw auto; text-align : center;}     

body, table, input, textarea {font-family : Open Sans, Arial, sans-serif; color : #222; font-size : 14.6px; line-height : 1.5; font-weight : 400;}

.spaw, .fullw {width : 1000px; margin : 0 auto; text-align : justify; position : relative; display : block; max-width : 100%;}

.spa_padd {margin : 50px 0;}

#preheader {background : #202020; padding : 8px 0; font-size : 12px; color : #aaa; border-bottom : 1px solid #363636; line-height : 1.6;}
#preheader .spaw {width : 85vw; position : relative; text-align : right;}

#preheader a {margin : 0 20px 0 0;}
#preheader a:link, #preheader a:visited {color : #999; text-decoration : none; }
#preheader a:hover, #preheader a:active {color : #e1bf77; text-decoration : none;}

#hotinf {background-color : #917f58;}
#hotinf .spaw {width : 90vw; position : relative; text-align : left;}
#hotinf a:link, #hotinf a:visited {color : #eee; text-decoration : underline;}
#hotinf a:hover, #hotinf a:active {color : #fff; text-decoration : none;}
#hotinf span {display : inline-block; padding : 7px 15px; color : #eee;}
#hotinf .sbj {background : #6c614a; color : #fff;}

.xmasedition {background-color : #bc0e0e !important; background-image : url(../img/xmasbg2.jpg); background-position : center center;}
.xmasedition .sbj {font-weight : bold;}
.xmasedition .sbj {background : transparent !important;}
.xmasedition img.xmastree {width : 32px; height : 32px;}
.xmasedition img.snowflake {width : 16px; height : 24px;}

#mobilehotinf {display : none;}

#sites {white-space : nowrap; float : left;}
#sites a, #sites span {display : inline-block; font-family: 'TrajanProRegular'; font-size : 12px; font-weight : bold; margin : 0 30px 0 0;}
#sites span {color : #e1bf77;}

#social {float : right; margin : -2px 0 0 0px;}
#social a {margin : 0 0 0 7px;}
#social a img {width : 16px; opacity : 0.7; transition : .3s opacity; margin : 0; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#social a:hover img {opacity : 1;} 


#mobilemenu {display : none;} 

#menu {background-image: linear-gradient(180deg, #202020, transparent); min-height : 210px; text-align : right; text-align : right; width : 100%; background-size : auto 100%; position : absolute; z-index : 999;}
#menu .spaw {width : 75vw; padding : 20px 0 0 0;}
#menu #spa-shop {float : left; display : block; width : 143px; height : 115px; background : url(../img/spa.png) center top no-repeat; background-size : 100% 100%;}
#menu ul {padding : 15px 0 0 0; margin : 0; float : right;}
#menu li {list-style : none; display : block; float : left; opacity : .9; transition : .3s opacity;}
#menu li:hover {opacity : 1;}
#menu li a {display : block; padding : 5px 15px; text-transform : uppercase; transition : .3s background-color;}
#menu li.sel {opacity : 1;}
#menu li a:link, #menu li a:visited {color : #fff; text-decoration : none;}
#menu li a:hover, #menu li a:active {color : #fff; text-decoration : none;}
#menu li a.kosik {width : 30px; height : 30px; padding : 0; margin : 0 0 0 0; background : url(../img/ico_cart.svg) center center no-repeat; background-size : 20px 20px;}
#menu li a.kosik b {display : none;}
#menu li a.kosik .pocet {position : absolute; background : #fff; width : 14px; height : 14px; border-radius : 50%; overflow : hidden; border : 1px solid #202020; margin : 13px 0 0 0; line-height : 1;}
#menu li a.kosik .pocet span {display : block; color : #202020; text-align : center; font-size : 10px; font-weight :bold; margin : 2px 0 0 0;}
#menu li a.login {width : 30px; height : 30px; padding : 0; margin : 0 5px 0 15px;  background : url(../img/ico_user.svg) center center no-repeat; background-size : 20px 20px;}
#menu li a.login b {display : none;}
#menu_book a:link, #menu_book a:visited {background : #917f58;}
#menu_book a:hover, #menu_book a:active {background : #a08b5e;}

.hoverwnd span {position : absolute; display : none; max-height : 0; opacity : 0; padding : 3px; border : 1px solid #524436; background : #ada69f; border-radius : 7px; box-shadow : 5px 5px 10px rgba(0,0,0,.5); text-transform : normal; transition : .3s opacity, .3s max-height;}
.hoverwnd:hover span {display : block; max-height : 140px; opacity : 1;}
#menu li .hoverwnd span a {text-transform : none; padding : 3px 10px;}
#menu li .hoverwnd span a:link, #menu li .hoverwnd span a:visited {color : #222; text-decoration : none;}
#menu li .hoverwnd span a:hover, #menu li .hoverwnd span a:active {color : #222; text-decoration : underline;}

.vidmob {width : 100%; height : 38vw; overflow : hidden; background : #eee;} .vidmob video {width : 100%; height : 56.25vw; margin : -9vw 0 0 0;}

.flower {background : #fff url(/img/bgx2_1.png) left top no-repeat; background-size : auto 50vh;}
.hometxt {padding : 50px 0; text-align : center;}
.hometxt h2 {text-align : center;}

#home_cat {padding : 50px 0 50px 0;}
#home_cat .home_def {display : block; position : relative; float : left; background-size : 100% auto; background-position : center center; box-shadow : 0 5px 10px #888685; transition : .5s background-size;}
#home_cat .home_def:hover {background-size : 110% auto}
#home_cat .home_def:link, #home_cat .home_def:visited, #home_cat .home_def:hover, #home_cat .home_def:active {color : #fff; text-decoration : none;}
.home_cat4 .home1 {width : calc(50% - 10px); margin : 0 20px 0 0;}
.home_cat4 .home2 {width : calc(50% - 10px); margin : 0 0 20px 0;}
.home_cat4 .home3 {width : calc(25% - 15px); margin : 0 20px 0 0;}
.home_cat4 .home4 {width : calc(25% - 15px);}
#home_cat .home_def .cpt {position : absolute; bottom : 0; width : 100%; background-image: linear-gradient(180deg, transparent, #202020); font-size : 120%; text-align : center; text-transform : uppercase; padding : 50px 0 25px 0;}

#home_mob {display : none;}
#home_mob div {position : relative;}
#home_mob img {width : 100%;}
#home_mob a:link, #home_mob a:visited, #home_mob a:hover,#home_mob a:active {color : #fff; text-decoration : none;}
#home_mob .cpt {position : absolute; bottom : 0; left : 0; width : 100%; background-image: linear-gradient(180deg, transparent, #202020 80%); font-size : 120%; text-align : center; text-transform : uppercase; padding : 50px 0 25px 0;}

#home_mob .slick-prev, #home_mob .slick-next {display : none !important;}
#pslide .slick-prev, #pslide .slick-next {display : none !important;}

.imglink3 {display : inline-block; margin : 0 20px 20px 0; width : 320px; height : 430px; position : relative; box-shadow : 0 5px 10px #888685; background-size : 100% auto; background-position : center center; transition : .5s background-size; cursor : pointer;}
.imglink3:hover {background-size : 110% auto;}
.imglink3 img {width : 100%; opacity : 0; display : none;} 
.imglink3 div {position : absolute; bottom : 0; width : 100%; padding : 50px 0 25px 0; background-image: linear-gradient(180deg, transparent, #202020); text-align : center;}
.imglink3 div a {font-size : 100%; display : block; display : block; padding : 0 20px;}
.imglink3 div a:link, .imglink3 div a:visited, .imglink3 div a:hover, .imglink3 div a:active {color : #fff; text-decoration : none;}
.imglink3 div a big {font-size : 120%;}
.imglink32 {margin : 0 0 20px 0;}

.line {text-align : center; padding : 70px 0 50px 0;}
.line div {width : 600px; max-width : 80vw; border-top : 1px solid #e1bf77; margin : 0 auto;}
.line img {background : #fff; padding : 0 15px; position : absolute; margin : -25px 0 0 -47px; left : 50%; height : 64px;}

.aktponuka {background : #2c2014; margin : 0 0 50px 0; color : #fff;}
.aktponuka_light {background : #f5f5f5; color : #222;}
.aktponuka_gold {background : #fcf2d8; color : #222;}
.aktponuka_light .smallh {font-size : 100%; color : #222;}
.aktponuka .smallh {font-size : 100%; color : #fff;}
.aktponuka h2 {color : #c4a86b;}
.aktponuka_light h2, .aktponuka_gold h2 {color : #222;}
.aktponuka .photo {background-size : 50% auto; background-position : right center; background-repeat : no-repeat;}
.aktponuka .gradient {background-image: linear-gradient(90deg, #202020, #202020, transparent);}
.aktponuka_light .gradient {background-image: linear-gradient(90deg, #f5f5f5, #f5f5f5, transparent);}
.aktponuka_gold .gradient {background-image: linear-gradient(90deg, #fcf2d8, #fcf2d8, transparent);}
.aktponuka_left .photo {background-position : left center; background-repeat : no-repeat;}
.aktponuka_left .gradient {background-image: linear-gradient(90deg, transparent, #202020, #202020);}
.aktponuka_left.aktponuka_light .gradient {background-image: linear-gradient(90deg, transparent, #f5f5f5, #f5f5f5);}
.aktponuka_left.aktponuka_gold .gradient {background-image: linear-gradient(90deg, transparent, #fcf2d8, #fcf2d8);}
.aktponuka .spaw {padding : 70px 0;}
.aktponuka .inf {width : 50%;}
.aktponuka_left .inf {margin-left : 50%;}
.aktponuka .aktbtn {padding : 20px 0 0 0;}
.aktponuka .mobimg {display : none; padding : 15px 0 0 0;}
.aktponuka .inf .darkbtn, .aktponuka .inf .goldbtn {margin : 0 10px 10px 0;}

.topproducts {background : #fffbf3 url(../img/bgx2_1.png) left top no-repeat; background-size : 30vw auto; padding : 50px 0; border-bottom : 1px solid #f0e8d9; margin : 0 0 50px 0;}
.topproducts h2 {text-align : center;}
.topproducts .tpimg {width : 49%; float : right;}
.topproducts .inf {width : 45%; text-align : center; padding : 120px 0 0 0; float : left;}
.topproducts .aktbtn {padding : 30px 0 0 0;}

.vlist {background : #fffbf3 url(../img/bgx2_2.png) right bottom no-repeat; background-size : auto 30vw; padding : 50px 0; border-bottom : 1px solid #f0e8d9; border-top : 1px solid #f0e8d9; margin : 50px 0 0 0;}
.vlist h2 {text-align : center;}
.vlist .vlimg {width : 49%; float : left;}
.vlist .inf {width : 45%; text-align : center; padding : 120px 0 0 0; float : right;}
.vlist .aktbtn {padding : 30px 0 0 0;}

.top_img {width : 100vw; height : 30vw;}
.top_img_pc {width : 100vw; height : 30vw;}
.top_img_mob {width : 100vw; height : 80vw; display : none;}

.path {border-bottom : 1px solid #d9d9d9; padding : 15px 0; margin : 0 0 50px 0;}
.path span {display : inline-block; width : 40px; height : 22px; background : url(../img/ar.svg) center center no-repeat; vertical-align : bottom ; background-size : auto 22px;}
.path a:link, .path a:visited {text-decoration : none;}
.path a:hover, .path a:active {text-decoration : underline;} 

.please_bigger_text {font-size : 130%;}

.padd_tbl {margin : 25px 0;}
.center_tbl {margin : 25px 0; width : 100%; display: flex; align-items: center; justify-content: center;}
.center_tbl .div_img { width : 40%; align-self: flex-start;}
.center_tbl .div_img .div_img_in {margin : 0 60px 0 30px;}
.center_tbl .div_txt {width : 60%;}

.tabulka .popis{padding-bottom :20px;}

.izba {margin : 50px 0 0 0; display: flex; align-items: center; justify-content: center;}
.izba_img_div {width : 40%; align-self: flex-start;}
.izba_img_div .izba_img_div_in {margin : 0 60px 0 30px;}
.izba_img {cursor : pointer;}
.izba_popis {width : 60%;}
.izba_cena {padding : 15px 0 0 0;}
.izba_book {padding : 25px 0 0 0;}
.cena {float : right; border-radius : 3px; padding : 5px 10px; font-size : 115%; background : #fcf2d8;}
.popis2 {padding : 15px 0 0 0;}

.insta_list a {display : inline;}
.insta_list img {width : calc(25% - 22.5px); margin : 0 30px 30px 0;}
.insta_list img:nth-child(4n) {margin : 0 0 30px 0;}

.fotogaleria img {width : calc(25% - 22.5px); margin : 0 30px 30px 0; cursor : pointer;}
.fotogaleria img:nth-child(4n) {margin : 0 0 30px 0;}

.btnfull .darkbtn {margin : 0 15px; text-align : center;}
.btnfull .darkbtn img {width : 20px; margin : 0 8px 0 0; vertical-align : top;}

.checkin_tbl {width : 100%; border : 0;}
.checkin_tbl td {width : 50%;}
.checkin_tbl .ftxt {width : 95%;}

.had {
    height: 120px;
    background: url(../img/had.png) center center repeat-x;
}


.home_gal {position : relative; width : 100vw;}
.home_gal img {width : 100vw; height : 45vw; max-width : auto; margin : 0 0;}
.home_gal div {position : absolute; bottom : 0; left : 0; width : 100%; font-size : 160%; color : #fff; background-image: linear-gradient(180deg, transparent, #202020); padding : 140px 0 80px 0; font-weight : 300;}
.home_gal h2 {font-size : 160%; font-weight : bold; font-family: 'TrajanProRegular'; color : #fff; padding : 0; margin : 0;}

.home_gal a:link, .home_gal a:visited, .home_gal a:hover, .home_gal a:active {color : #fff; text-decoration : none;}

.fullslide_gal {background : #202020; padding : 30px 0;}
.fullslide_gal img {width : 100%;}

.fullslide_gal_thumb img { padding : 15px 7px 0 7px;}


/*.spaw .slick-slide:not(.slick-center) {opacity: 0.8;}*/



.odkazy {background : #202020; border-top : 1px solid #363636;}
.odkazy .spaw {display : flex; padding : 30px 0;}
.odkazy .spaw span {display : block; width : 33%; border-right : 1px solid #363636; text-align : center; padding : 15px 0;}
.odkazy .spaw span:nth-child(3n) {border-right : 0;}
.odkazy h2 {padding : 0; margin : 0; color : #fefefe; transition : .3s color; text-align : center;}
.odkazy small {font-size : 100%; color : #dfdfdf; transition : .3s color;}
.odkazy span:hover h2, .odkazy span:hover small {color : #fff;}


.odkazy2 {background : #f5f5f5; margin : 50px 0;}
.odkazy2 .spaw {display : flex; padding : 30px 0;}
.odkazy2 .spaw span {display : block; width : 33%; border-right : 1px solid #ddd; text-align : center; padding : 15px 0;}
.odkazy2 .spaw span:nth-child(3n) {border-right : 0;}
.odkazy2 h2 {padding : 0; margin : 0;transition : .3s color; text-align : center;}
.odkazy2 small {font-size : 100%;}
.odkazy2 h2:hover {text-decoration : underline;}
.odkazy2 a:link, .odkazy2 a:visited, .odkazy2 a:hover, .odkazy2 a:active {text-decoration : none;}

.news_list {display: flex; flex-wrap: wrap;}
.news_list .novinka {width : calc(33% - 20px); margin : 0 30px 30px 0; transition : .3s box-shadow; box-shadow : 0 0 20px #ccc;}
.news_list .novinka:hover {box-shadow : 0 0 20px #aaa;}
.news_list a:link, .news_list a:visited {text-decoration : none;}
.news_list a:hover, .news_list a:active {text-decoration : none;}
.news_list span {display : block; padding : 15px; font-size : 115%; text-align : left;} 
.news_list .novinka:nth-child(3n) {margin : 0 0 30px 0;}

.slide_list {padding : 50px 0;}
.slide_list .slide {margin : 0 -20px; position : relative;}
.slide_list a:link, .news_slide_listlist a:visited {text-decoration : none;}
.slide_list a:hover, .slide_list a:active {text-decoration : none;}
.slide_list span {display : block; padding : 40px 0 20px 0; background-image: linear-gradient(180deg, transparent, #202020); position : absolute; bottom : 0; width : 100%;} 
.slide_list h2 {padding : 0 30px; margin : 0; color : #fff; text-align : left;} 
.slide_list img {max-width : 80vw;}

.slide_list .slick-slide {
	opacity:0.5;
	transition: 1s opacity, 1s transform;
	transform: scale(0.8);
}

.slide_list .slick-center {
	opacity:1!important;
	transition: 1s opacity, 1s transform;
	transform: scale(1);
}

.slide_list .slick-cloned {
opacity: 0.5;
transition: 1s opacity, 1s transform;
transform: scale(0.8);
}

.hotel_list a {display : inline-block; height : 300px; position : relative; background-position : center center; transition : .5s background-size; text-transform : uppercase; font-size : 115%; width : calc(50% - 15px); margin : 0 30px 30px 0;} 
.hotel_list a.velky_hotel {width : 100%; margin : 0 0 30px 0;}
.hotel_list a:nth-child(3) {margin : 0 0 30px 0;}
.hotel_list a:nth-child(5) {margin : 0 0 30px 0;}
.hotel_list a span {position : absolute; left : 0; bottom : 0; width : 100%; background-image: linear-gradient(180deg, transparent, #202020); padding : 40px 0 20px 0; text-align : center; font-size : 115%;}  
/*.hotel_list span {display : block; padding : 40px 0 20px 0; background-image: linear-gradient(180deg, transparent, #202020); position : absolute; bottom : 0; width : 100%;} 
.hotel_list h2 {padding : 0 30px; margin : 0; color : #fff; text-align : left;} */
.hotel_list a img {width : 16px; margin : 0 2px;}
.hotel_list a:link, .hotel_list a:visited {color : #fff; text-decoration : none; background-size : 100% auto;}
.hotel_list a:hover, .hotel_list a:active {color : #fff; text-decoration : none; background-size : 110% auto;}

.darkbtn {display : inline-block; transition : .3s background-color; text-transform : uppercase; padding : 10px 30px;}
input.darkbtn {color : #fff; background : #202020; text-decoration : none; border : 0; -webkit-appearance: none;}
.darkbtn:link, .darkbtn:visited {color : #fff; background : #202020; text-decoration : none;}
.darkbtn:hover, .darkbtn:active {color : #fff; background : #000; text-decoration : none;}

.goldbtn {-webkit-appearance: none; display : inline-block; transition : .3s background-color; text-transform : uppercase; padding : 10px 30px; border : 0; color : #fff; background : #917f58; text-decoration : none;}
.goldbtn:link, .goldbtn:visited {color : #fff; background : #917f58; text-decoration : none;}
.goldbtn:hover, .goldbtn:active {color : #fff; background : #a08b5e; text-decoration : none;}



a.btn {font-size : 120%; display : inline-block; text-transform : uppercase; padding : 10px 40px; border : 1px solid hsl(41, 64%, 67%); transition : .3s background-color; border-radius : 3px;}
a.btn:link, a.btn:visited {color : #fff; background-color : #202020; text-decoration : none;}
a.btn:hover, a.btn:active {color : #fff; background-color : hsl(41, 64%, 67%); text-decoration : none; }
input.btn {font-size : 120%; color : #fff; display : inline-block; text-transform : uppercase; padding : 10px 40px; border : 1px solid #e1bf77; background : #202020; transition : .3s background-color; border-radius : 3px;}
input.btn:hover {background-color : hsl(41, 64%, 67%);}

.detail {padding : 0 0 50px 0;}

.detail .imgs {width : calc(50% - 20px); float : left;}
.detail .imgs img {width : 100%;}
.detail .pinf {margin-left : calc(50% - 20px); padding : 0 0 0 40px;}

.variant_cpt {padding : 20px 0 10px 0;}
.variant {background : #224428; color : #fff; text-align : center; box-shadow : 0 5px 10px #888685;}
.variant b {font-weight : normal; font-size : 140%; display : block; padding : 30px 30px 20px 30px;}
.variant .popis {padding : 0 30px 20px 30px;}
.variant big {font-size : 140%;}
.variant .kupit {padding : 30px; background-image: linear-gradient(180deg, transparent, #202020);}
.variant .kupit .btn {display : block;}
.variant .toggle {background-image: linear-gradient(180deg, transparent, #202020, #202020, #202020); padding : 30px;}
.variant .toggle div {padding : 0 0 15px 0;}
.variant a:link, .variant a:visited, .variant a:hover, .variant a:active {color : #fff;}

.variant2 {width : calc(50% - 20px); margin : 0 20px 20px 0; float : left;}
.variant2.v2_1 {clear : left;}
.variant2.v2_0 {margin : 0 0 20px 0;}

.variant3 {width : calc(33.3% - 20px); margin : 0 20px 20px 0; float : left;}
.variant3.v3_1 {clear : left;}
.variant3.v3_0 {margin : 0 0 20px 0;}

.floatl {width : 55%; float : left;}
.floatr {margin : 0 0 0 60%;}

.upozornenia {padding : 30px 0 0 0;}


.ytslide {cursor : pointer;}
.ytslide .play {position : absolute; left : 50%; top : 50%; margin : -64px 0 0 -64px; z-index : 10; opacity : 0.4}
.ytslide:hover .play {opacity : 1;}

.txtArea {width : 1050px; margin : 50px auto 50px auto; text-align : left; position : relative;}
.txtArea2 {margin : 50px 0; position : relative;}
.txtArea2in {width : 1050px; text-align : left; margin : 0 auto;}
.txtArea2in2 {width : 910px; text-align : left; margin : 0 auto;}
.txtArea3 {margin : 20px 0; position : relative;}
.txtGal {text-align : center; width : 950px; margin : 0 auto;}
.homepadd {padding : 30px 0;}

.imglink {display : inline-block; width : 22%; position : relative;}
.imglink img.foto {border-radius : 25px; width : 100%;}
.imglink div {position : absolute; bottom : 0; width : 100%; height : 95px; background : url(../img/transparent.png); text-align : left; overflow : hidden; transition : height 0.5s;}
.imglink:hover div {height : 110px;}
.imglink div a.cpt {font-size : 23px; font-family: 'TrajanProRegular'; display : block; padding : 15px 30px 0 30px;}
.imglink div a.cpt:link, .imglink div a.cpt:visited {color : #214621; text-decoration : none;}
.imglink div a.cpt:hover, .imglink div a.cpt:active {color : #dfbe68; text-decoration : none;}
.imglink div span {float : right; color : #75ad66; font-style : italic;}
.imglink0, .imglink1, .imglink2 {padding : 20px 20px 0 0;}
/*.imglink0 {margin : 12px 20px 12px 0;}
.imglink1 {margin : 12px 0 12px 20px;}*/

.cennik {overflow : auto;}
.cennik table {width : 100%; border-collapse : collapse;}
.cennik table .tab_nadpis td {background : #fcf2d8; vertical-align : middle !important;}
.cennik table td {min-width : 150px; border-bottom : 1px solid #eed7a5; padding : 5px 10px; text-align : left;}






.step {display : inline-block; padding : 10px 0; border : 1px solid #4b3c2e; border-radius : 5px; background : #fff; width : calc(30% - 2px); text-align : center; font-size : 20px; font-weight : 300; color : #a9a9a9;}
.step a:link, .step a:visited {color : #a9a9a9; text-decoration : none;}
.step a:hover, .step a:active {color : #a9a9a9; text-decoration : underline;}
.activestep {color : #dfbe68; font-weight : 400;}
.nextstep {display : inline-block; width : 5%; height : 22px;}

.sumtable {width : 100%;}
.imgtd {width : 200px;}
.sumtable .cena td {vertical-align : middle;}
.sumtable .cena td b {font-size : 120%;}

#sposobplatby {float : right; width : 400px;}

.order h2 {padding : 0 50px 20px 0;}
.order div.dark {padding : 0 50px; color : #a9a9a9;}

.invariant {padding : 0; margin : 0;}
.invariant td {padding : 0; margin : 0;}
.invariant td.cpt {padding : 0 10px 0 0; color : #dfbe68; vertical-align : top;}

.contacttable {margin : 0 500px 20px 0;}
.contacttable td {vertical-align : middle;}
.contacttable input {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width : 95%;}

.orderline {height : 3px; background : #dfbe68; margin : 0 0 10px 0;}

#absBottom { position : absolute; bottom : 0; width : 100%;}

.social {background : #fff url(../img/gray-ln.png) center top repeat-x; padding : 20px 0;}
.social a {display : inline-block; padding : 0 40px;}       


#dPadd {padding : 0 0 320px 0;}
#footer {background : #202020; padding : 40px 0; margin : 50px 0 0 0; color : #dcebde; line-height : 2; font-size : 12px; border-top : 1px solid #363636;}
#footer .spaw {width : 85vw;}
#footer .footer_in {padding : 0 50px; text-align : left;}
#footer td, #footer table {color : #dcebde; font-size : 12px; line-height : 2;}
#footer span {color : #dcebde;}
#footer a:link, #footer a:visited {color : #dcebde; text-decoration : none;}
#footer a:hover, #footer a:active {color : #e1bf77; text-decoration : underline;}
#footer .fbox {float : left; width : 25%;}
#footer .fboxln {border-left : 1px solid #363636; width : auto; float : none; padding-left : 40px; margin : 0 0 0 75%;}
#footer .fbox a {display : block;}
#footer .fbox a.ln {display : inline-block;}
#footer .fbox big {text-transform : uppercase; display : block; padding : 0;}
#footer .fbox b {font-weight : 600;}

#copyright {padding : 20px 0; font-size : 11px; background : #202020; color : #dcebde; text-align : center; border-top : 1px solid #363636;}
#copyright a:link, #copyright a:visited {color : #dcebde; text-decoration : none;}
#copyright a:hover, #copyright a:active {color : #e1bf77; text-decoration : underline;}

#footer .social_footer a img {width : 18px; opacity : 0.5; margin : 0 5px 0 0; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#footer .social_footer a:hover img {opacity : 1;} 
#footer .karta img {height : 30px; padding : 0 5px 0 0;}



/* FORM */ 
.bSizing {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.ftxt {border : 1px solid #ccc; background : #fff; padding : 7px 20px; vertical-align : middle; border-radius : 2px; box-sizing: border-box; max-width : 100%;}

.fbtn {font-size : 120%; color : #fff; display : inline-block; text-transform : uppercase; padding : 10px 40px; border : 0; background : #202020; transition : .3s background-color; cursor : pointer;}
.fbtn:hover {background : #000;}
.fbtn2 {font-size : 120%; color : #fff; display : inline-block; text-transform : uppercase; padding : 10px 40px; border : 1px solid #e1bf77; background : #202020; transition : .3s box-shadow;}
.fbtn2:hover {box-shadow : 10px 10px 20px rgba(0,0,0,.7);}

/* dotaznik */
.dotaznik_odporuc {margin : 30px 0 50px 0; text-align : center;}
.dotaznik_odporuc span {display : inline-block; width : 200px; text-align : center; padding : 15px 0; background : #fcf2d8; transition : .5s background-color, .5s opacity; margin : 0 0 0 20px; max-width : calc(50vw - 35px); font-weight : bold; cursor : pointer;}
.dotaznik_odporuc span:first-child {margin : 0;}
.dotaznik_odporuc span:hover {background : #eed7a5;}
.dotaznik_odporuc span img {width : 48px; margin : 0 20px 0 0; transition : .5s filter;}
.dotaznik_odporuc span.odporuc_active, .dotaznik_odporuc span.odporuc_active:hover {background : #eed7a5; opacity : 1;}
.dotaznik_odporuc span.odporuc_active img {filter: grayscale(0%);}
.dotaznik_odporuc span.odporuc_inactive, .dotaznik_odporuc span.odporuc_inactive:hover {background : #eee; opacity : 0.5;}
.dotaznik_odporuc span.odporuc_inactive img {filter: grayscale(100%);}

.dotaznik_floatl {float : left; width : calc(50% - 10px);}
.dotaznik_floatl textarea {border : 1px solid rgba(69, 219, 94, 0.3); background : rgba(69, 219, 94, 0.08);}
.dotaznik_floatr {margin-left : calc(50% + 10px);}
.dotaznik_floatr textarea {border : 1px solid rgba(219, 69, 69, 0.3); background : rgba(219, 69, 69, 0.08);}

.dotaznik_group {padding : 0 0 50px 0;}

.dotaznik_group b.cpt {display : block; padding : 0 0 10px 0;}

.dotaznik_qa {margin : 10px 0 10px 0; text-align : left;}
.dotaznik_qa span {display : inline-block; overflow : hidden; width : calc(20% - 16px); text-align : left; padding : 10px 0; background : #eee; transition : .5s background-color, .5s opacity; margin : 0 0 0 20px; max-width : calc(50vw - 35px); font-weight : bold; cursor : pointer;}
.dotaznik_qa span:first-child {margin : 0;}
.dotaznik_qa span:hover {background : #eed7a5;}
.dotaznik_qa span img {width : 36px; margin : 0 10px 0 15px; transition : .5s filter; float : left; filter: grayscale(100%);}
.dotaznik_qa span:hover img {filter: grayscale(0%);}
.dotaznik_qa span b {display : table-cell; padding : 0 20px 0 0; font-size : 90%; height : 36px; vertical-align : middle;}
.dotaznik_qa span.qa_active, .dotaznik_qa span.qa_active:hover {background : #eed7a5; opacity : 1;}
.dotaznik_qa span.qa_active img {filter: grayscale(0%);}
.dotaznik_qa span.qa_inactive, .dotaznik_qa span.qa_inactive:hover {background : #eee; opacity : 0.5;}
.dotaznik_qa span.qa_inactive img {filter: grayscale(100%);}

.dotaznik_step_btn {padding : 20px 0; text-align : center;}


/* booking */
#booking_bg {display : none; position : fixed; left : 0; top : 0; width : 100vw; height : 100vh; z-index : 1000; background : #000; opacity : 0; transition : .3s opacity;}
#booking {max-width : 0; display : none; position : fixed; right : 0; top : 0; height : 100vh; background : #181818f3; transition : .5s max-width, .5s opacity; z-index : 1001; text-align : left; border-left : 1px solid #363636; box-shadow : 0 0 50px rgba(0,0,0,.8); opacity : 0; overflow : auto;}
#booking #booking_in {margin : 50px; min-width : 400px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#booking a:link, #booking a:visited {color : #dfbe68;}
#booking a:hover, #booking a:active {color : #dfbe68;}
#booking, #booking td {color : #fff;}

#booking .close {float : right; display : block; cursor : pointer;padding : 6px 1px 0 0;}
#booking .close:hover {}
#booking .close img {width : 18px; height : 18px; padding : 5px; border : 0 solid #666; border-radius : 50%;}
#booking .dta {color : #fff; font-size : 100%;}
#booking h2 {color : #917f58; margin : 0; padding : 0 0 30px 0; text-align : left; font-size : 180%}
#booking table {width : 100%;}
#booking table th {font-weight : normal; color : #888;}
.roomnr {width : 30px; height : 30px; margin : 8px 10px 0 0; text-align : center; border : 2px solid #917f58; border-radius : 50%; color : #fff;}
.roomnr span {display : block; padding : 3px; font-size : 100%; font-weight : bold;}
#booking .brow {padding : 0 0 25px 0;}
#booking .bcpt {padding : 0 0 10px 0;}
#booking .bpm {display : inline-block; padding : 10px 5px 0 5px;}
#booking .bpm img {width : 15px; padding : 3px; border : 2px solid #000; border-radius : 50%; opacity : 0.5; transition : .3s opacity, .3s background-color; cursor : pointer; margin : 0 2px;}
#booking .bpm img:hover {opacity : 0.8; background-color : #dfbe68;}
#booking .lbl, #booking label {display : block; font-size : 100%; padding : 0 0 20px 0;}
#booking .dtxt {display : inline-block; background : #fff; border : 1px solid #dfbe68; padding : 0 0; margin : 5px 0 0 0;}
#booking .bpadd .dtxt {margin : 5px 0 10px 0;}
#booking .btxt {color : #0a0a0a; background-color : #fff; border : 0; font-size : 110%; padding : 10px; margin : 0; width : 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition : .5s background-color;}
#booking .btxt_r {background-color : rgb(255, 209, 209) !important;}
#booking .tacenter .dtxt, #booking .tacenter .btxt {text-align : center;}

#booking .dstxt {display : inline-block; background : #fff; border : 1px solid #dfbe68; padding : 0 0; margin : 3px 0; width : 45%;}
#booking .dstxt .btxt {font-size : 91%; padding : 5px 10px;}
#booking .dstxt .btxt {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#booking small {font-size : 82%; color : #888; display : block;}

#booking .booking_dates {padding : 0 0 0 0;}
#booking .booking_dates a {float : right;}
#booking .booking_step {transition : .3s opacity;}

#booking .bimg {width : 40%; vertical-align : top;}
#booking .bimg img {width : 100%;}
#booking .bdesc {padding : 0 0 0 20px; font-size : 100%;}
#booking .bdesc img {vertical-align : top;}
#booking .bdesc .btn {font-size : 100%;}
#booking h3 {color : #dfbe68; font-size : 130%; padding : 0 0 10px 0; margin : 0;}
#booking .bcena {padding : 10px 0;}
#booking .bcena b {color : #dfbe68;}
#booking .ipocet {padding : 0 0 10px 0;}

#booking td .bpm {padding : 9px 4px 0 0;}
#booking td .bpm img {width : 14px; padding : 1px;}

.booking_sel_izba {padding : 0 0 20px 0;}
.booking_sel_izba div {display : inline-block; padding : 8px 15px; text-align : center; border : 2px solid #dfbe68; margin : 0 10px 0 0; transition : .3s background-color; cursor : pointer;}
.booking_sel_izba div:hover {background : #dfbe68;}
.booking_sel_izba div b {font-size : 100%; display : block;}
.booking_sel_izba div.sel_ok {background : #dfbe68; border-color : #dfbe68;}


#booking .btn {-webkit-appearance: none; border : 0; background : #917f58; padding : 10px 30px; color : #fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size : 110%; cursor : pointer; transition : .3s background-color;}
#booking .btn:hover {background : #a08b5e; color : #fff;}
#booking .btn_small {padding : 5px 10px; font-size : 100%;}

.fwbtn {width : 100%; margin : 30px 0 0 0;}

#booking hr {border-top : 1px solid #dfbe68; margin : 20px 0;}

#booking label {cursor : pointer; font-size : 100%; display : block; padding : 10px 0 5px 0;}
#booking label b {float : right; color : #dfbe68;} 
input[type="radio"] {border : 1px solid #917f58; transition : .5s background-color; background-color:transparent; border-radius:50%; vertical-align : middle; -webkit-appearance:none; width : 18px; height : 18px; padding : 0; margin : 0 5px 0 0;}
input[type="radio"]:checked {background : #dfbe68 url(//dev.yoobs.sk/svg/ok.svg) center center no-repeat; background-size : 70%; background-color : #dfbe68 !important;}
input[type="radio"]:hover, label:hover input[type="radio"] {background : #665c41 url(//dev.yoobs.sk/svg/ok.svg) center center no-repeat; background-size : 70%;}
input[type="checkbox"] {border : 1px solid #917f58; transition : .5s background-color; background-color:transparent; border-radius:4px; vertical-align : middle; -webkit-appearance:none; width : 18px; height : 18px; padding : 0; margin : 0 5px 0 0;}
input[type="checkbox"]:checked {background : #dfbe68 url(//dev.yoobs.sk/svg/ok.svg) center center no-repeat; background-size : 70%; background-color : #dfbe68 !important;}
input[type="checkbox"]:hover, label:hover input[type="radio"] {background : #665c41 url(//dev.yoobs.sk/svg/ok.svg) center center no-repeat; background-size : 70%;}


.daterangepicker .in-range {background-color : #eee !important;}
.daterangepicker .active {background-color : #dfbe68 !important; color : #000 !important;}