@media (min-width:1700px){ .container {max-width:1380px; } }
html{scroll-behavior:smooth; }
body{font-family:'Montserrat',sans-serif;  padding:0; margin:0 auto; }
h2, h3, h4, h5 { font-family:"Cormorant Garamond", serif; }
img { max-width:100%;}
h1,h2,h3 { font-family: "Cormorant Garamond", serif; font-weight: 500; letter-spacing: 1px; }
.doprava { float:right;}
.fright { float:right}
.dopravadolu { float:right; padding-top:3px;}
.btn-primary { background: #CFAE8B 0% 0% no-repeat padding-box; border-radius: 30px;  letter-spacing: 0px; color: #FFFFFF !important; border:0; padding:12px 18px 12px 18px; font: normal 600 17px/23px Montserrat; color: #2b1f1a; box-shadow: 0 6px 18px rgba(0,0,0,.25); text-decoration:none !important; min-width:200px;}
.btn-slim { min-width:unset; padding:6px 12px 6px 12px; text-align:center; font-weight:400; font-size:15px;box-shadow: 0 3px 9px rgba(0,0,0,.15); text-decoration:none !important}
.btn-primary:hover { background:#382B2E; }
.btn-secondary {background: #1f1317 0% 0% no-repeat padding-box; color:#fff !important; border: 1px solid #CFAE8B; border-radius: 30px;  padding:12px 18px 12px 18px; box-shadow: 0 6px 18px rgba(0,0,0,.25); text-decoration:none !important; min-width:200px; font: normal 600 17px/23px Montserrat;}
.btn-secondary2 {background: unset;  border: 1px solid #CFAE8B; border-radius: 20px 0px; padding:12px 24px 12px 24px; margin-right:20px; color:#fff}
.btn-secondary2:hover {background: #cfae8b;  border: 1px solid var(--unnamed-color-cfae8b); border: 1px solid #CFAE8B; border-radius: 20px 0px; padding:12px 24px 12px 24px; margin-right:20px; color:#1f1317}
.btn3 { font: normal normal 600 16px/19px Montserrat; letter-spacing: 0px; color: #CFAE8B !important;  text-decoration:none}
.btn3:hover { text-decoration:underline; }
.btn3 span { width:25px; height:17px; background:url('../img/right-arrow.png') no-repeat center center; display:inline-block; vertical-align:middle; margin-left:10px;}
.btn4 {border: 1px solid #D1A40B; border-radius: 14px 0px; background:none; font: normal normal 600 18px/22px Montserrat; letter-spacing: 0px; color: #4F3C53; padding:12px 18px 12px 18px;}
#celkovacena { font-size:24px; font-weight:bold;}
.header-grid {    display: grid;    grid-template-columns: auto 1fr auto;    align-items: center;    width: 100%;}
.navbar-brand {    position: absolute;    left: 50%;    transform: translateX(-50%);}
.menu2 {    display: flex;    flex-direction: column;    align-items: flex-end;    gap: 6px;    white-space: nowrap;}
.menu2 a {    white-space: nowrap;}

@media (max-width: 576px) {
    .header-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        text-align: center;
        row-gap: 8px;
    }

    .navbar-brand {
        justify-self: center;
    }

    .menu2 {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }
}

.top {    position: relative;    min-height: 100vh;    overflow: hidden;    display: flex;    align-items: center;    justify-content: center;}
.bg-video {    position: absolute;    top: 50%;    left: 50%;    width: 100%;    height: 100%;    object-fit: cover;    object-position: center center;    transform: translate(-50%, -50%);    z-index: 1; }
.video-overlay {  position: absolute;    inset: 0;    background: rgba(103, 79, 55, 0.4);    z-index: 2;}
.top .container {    position: relative;    z-index: 3;}
.toptext {    color: #fff;}
.toptext h1 {  font-family: "Cormorant Garamond", serif; font-size: clamp(2.2rem, 4vw, 4.0rem);  font-weight: 400;  line-height: 1; letter-spacing: 2px; }
.toptext h1 strong { font-weight:800}

.toptext p {    max-width: 800px;    margin: 0 auto;    font-size: 1.2rem;    line-height: 1.7;    text-shadow: 0 2px 10px rgba(0,0,0,.5);}
@media (max-width: 991.98px) {
    .bg-video {        width: 120%;        height: 120%;    }

    .toptext h1 {
        font-size: 2.8rem;
    }

    .toptext p {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {

    .bg-video {
        width: 100%;
        height: 100%;
        object-position: center center;
    }

    .toptext h1 {
        font-size: 2rem;
    }

    .toptext p {
        font-size: 1rem;
        padding: 0 1rem;
    }
}


.head-main.showlogo1 .navbar-brand img { height:80px;}

.head-main {
    background:rgba(246,243,231,0.9);
    transition: background-color .4s ease;
}

.head-main .navbar {
    height: 150px;
    transition: height .4s ease;
}

.navbar-brand img {
    height: 120px;
    transition: transform .4s ease;
    transform-origin: center center;
}

.head-main {
    color: #664e36;
    transition: background-color .4s ease, color .4s ease;
}

.head-main.showlogo1 {
    
    background-color:rgba(103, 79, 55, 0.95);
    color: #fff;
}

.head-main.showlogo1 .navbar {
    height: 100px;
}

.head-main.showlogo1 .navbar-brand img {
    transform: scale(0.9);
}




.head-main.showlogo1 .nav-link,
.head-main.showlogo1 .navbar-brand,
.head-main.showlogo1 .btn {
    color: #fff;
}

.head-main.showlogo1 .nav-button::after { color:#fff}


.menu2 .btn-rezervace {
    background: #664e36;
    color: #fff;
    padding: 6px 14px;
    font: normal 600 17px/23px Montserrat;
    border-radius: 30px;
    position: relative;
    overflow: hidden; 
    box-shadow: 0 10px 25px rgba(0,0,0,.22);
    transition: all .3s ease;
    min-width:200px;
}

.menu2 .btn-rezervace::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,.18);
    transform: skewX(-25deg);
    transition: left .6s ease;
    pointer-events: none;
}

.menu2 .btn-rezervace:hover::after {
    left: 120%;
}


.menu2 .btn-darek {
    background: transparent;
    border: 2px solid #cfae8b;
    color: #cfae8b;
    padding: 4px 14px;
    border-radius: 30px;

    font: normal 600 17px/23px Montserrat;

    transition: all .3s ease;

    position: relative;
    overflow: hidden;
    min-width:200px;
}
.menu2 .btn-darek:hover {
    background: #cfae8b;
    color: #fff;

    
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
}
.menu2 .btn-darek::after {
    content: "";
    position: absolute;

    top: 0;
    left: -60%;

    width: 50%;
    height: 100%;

    background: rgba(255,255,255,.18);

    transform: skewX(-25deg);
    transition: left .6s ease;

    pointer-events: none;
}

.menu2 .btn-darek:hover::after {
    left: 120%;
}

.head-main.showlogo1 .btn-rezervace {
    background: #cfae8b; 
    color: #2b1f1a; 
    box-shadow: 0 6px 18px rgba(0,0,0,.25);
}

.menu2 a { color:#fff; }

.lang { z-index: 10;    display:inline-block;    margin-left:20px; }
.lang .inner { position: relative; }
.lang .inner .selected { font: normal normal 600 18px/22px Montserrat; color: #FFF;	display: inline-block;	cursor: pointer;	background: url("../img/lang_arr.png") no-repeat right 8px;	padding: 0 18px 0 0; }
.lang .inner .innerBox{	position: absolute;	left: 0;	top: 24px;	display: none;	background: #2f2112;	width: 60px;	padding: 4px 0;}
.lang .inner .innerBox a {	display: block;	color: #FFF;	text-transform: uppercase;	font: normal normal 600 18px/22px Montserrat;	padding: 5px 0 5px 12px; }

.rozcestnik { padding: 80px 0; background: linear-gradient(135deg, #f6f3e7 0%, #e7dccd 100%); }
.rozcestnik h2 { font: 700 40px "Cormorant Garamond"; color: #664b37; margin-bottom: 10px; }
.rozcestnik .cat-card {
    display: block;
    background: #fff;
    border-radius: 22px;

    text-decoration: none;
    color: inherit;

    box-shadow: 0 10px 35px rgba(56,45,78,0.08);
    transition: all .35s ease;

    position: relative;
    overflow: hidden;
}

.rozcestnik .cat-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(56,45,78,0.18);
}

.rozcestnik .cat-card .icon img {
    width: 100%;
    height: auto;
}

 .rozcestnik .cat-card .odsad {
     padding: 40px 30px;
    }

.rozcestnik .cat-card h3 {
    font: 700 30px "Cormorant Garamond";
    color: #303030;
    margin-bottom: 10px;
}

.rozcestnik .cat-card p {
    font: 400 16px/28px Montserrat;
    color: #635A65;
}

.rozcestnik .cat-card .link {
    display: inline-block;
    margin-top: 20px;
    font: 600 18px Montserrat;
    color: #664e36;
    transition: .3s;
}

.rozcestnik .cat-card:hover .link {
    letter-spacing: .5px;
}
    

#hlavni { margin-top:150px;  padding-bottom:5em; color:#4F3C53;  background:#fff;}
#hlavni.short { margin-top:20px}
#hlavni.masaze { background:#f2f0f2;}
#hlavni h1 { font: normal normal bold 52px/58px Cormorant Garamond; letter-spacing: 0px; color: #4F3C53; margin-bottom:0.5em; }
#hlavni h2 { font: normal normal bold 38px/42px Cormorant Garamond; letter-spacing: 0px; color: #4F3C53; margin-bottom:0.5em; margin-top:0.5em;}
#hlavni h2 { font: normal normal bold 28px/32px Cormorant Garamond; letter-spacing: 0px; color: #4F3C53; margin-bottom:0.5em; margin-top:0.5em;}
#hlavni h2 span { background:url('../img/ico-h2.svg') no-repeat center center; height:42px; width:42px; display:inline-block; margin-right:15px; vertical-align:sub; }
#hlavni .text a{text-decoration:underline;  color:#000;}
#hlavni .text a:hover{color:#005597;}
#hlavni p a{text-decoration:underline;  color:#000;}
#hlavni  a{text-decoration:underline;  color:#000;}
.radek{margin-bottom:2em;}
#hlavni p a:hover{color:#005597;}
#hlavni .likeh1{font-size:3em;  font-weight:700;}
#hlavni ul { margin-bottom:2em; list-style:none; line-height:2; padding:0; padding-left:10px}
#hlavni ul li { background:url('../img/li.png') no-repeat left 14px; padding-left:26px;}
#hlavni.popis2sloupce ul li { width:49%; display:inline-block; vertical-align:top;}
#hlavni table {width:100%;}
#hlavni table tr th,table tr td{padding:5px;  padding-right:15px; vertical-align:top;}
#hlavni table tr th {background:#664e36; color:#fff;}
#hlavni table tr th strong { font-size:20px;}
#hlavni table tr:nth-child(even){background:#eee}
#hlavni table tr:nth-child(odd){background:#f4f4f4}
#hlavni table tr td.text{font-weight:bold;}

.clear{clear:both;}
.vertical-center{min-height:100%;    min-height:100vh;  display:flex;  align-items:center;}

.top .masazedetail h1 { margin-top:16px; margin-bottom:16px;}
.top .masazedetail { font: normal normal normal 18px/28px Cormorant Garamond !important; letter-spacing: 0px; color: #B5A5B7;}
.top .masazedetail p { font: normal normal normal 18px/28px Cormorant Garamond !important; letter-spacing: 0px; color: #B5A5B7; width:90%}
.top .masazedetail .cena { font: normal normal bold 24px/35px Cormorant Garamond; background: #392b26 0% 0% no-repeat padding-box; border-radius: 14px 0px; color:#fff; padding:10px 20px 10px 20px; width:230px; margin-bottom:0.8em; margin-right:10px; display:inline-block;}
.top .masazedetail .cena span { color: #cfae8b; float:right; font: normal normal normal 20px/35px Cormorant Garamond; }
.top .masazedetail .kat { color:#cfae8b; font: normal normal bold 24px/30px Cormorant Garamond;  }
.top .masazedetail .kat a { color:#cfae8b; text-decoration:none; }
.top .masazedetail .kat a:hover { text-decaoration:underline;}

#news { background: radial-gradient( circle at top, #d2b79a 0%, #e9ddcf 40%, #f6f3e7 100% );  }
#news h2 { font: normal normal bold 40px/38px Cormorant Garamond; letter-spacing: 0px; color: #000; }
#news h2 span { background: url('../img/logo-b-relax-bohumin.png') no-repeat center center; background-size:52px; height:56px; width:56px; display:inline-block; margin-right:15px; vertical-align:top; }
#news .new { background: #382B2E 0% 0% no-repeat padding-box; border-radius: 22px 0px; padding:5px; position:relative; }
#news .new h3 { font: normal normal bold 18px/31px Montserrat; letter-spacing: 0px; color: #000; }
#news .new h3 span { font: normal normal 300 16px/26px Montserrat; }
#news .new h3 a { color:#fff }
#news .new .datum { position:absolute; left:20px; top:20px; background:#CFAE8B; color:#fff; padding:5px 15px 5px 15px; border-radius:10px 0 10px 0; font-weight:bold;}
#news .new p {font: normal normal 300 16px/26px Montserrat; letter-spacing: 0px; color: #B5A5B7;}
#news .new img { border-radius: 22px 0px;}
#news .new .text { padding:15px; }
#news .new .newfoto { max-height:311px; overflow:hidden; display:block;}

#masaze { background: radial-gradient(circle at top,#f6f3e7 0%,#e9ddcf 40%,#d2b79a 100%);}
#masaze.bgtmave { background: radial-gradient( circle at top, #d2b79a 0%, #e9ddcf 40%, #f6f3e7 100% ); }
.page #masaze { background:unset;}
#masaze h2 { font: normal normal bold 40px/48px Cormorant Garamond; letter-spacing: 0px; color: #4F3C53; }
#masaze h2 span { background: url('../img/logo-b-relax-bohumin.png') no-repeat center center; background-size:52px; height:56px; width:56px; display:inline-block; margin-right:16px; vertical-align:top; }
#masaze p.popis { font: normal normal normal 18px/31px Cormorant Garamond; letter-spacing: 0px; color: #4F3C53;}
#masaze .masaz { background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 8px 30px rgba(56,45,78,0.08); transition: all .35s ease; border: 1px solid rgba(207,174,139,0.15);}
#masaze .masaz img { border-radius: 20px 20px 0 0;}
#masaze .masaz:hover { transform: translateY(-8px); box-shadow: 0 20px 60px rgba(56,45,78,0.18); border-color: #CFAE8B; }
#masaze .img-wrap { overflow: hidden; }
#masaze .masaz img { width: 100%; transition: transform .5s ease; }
#masaze .masaz:hover img { transform: scale(1.08); }
#masaze .masaz .date { font: normal normal medium 18px/22px Montserrat; letter-spacing: 0px; color: #B4ADB5; }
#masaze .masaz .text { padding:15px; min-height:235px;}
#masaze .masaz p { font: normal normal medium 18px/33px Montserrat; letter-spacing: 0px; color: #635A65; }
#masaze .masaz p span { font: normal normal 600 24px/29px Montserrat; letter-spacing: 0px; color: #CFAE8B;}
#masaze .masaz h3 { font: 700 26px/28px "Cormorant Garamond"; color: #303030; margin-bottom: 6px; }
#masaze .desc { font: 400 15px/23px Montserrat; color: #635A65; margin-top: 10px; }
#masaze .price {font: 600 18px Montserrat; color: #CFAE8B;}
#masaze .desc { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; min-height:115px; }
#masaze .bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; }
#masaze .bottom span { color:#CFAE8B; font-weight:bold; font-size:18px; }


.detailcena { font: normal normal bold 24px/35px Cormorant Garamond; background: #392b26 0% 0% no-repeat padding-box; color:#fff; padding:5px 10px 5px 10px; width:210px; margin-bottom:0.8em; margin-right:10px; display:inline-block;}
.detailcena span { color: #cfae8b; float:right; font: normal normal normal 20px/35px Cormorant Garamond; }


#onas { background: linear-gradient( 135deg, #1a1a1a 0%, #2b2119 50%, #664e36 100% ); }
#onas h2 { font: normal normal bold 32px/36px Cormorant Garamond; letter-spacing: 0px; color: #f3ede2; margin-bottom:1em;}
#onas h2 span { background:url('../img/logo-b-relax-bohumin.png') no-repeat center center; height:44px; width:44px; background-size:40px; display:inline-block; margin-right:16px; vertical-align:top; }
#onas p { font: normal normal medium 16px/34px Montserrat; letter-spacing: 0px; color: #d6c9b5; margin-bottom:2em;}
#onas strong { color: #d4b483; }
#onas a { color:#fff;}

#onas2 { background: linear-gradient( 135deg, #664e36 0%, #2b2119 50%, #1a1a1a 100% ); }
#onas2 h2 { font: normal normal bold 32px/36px Cormorant Garamond; letter-spacing: 0px; color: #f3ede2; margin-bottom:1em;}
#onas2 h2 span { background:url('../img/logo-b-relax-bohumin.png') no-repeat center center; height:44px; width:44px; background-size:40px; display:inline-block; margin-right:16px; vertical-align:top; }
#onas2 p { font: normal normal medium 16px/34px Montserrat; letter-spacing: 0px; color: #d6c9b5; margin-bottom:2em;}
#onas2 strong { color: #d4b483; }
#onas2 a { color:#fff;}

#darkovepoukazy { background: linear-gradient(270deg,#1a1a1a 0%, #2b2119 50%, #664e36 100%);  color: #fff; }
#darkovepoukazy .text-muted { color: rgba(255,255,255,.7) !important; }
#darkovepoukazy .lead { color: rgba(255,255,255,.9); }
#darkovepoukazy .voucher-badge { color: #d4b08a; letter-spacing: 2px; font-size: .85rem; font-weight: 600; text-transform: uppercase; }
#darkovepoukazy .check { color: #d4b08a; font-weight: 700; }
#darkovepoukazy .btn-primary { background: #d4b08a; border-color: #d4b08a; color: #1a1a1a; font-weight: 600; }
#darkovepoukazy .btn-primary:hover { background: #e3c09c; border-color: #e3c09c; }
#darkovepoukazy img { border: 1px solid rgba(212,176,138,.3); box-shadow: 0 15px 40px rgba(0,0,0,.35);}

#fotogalerie { background:#f5edee; margin-top:-51px; z-index:96;}
#fotogalerie h2 { font: normal normal bold 30px/37px Cormorant Garamond; letter-spacing: 0px; color: #4F3C53;}
#fotogalerie h2 span { background:url('../img/ico-foto.png') no-repeat center center; height:28px; width:29px; display:inline-block; margin-right:10px; vertical-align:top; }
#fotogalerie p { font: normal normal medium 18px/31px Montserrat; letter-spacing: 0px; color: #4F3C53; margin-bottom:2em;}
.fotonewsdetail img { border-radius: 22px 0px; border:5px solid #4F3C53;}

#kdenasnajdete { background: radial-gradient( circle at top, #f6f3e7 0%, #e9ddcf 40%, #d2b79a 100% ); }
#kdenasnajdete h2 { font: normal normal bold 40px/48px Cormorant Garamond; letter-spacing: 0px; color: #664b37; }
#kdenasnajdete h2 span { background: url('../img/logo-b-relax-bohumin.png') no-repeat center center; background-size: auto; height: 54px; width: 54px; background-size: 50px; display:inline-block; margin-right:10px; vertical-align:top; }
#kdenasnajdete h3 { font: normal normal bold 18px/22px Montserrat; letter-spacing: 0px; color: #FFFFFF;}
#kdenasnajdete h3 span { background:url('../img/ico-place.png') no-repeat center center; height:30px; width:22px; display:inline-block; margin-right:10px; vertical-align:top; }
#kdenasnajdete .bg { background:url('../img/mapa2.png') no-repeat left 80px; }
#kdenasnajdete .blok { background: transparent linear-gradient(180deg, #392B2E 0%, #312729 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 8px 28px #00000015; border-radius: 30px 0px; padding:20px; color: #B5A5B7;}
#kdenasnajdete p { margin-bottom:2em;}
#kdenasnajdete p a { color:#fff;}
#kdenasnajdete table { width:100%; }
#kdenasnajdete table tr:nth-child(odd) {background: none}
#kdenasnajdete table tr:nth-child(even) {background: #3f2f33; border-radius: 10px 0px;}
#kdenasnajdete table tr th, #kdenasnajdete table tr td { padding:5px;} 
#kdenasnajdete table tr td { font: normal normal 600 16px/19px Montserrat; letter-spacing: 0px; color: #FFFFFF; text-align:right;}
#kdenasnajdete .map-wrapper { height: 535px; min-height: 320px; width: 100%; border-radius: 6px; overflow: hidden; }
#kdenasnajdete .blok { background: #1f1317; padding: 20px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
#kdenasnajdete .location-list { margin-bottom: 12px; display:flex; gap:8px; flex-wrap:wrap; }
#kdenasnajdete .location-item { cursor: pointer; padding: 8px 12px; border-radius: 4px; background:#f8f8f8; }
#kdenasnajdete .location-item.active { background: #cfae8b; font-weight: 600; }
@media (max-width: 767px) { #kdenasnajdete .map-wrapper { height: 300px; } }
  
#footer{ background: linear-gradient( 135deg, #1a1a1a 0%, #2b2119 50%, #664e36 100% );  color: #d6c9b5; font: normal normal normal 16px/19px Montserrat; line-height:1.7;}
#footer .container { padding-top:3em;}
#footer .oddelovac { border-top: 2px solid rgba(255, 255, 255, 0.1);  height:2px;}
#footer p a{color:#fff;  text-decoration:underline;}
#footer img{ margin-bottom:2em;}
#footer p strong{ color:#fff; font-weight:bold}
#footer a { color: #FFFFFF;}
#footer a:hover { color:#cfae8b;}
#footer ul { list-style-type:none; padding:0}
#footer .kontakt {box-shadow: 0px 3px 17px #382D4E0B; border: 1px solid #A57C97; border-radius: 30px 0px; padding:25px; font: normal normal bold 24px/30px Montserrat; letter-spacing: 0px; color: #FFFFFF; padding-bottom:0;}
#footer .kontakt a.tel { padding-right:80px;}
#footer .kontakt span.tel { background:url('../img/ico-tel.png') no-repeat center center; height:42px; width:45px; display:inline-block; margin-right:10px; vertical-align:top; }
#footer .kontakt span.em { background:url('../img/ico-em.png') no-repeat center center; height:44px; width:44px; display:inline-block; margin-right:10px; vertical-align:top; }
#footer h3 { font: normal normal bold 24px/20px Cormorant Garamond; letter-spacing: 0px; color: #FFFFFF; margin-bottom:1.5em;}

.bg-black{background-color:#000000 !important;}

.menuobal{position:relative;}
ul.submenu  { font-size:16px; list-style-type:none; padding:0}
.main-menu{width:100%; height:100%; opacity:0; visibility:hidden;}
.nav-open .main-menu{opacity:1; visibility:visible; background:rgba(0,0,0,0.92); background:rgba(103, 79, 55, 1);}
.main-menu .nav li a{color:#FFF; font-size:3vh; font-weight:700; }
.main-menu .nav li a:hover { text-decoration:underline;}
.main-menu .nav li ul.submenu a { font-size:18px;}
.main-menu .nav li{opacity:0;    -webkit-transform:translateY(-40px);    transform:translateY(-40px);    -webkit-animation-timing-function:cubic-bezier(.45,.005,0,1);    -moz-animation-timing-function:cubic-bezier(.45,.005,0,1);    -o-animation-timing-function:cubic-bezier(.45,.005,0,1);    animation-timing-function:cubic-bezier(.45,.005,0,1);}
.nav{margin-right:5em;}
@media (max-width:720px){.nav{margin-right:0;  }
}
.nav-open .main-menu .nav li{opacity:1;    -webkit-transform:translateY(0px);    transform:translateY(0px);    -webkit-transition:-webkit-transform .2s, opacity .2s;    transition:transform .2s, opacity .2s;}
.main-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.main-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.main-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }
.nav-button{position:relative; z-index:1111; height:42px; display:block; width:50px; padding:12px;}
.nav-button #nav-icon3{width:30px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#cfae8b;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3){top:10px}
.nav-button #nav-icon3 span:nth-child(4){top:20px}
.nav-button:after{content:"MENU";    right:-60px;    top:10px;    position:absolute;    width:50px;    color:#664e36; font: normal normal normal 22px/24px Montserrat;}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}
.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}
.nav-link{display:block; padding: 10px 30px;}
ul.submenu .nav-link { padding:5px 30px;}

@media (max-width:768px){
.flex-center { height:100%;}
.nav-link { padding:10px 23px; }
ul.submenu .nav-link { padding:2px 23px}
.main-menu .nav li a { font-size:24px;}
.main-menu .nav li ul.submenu a { font-size:F16px;}
.header-grid { max-width:98%}
.head-main.showlogo1 .navbar { height:70px}
.head-main.showlogo1 .navbar-brand img { height:60px; margin-top:-10px;}

}

@media (max-width:680px){
.menu2  { display:none;}
.menu2 .btn-rezervace { display:none;}
.menu2 .btn-darek { display:none;}
.navbar-brand { left:unnset; top:10px;}
}

@media (max-width:767px){
table.formular3, table.formular3 tr, table.formular3 tr td { display: grid; }
table.formular3 tr { width:100% }
table.formular3 th { display:none;}
}

#hlavni a.sipkadolu{font-weight:300;  color:#000;  background-image:url("../images/sipka-dolu1.png");  background-repeat:no-repeat;  background-position:bottom left;  padding-bottom:40px;  min-width:190px;  display:block;  text-decoration:none !important;}
#hlavni a.sipkadolu:hover{background-image:url("../images/sipka-dolu2.png");  background-repeat:no-repeat;  background-position:bottom left;  text-decoration:none !important;  color:#000 !important;}
a.odkaz2{font-weight:300;  margin-top:2em;  color:#000;  background-image:url("../images/sipka1.png");  background-repeat:no-repeat;  background-position:bottom left;  padding-bottom:0.8em;  min-width:210px;  display:inline-block;  margin-right:3em;}
a.odkaz2:hover{background-image:url("../images/sipka2.png");  background-repeat:no-repeat;  background-position:bottom left;  text-decoration:none;}
#hlavni .fotka { max-height:214px; overflow:hidden; }

#labels .active{font-weight:bold}
#labels .active span{font-weight:bold; background:#000; color:#fff;}
#label{display:none; position:absolute; background-color:#000; padding:4px 7px; color:#FFF; font-family:Arial,Helvetica,sans-serif; font-weight:bold}
#labels li{list-style:none;  margin-bottom:0.5em;  font-size:1.3em;  font-weight:700;}
#labels li span{width:50px;  height:50px;  line-height:50px;  border:2px solid #000;  text-align:Center;  display:inline-block;  color:#000;   margin-right:1em;}
@media (max-width:770px){.akceitemuvod{margin-bottom:3em;  }
.akceitem:hover h2,.akceitem:hover h3{margin-left:0em;  margin-right:2em;  text-decoration:none;  text-shadow:2px 2px #ffffff;  transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;  cursor:pointer;}
#mapa-arealu h2{margin-bottom:1em;}
#partneri{padding-top:5em;  padding-bottom:5em;}
#labels li{margin-bottom:0.1em;}
#labels li span{height:24px;  width:24px;  line-height:24px;}
  #hlavni h1 { font-size:2.4em; }  
   #hlavni h2 { font-size:1.8em; }  
}
@media (max-width:560px){
.navbar > .container,.navbar > .container-fluid{align-items:flex-start;    }
.menuobal{position:unset;  }

   }
   
   @media (max-width:1165px){   
   .nav-open .main-menu .nav li {
    width:33%;
   }
}

   @media (max-width:558px){   
   .nav-open .main-menu .nav li {
        width:50%;
   }
}
   
@media (max-width:471px){   
   .nav-open .main-menu .nav li { width:100%; }
        .main-menu .nav li a { font-size:22px;}
    .nav-link { padding:5px 22px;}
    .main-menu .nav li ul.submenu a { font-size:16px; padding-left:38px;}
   
}
   
 @media (max-width:440px){
    .menu2 .btn-darek { display:none;}   
    .nav-button::after { content:"";}
    .navbar-brand { padding-left:unset;}

    
   }
@media (max-width:360px){#akce h1{font-size:3em;  }
#news h2{font-size:2em;  }
    }

.error-ok{background:red;  color:#fff;  padding:10px;  font-size:1em;  margin:2em;  font-weight:700;}
.error-ok2{background:green;  color:#fff;  padding:10px;  font-size:1em;  margin:2em;  font-weight:700;}

.cleaner{clear:both;}
.red{color:Red;}
table.formular{width:100%;}
table.formular tr th,table.formular tr td{padding:5px;  padding-right:15px;}
table.formular tr th{background:#eee;  border-bottom:1px solid #fff;}
table.formular3 tr:nth-child(even){background:#eee}
table.formular3 tr:nth-child(odd){background:#FFF}
table.formular tr td.text{font-weight:bold;}
table.formular tr th.nadpis{background:#cfae8b;  color:#fff;}
table.formular tr td.dop,table.formular tr th.dop{text-align:right;}
table.formular tr th.no{background:none;}
table.formular h3{background:#0062cc; color:#fff; font-size:1.1em; padding:3px; margin-top:1em;}
.w70{width:70px;  text-align:center;}
.w40 { width:40px; text-align:center;}
.number .plus, .number .minus { width:32px;
			height:32px;
			background:#f2f2f2;
			border-radius:32px;
			border:1px solid #ddd;
      display: inline-block;
      line-height:29px;
      font-size:22px;
      text-align: center;
      
}

.number .plus:hover, .number .minus:hover {
    cursor:pointer;
    background:#ddd;
}


.navysku{background-size:100% auto; background-repeat:no-repeat; }
.nasirku{background-size:auto 100%; background-repeat:no-repeat; }
.list-news__item__more{color:#fff;  text-decoration:none;  font-weight:300;   position:absolute;   bottom:1em;   left:30px;}
.list-news__item__more:hover{color:#fff;text-decoration:none;}
a.list-news__item__more{font-weight:300;  margin-top:4em;  background-image:url("../images/sipka1r.png");  background-repeat:no-repeat;  background-position:bottom left;  padding-bottom:0.8em;  min-width:210px;  display:inline-block;  margin-right:3em;}
a.list-news__item__more:hover,.list-news__item__in:hover a.list-news__item__more{background-image:url("../images/sipka2r.png");  background-repeat:no-repeat;  background-position:bottom left;  text-decoration:none;}
@media screen and (max-width:59.9375em){.list-news{margin:0 -0.4375rem}
.list-news__item{padding:0 0.4375rem 2.8125rem}
.list-news__item__title{font-size:1.2rem;padding:0.9375rem 0 0.625rem}
}
@media screen and (max-width:47.9375em){.list-news__item{width:50%}
.list-news__item--long{width:100%}
}
@media screen and (max-width:29.9375em){.list-news__item{width:100%}
.list-partners{margin:0 -1.25rem 0.9375rem;display:block;font-size:0}
.list-partners__item{display:inline-block;vertical-align:middle;width:50%}
}
@media (max-width:1199px){.prostory .photo{max-height:180px; }
.prostory h3{font-size:1em; }
}
@media (max-width:991px){.prostory .photo{max-height:140px; }
.prostory h3{font-size:1.3em; }
#hlavni.popis2sloupce ul li { width:100%; display:block;}
}
@media (max-width:767px){.prostory .photo{max-height:350px; }
}
.MultiCarousel{float:left; overflow:hidden; padding:15px; width:100%; position:relative; }
.MultiCarousel .MultiCarousel-inner{transition:1s ease all; float:left; }
.MultiCarousel .MultiCarousel-inner .item{float:left;}
.MultiCarousel .MultiCarousel-inner .item img{max-height:100px;}
.MultiCarousel .MultiCarousel-inner .item > div{text-align:center; padding:15px; margin:10px; color:#666;}
.MultiCarousel .leftLst,.MultiCarousel .rightLst{position:absolute;  }
.MultiCarousel .leftLst{margin-top:55px; left:0;  width:32px; height:32px; border:0; background:#fff; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }
.MultiCarousel .rightLst{margin-top:55px; right:0; width:32px; height:32px; border:0; background:#fff; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }
.MultiCarousel .leftLst.over,.MultiCarousel .rightLst.over{pointer-events:none; }
.kontaktright{border:2px solid #e9e9e9;  background:#f8f8f8;  padding:2em;  line-height:1.8;  background-image:url("../images/roh.png");  background-repeat:no-repeat;  background-position:right top;    }
.kontaktright h2{font-size:14px;  color:#888;  font-weight:300;  margin-bottom:0;}
.kontaktright p{margin-bottom:0.1em;}
.kontaktright h3{font-weight:700;  margin-bottom:0.3em;}
.kontaktright a{color:#000;}
a.odkaz{font-weight:300;  color:#000;  background-image:url("../images/sipka1rr.png");  background-repeat:no-repeat;  background-position:bottom right;  padding-bottom:0.8em;  min-width:207px;  display:inline-block;  text-decoration:none !important;}
a.odkaz:hover{background-image:url("../images/sipka2rr.png");  background-repeat:no-repeat;  background-position:bottom right;  text-decoration:none !important;  color:#000;}
.form-control{border-radius:0;}
.marg1{margin-bottom:1em;}
.grid{background:#EEE;  overflow:hidden;}
.grid:after{content:'';  display:block;  clear:both;}
.grid-sizer, .grid-item{width:25%; height:auto }
}
.grid-item img{height:auto;  width:100%;}
span.stitek{position:absolute;  background:red;  color:#fff;  padding:10px;  left:15px;  top:0;  z-index:1000;  font-size:1.5em;}
.akceitemuvod span.stitek { top:40px;}
.list-carousel__item .container{position:absolute;    bottom:6.25rem;    left:50%;    margin-left:-35.625rem;}
.list-carousel__item__table{display:table;    max-width:35.3125rem;}
.list-carousel__item__table__cell{display:table-cell;vertical-align:bottom;padding-left:3.75rem}
.list-carousel__item__title{font-size:2.6875rem;line-height:2.9375rem;padding-bottom:1.25rem;padding-top:0.3125rem;color:#fff;font-weight:700}
.dark .list-carousel__item__title{color:#000;   background:rgba(255,255,255,0.7) none repeat scroll 0 0;   padding-bottom:0.3125rem;margin-bottom:0.625rem;padding-left:0.3125rem;padding-right:0.3125rem;}
@media screen and (max-width:73.6875em){.list-carousel__item .container{left:0;margin-left:0;right:0}
.list-carousel__item__title{font-size:1.875rem;line-height:2.0625rem}
.list-carousel__item__table{padding-bottom:1.875rem}
.list-carousel__item p{display:none}
}
@media screen and (max-width:63.9375em){.list-carousel .slick-dots li button{padding:0 0.625rem}
.list-carousel__item__table{padding-bottom:0.9375rem}
.list-carousel__item__title{font-size:1.5625rem;line-height:1.75rem;padding-top:0.625rem;padding-bottom:0.625rem}
}
@media screen and (max-width:49.9375em){.list-carousel .slick-dots li button{font-size:0.75rem}
.list-carousel__item__table{padding-bottom:0.3125rem}
}
@media screen and (max-width:47.9375em){.list-carousel .slick-dots{position:absolute;left:0;right:0;top:100%;margin-top:0.625rem;bottom:auto;text-align:center}
.list-carousel .slick-dots li{display:inline-block;vertical-align:middle;margin:0 0.25rem;width:0.9375rem;height:0.9375rem;background:#ccc;border:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:250ms;-moz-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;cursor:pointer;-webkit-border-radius:0.9375rem;-moz-border-radius:0.9375rem;border-radius:0.9375rem}
.list-carousel .slick-dots li button,.list-carousel__item .in-date{display:none}
.list-carousel .slick-dots li.slick-active{width:1.125rem;height:1.125rem;background-color:#ebc45f}
.list-carousel__item .container{bottom:0}
.list-carousel__item__table{padding:1.875rem 0}
}
@media screen and (max-width:39.9375em){.list-carousel__item__title{font-size:1.25rem;line-height:1.4375rem;padding-top:0}
.list-carousel__item__table{max-width:100%;width:100%;padding:1.25rem 0}
.list-carousel__item__table__cell{padding:0}
.list-carousel .slick-arrow{display:none!important}
}
@media screen and (max-width:29.9375em){.list-carousel__item__title{font-size:1.6875rem;line-height:1.9375rem  font-size:0.9rem;}
.list-carousel__item__table{padding-bottom:0.1rem}
.list-carousel__item .container{}
}
@media (max-width:540px){#carousel1{display:none !important;}
#carousel2{display:block !important;  }
}

@media (max-width:767px) {
    #rozcestnik { margin-bottom:95px;}
    #onas { background:#1f1317 url('../img/bg_main2.png') no-repeat center bottom; }
    #masaze { background:#fef8f6 url('../img/bg_main5.png') no-repeat center bottom; }
}

        .head-main .navbar {
            position: relative;
        }

        .lang-switch-layer {
            position: absolute;
            inset: 0;
            z-index: 30;
            pointer-events: none;
        }

        .lang-switch-anchor {
            position: relative;
            height: 100%;
            pointer-events: none;
        }

        .lang-switch {
            position: absolute;
            right: -38px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin: 0;
            padding: 0;
            pointer-events: auto;
        }

        .lang-switch .lang-flag {
            display: block;
            width: 28px;
            height: 28px;
            flex: 0 0 28px;
            padding: 0;
            margin: 0;
            line-height: 0;
            border-radius: 50%;
            border: 2px solid rgba(255,255,255,.65);
            box-shadow: 0 1px 5px rgba(0,0,0,.22);
            opacity: .50;
            overflow: hidden;
            background: transparent;
            transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
        }

        .lang-switch .lang-flag svg {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

        .lang-switch .lang-flag:hover,
        .lang-switch .lang-flag:focus {
            opacity: .85;
            transform: scale(1.05);
            outline: none;
        }

        .lang-switch .lang-flag.active {
            opacity: 1;
            border-color: #fff;
            box-shadow: 0 0 0 2px rgba(255,255,255,.16), 0 2px 7px rgba(0,0,0,.28);
        }

        @media (max-width: 767.98px) {
            .lang-switch-layer {
                display: block !important;
            }

            .lang-switch {
                display: flex !important;
                right: 18px;
                top: 50%;
                transform: translateY(-50%);
                gap: 9px;
            }

            .lang-switch .lang-flag {
                width: 25px;
                height: 25px;
                flex-basis: 25px;
                border-width: 1px;
            }
        }