html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;outline:0}a:active{outline:0}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;border-style:none}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border-style:none;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;outline-offset:-2px}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}details{display:block}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){a:hover{outline:0}}
@font-face{font-display:swap;font-family:'Lobster';font-style:normal;font-weight:400;src:url('/fonts/lobster_regular.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;src:local('Montserrat Light'),local('Montserrat-Light'),url('/fonts/montserrat-light.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url('/fonts/montserrat-regular.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local('Montserrat Medium'),local('Montserrat-Medium'),url('/fonts/montserrat-medium.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url('/fonts/montserrat-semibold.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url('/fonts/montserrat-bold.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:300;src:local('Montserrat Light Italic'),local('Montserrat-LightItalic'),url('/fonts/montserrat-lightitalic.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:400;src:local('Montserrat Italic'),local('Montserrat-Italic'),url('/fonts/montserrat-italic.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local('Montserrat Medium Italic'),local('Montserrat-MediumItalic'),url('/fonts/montserrat-mediumitalic.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:600;src:local('Montserrat SemiBold Italic'),local('Montserrat-SemiBoldItalic'),url('/fonts/montserrat-semibolditalic.woff') format('woff')}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:700;src:local('Montserrat Bold Italic'),local('Montserrat-BoldItalic'),url('/fonts/montserrat-bolditalic.woff') format('woff')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:200;src:local('Source Sans Pro ExtraLight'),local('SourceSansPro-ExtraLight'),url('/fonts/source-sans-pro_extralight.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:300;src:local('Source Sans Pro Light'),local('SourceSansPro-Light'),url('/fonts/source-sans-pro_light.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:local('Source Sans Pro'),local('SourceSansPro-Regular'),url('/fonts/source-sans-pro_regular.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;src:local('Source Sans Pro Semibold'),local('SourceSansPro-Semibold'),url('/fonts/source-sans-pro_semibold.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;src:local('Source Sans Pro Bold'),local('SourceSansPro-Bold'),url('/fonts/source-sans-pro_bold.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;src:local('Source Sans Pro Black'),local('SourceSansPro-Black'),url('/fonts/source-sans-pro_black.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:200;src:local('Source Sans Pro ExtraLight Italic'),local('SourceSansPro-ExtraLightIt'),url('/fonts/source-sans-pro_extralight-italic.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:300;src:local('Source Sans Pro Light Italic'),local('SourceSansPro-LightIt'),url('/fonts/source-sans-pro_light-italic.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;src:local('Source Sans Pro Italic'),local('SourceSansPro-It'),url('/fonts/source-sans-pro_italic.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;src:local('Source Sans Pro Semibold Italic'),local('SourceSansPro-SemiboldIt'),url('/fonts/source-sans-pro_semibold-italic.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;src:local('Source Sans Pro Bold Italic'),local('SourceSansPro-BoldIt'),url('/fonts/source-sans-pro_bold-italic.woff') format('woff');text-rendering:optimizeLegibility}
@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;src:local('Source Sans Pro Black Italic'),local('SourceSansPro-BlackIt'),url('/fonts/source-sans-pro_black-italic.woff') format('woff');text-rendering:optimizeLegibility}
html, body{background:#EE3B91;color:#000000;font-size:1em;margin:0;min-height:100%;padding:0}
body{font-size:1em}
.contentwidth{margin:0 auto;min-width:272px;padding:0 12px;position:relative}
#header{background:#ffffff;color:#000000;height:72px;left:0;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:500}
#header::before{background:#000000;content:'';height:1px;left:0;opacity:0.05;position:absolute;top:72px;width:100%}
#header-in{height:72px;position:relative}
#logo{font-size:1.5em;height:60px;left:12px;line-height:60px;margin:0;min-width:122px;padding:0;position:absolute;top:6px}
#logo a{color:#000000;display:block;margin:0;padding:0;text-decoration:none;text-indent:-1000em;width:100%}
#logo span{background:url('/images/tsupalecka_logo.svg') left 50% no-repeat;background-size:contain;cursor:pointer;display:block;height:60px;left:0;position:absolute;top:0;width:100%}
#logo::after{background:#EE3B91;content:'';display:block;height:100%;margin:0 -10px 0 0;position:absolute;right:0;top:0;width:1px}
#xtoppage{height:72px}
#wifi{font-size:1.5em;height:50px;left:154px;line-height:50px;margin:0;max-width:40px;overflow:hidden;padding:0;position:absolute;text-indent:-1000em;top:12px;width:100%}
#wifi span{background:url('/images/wifi.png') left 50% no-repeat;background-size:contain;display:block;height:50px;left:0;position:absolute;top:0;width:100%}
#footer01{background:#ffffff;color:#EE3B91;font-size:0.875em;padding:32px 0 0 0;position:relative;width:100%}
#footer02{background:#EE3B91;color:#ffffff;font-size:0.75em;padding:12px 0;position:relative;text-align:center;width:100%}
.footer-sections{margin:0 0 0 -32px;overflow:auto}
.footer-section{float:left;margin:0;overflow:hidden;padding:0;position:relative;width:100%}
.footer-section-in{overflow:auto;padding:0 0 32px 32px}
.footer-section-in-days{display:inline-block;font-weight:bold;width:100px}
*{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
h1, h2, h3, h4, h5, h6{color:#000000}
h1{font-size:3em}
h2{font-size:2.375em}
h3{font-size:1.75em}
h4{font-size:1.125em}
h5{font-size:1em}
h6{font-size:.9375em}
a, a:visited{color:#EE3B91;text-decoration:none}
hr{background:#EE3B91;border:none;height:1px;margin:12px 0 6px 0;padding:0}
strong{color:#EE3B91}
em{color:#EE3B91}
ul{list-style-type:square;margin:16px 0;padding:0}
li{color:#EE3B91;font-weight:bold;margin:0 0 0 1em;padding:0 0 0.5em 0}
li span{color:#999999;font-weight:normal}

.lang-menu{
    width: fit-content;
    margin-left: auto;
    margin-top: 24px;
    background-color: rgba(255,255,255,0.6);

    display: flex;
    padding: 0px 5px;
    border: 1px solid transparent;
    border-radius: 5px;
}
.lang-opt:first-child{
    padding: 10px;
}
.lang-opt:nth-child(2) {
    padding: 10px;
}
.lang-menu img{
    border: none;
}
#header-text .header-text-link, #header-text .header-text-link:visited{
    color: #FDDBEB;
}

#pagecontent{background:#ffffff;color:#333333}
#pagecontent li span{color:#999999}
.xlink::before{background:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.33;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0}
.xlink2{position:relative;text-decoration:none}
.xlink2::before{background:#ffffff;border-radius:25%;content:'';display:block;height:100%;left:50%;opacity:0.33;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,left 0.5s,opacity 0.5s;visibility:hidden;width:0}
#footer01:before{background:rgba(238,59,145,0.1);content:'';display:block;height:100%;position:absolute;top:0;width:100%}
#footer01 p{line-height:24px;margin:0;padding:0}
#footer01 a, #footer01 a:visited{color:#EE3B91;position:relative;text-decoration:none}
#footer01 p a::after, #footer01 p a:visited::after{background-color:#A92464;bottom:1px;content:'';height:1px;left:0;opacity:0;position:absolute;top:auto;transform:scaleX(0);transition:transform 0.2s,opacity 0.2s;visibility:hidden;width:100%;z-index:0}
#footer01 h3, #footer01 h4, #footer01 h5, #footer01 h6{font-weight:normal;text-transform:none}
#footer02 a, #footer02 a:visited{color:#000000;position:relative;text-decoration:none}
#footer02 a::after{background-color:#ffffff;bottom:1px;content:'';height:1px;left:0;opacity:0;position:absolute;top:auto;transform:scaleX(0);transition:transform 0.2s,opacity 0.2s;visibility:hidden;width:100%;z-index:0}
#xnav-in{background:rgba(238,59,145,0.9);max-height:0;min-height:0;overflow:hidden;position:absolute;right:0;top:0;transition:max-height 0.5s ease-in,min-height 0.5s ease-in;width:100%;z-index:15}
#xnav:target #xnav-in{max-height:100vh;min-height:100vh;transition:max-height 0.5s ease-in,min-height 0.5s ease-in}
#xnav-in2{padding:8px 8px 8px 8px}
#xnav .xnav-hide, #xnav .xnav-show, #xnav .xnav-hide span, #xnav .xnav-show span{display:block;height:40px;position:absolute;right:0;text-indent:-1000em;top:0;width:40px;z-index:20}
#xnav .xnav-hide, #xnav .xnav-show{right:12px;top:16px}
#xnav .xnav-hide, #xnav:target .xnav-show{z-index:5}
#xnav .xnav-show, #xnav:target .xnav-hide{z-index:25}
#xnav .xnav-show::before, #xnav .xnav-show::after, #xnav .xnav-show span::before, #xnav .xnav-show span::after, #xnav .xnav-hide::before, #xnav .xnav-hide::after, #xnav .xnav-hide span::before, #xnav .xnav-hide span::after{content:'';display:block;position:absolute;transition:all 0.33s ease-in}
#xnav .xnav-show::before, #xnav .xnav-show::after, #xnav .xnav-show span::before, #xnav .xnav-hide::before, #xnav .xnav-hide::after, #xnav .xnav-hide span::before{background:#EE3B91;height:2px;width:40px}
#xnav .xnav-show::before, #xnav .xnav-hide::before{left:0;top:10px}
#xnav .xnav-show::after, #xnav .xnav-hide::after{left:0;top:30px}
#xnav .xnav-show span::before, #xnav .xnav-hide span::before{left:0;opacity:1;top:20px}
#xnav .xnav-show span::after, #xnav .xnav-hide span::after{border:1px solid #ffffff;border-radius:50%;height:0;left:20px;opacity:0;top:20px;width:0}
#xnav:target .xnav-show::before, #xnav:target .xnav-hide::before{background:#ffffff;height:4px;left:6px;top:18px;transform:rotate(45deg);width:28px}
#xnav:target .xnav-show::after, #xnav:target .xnav-hide::after{background:#ffffff;height:4px;left:6px;top:18px;transform:rotate(-45deg);width:28px}
#xnav:target .xnav-show span::before, #xnav:target .xnav-hide span::before{background:#ffffff;left:20px;opacity:0;width:0}
#xnav:target .xnav-show span::after, #xnav:target .xnav-hide span::after{height:40px;left:-1px;opacity:0.2;top:-1px;width:40px}
#nav .nav-menu{font-size:1.25em;font-weight:normal;list-style-type:none;margin:0;padding:4px 64px 0 0}
#nav .nav-menu li{list-style-type:none;margin:0;padding:0;text-transform:uppercase}
#nav .nav-menu span{color:#ffffff;display:block;font-weight:bold;padding:0 0 16px 0;text-align:right}
#nav .nav-menu a, #nav .nav-menu a:visited{color:#ffffff;display:block;font-weight:bold;padding:0 0 16px 0;text-align:right;text-decoration:none;transition:color 0.5s}
#nav .nav-submenu{display:none}
#header-text{color:#FFB7D9;padding:24px 64px 0 0;text-align:right}
#header-phone, #header-email{display:block;font-style:italic;padding:8px 0}
#header-phone strong, #header-email strong{display:inline-block;font-weight:normal;padding:0;white-space:nowrap}
#o-nas, #rezervace, #cenik, #kontakty,
#about-us, #reservation, #price-list, #contacts {height:0;position:absolute;top:-95px;width:0;z-index:0}
#wphoto{margin:0;overflow:hidden;padding:0;width:100%}
#wphoto-in{background-color:#333333;background-image:url('/images/tanecni_studio_u_Palecka_01.jpg');background-position:50% 75%;background-repeat:no-repeat;background-size:cover;height:70vh;left:0;max-height:1280px;min-height:320px;overflow:hidden;position:fixed;top:72px;width:100%;z-index:0}
#wphoto-in::after{background:#000000;content:'';display:block;height:100%;left:0;opacity:0.25;position:absolute;top:0;width:100%;z-index:0}
#wphoto-title{display:inline-block;margin:0 auto;max-width:90%;overflow:hidden;padding:40px 0;vertical-align:middle}
#wphoto .contentwidth{height:70vh;max-height:1280px;min-height:320px;padding-top:72px;text-align:center}
#wphoto .contentwidth::before{content:'';display:inline-block;height:70vh;max-height:1280px;min-height:320px;vertical-align:middle;width:0}
#wphoto #wphoto-text{color:#ffffff;display:inline-block;font-size:2.625em;font-weight:bold;margin:0;overflow:hidden;padding:16px 0;position:relative;transform:scale(1);transform-origin:left center;vertical-align:middle}
.wphoto-text01{display:block;font-family:'Lobster',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:500;padding:0 0 24px 0}
.wphoto-text02{font-family:'Source Sans Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;letter-spacing:0.3rem;text-transform:uppercase}
.wtext-button{padding:24px 0 0}
.wtext-button a, .wtext-button a:visited{align-items:center;background:#EE3B91;border-radius:4px;color:#ffffff;display:flex;font-size:1.250em;font-weight:bold;height:48px;justify-content:center;margin:0 auto;max-width:184px;transition:color 0.5s ease-in-out,background-color 0.5s ease-in-out}
.wtext-button a::after{background:url('/images/sprites.svg') -342px -82px no-repeat;background-size:400px 200px;display:block;height:16px;overflow:hidden;position:absolute;right:20px;top:16px;width:16px;; content:''}
.wtext-button-in{padding:0 30px 0 0}
#wtexts{background:#ffffff;position:relative;z-index:1}
.wtext1 h2, .wtext2 h2, .wtext3 h2, .wtext4 h2{margin:0 0 24px 0;text-transform:uppercase}
.wtext1 h2 span::after, .wtext2 h2 span::after, .wtext3 h2 span::after, .wtext4 h2 span::after{background:#EE3B91;content:'';display:block;height:14px;margin:0 auto;position:absolute;top:16px;width:100%;z-index:-1}
.wtext2 h2 span::after{background:#000000}
.wtext1, .wtext2, .wtext3, .wtext4{padding:24px 0;text-align:center}
.wtext1{background:#ffffff}
.wtext1-text h3{color:#EE3B91;font-size:1.250em}
.wtext1-text span{font-weight:bold}
.gallery{margin:12px 0 0 0;overflow:auto;position:relative}
.gallery-in{float:left;margin:0;overflow:hidden;padding:0;width:100%}
.gallery-in a{background:#333333;border-radius:8px;display:block;height:250px;margin:12px 0;overflow:hidden;position:relative;text-decoration:none}
.gallery-in a::after{background:#EE3B91;content:'';height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 0.3s;width:100%;z-index:10}
.gallery-in-photo{height:100%;overflow:hidden;position:relative;width:100%}
.gallery-in-photo img{height:100%;object-fit:cover;width:100%}
.wtext-title{font-size:1.375em;text-align:center}
.wtext-title span{display:inline-block;position:relative;z-index:1}
.wtext-title-wh{color:#ffffff}
.wtext2{background:linear-gradient(90deg,rgba(238,59,145,1) 30%,rgba(254,101,174,1) 100%);color:#ffffff}
.wtext2 strong{color:#ffffff}
.wtext2-text h4{color:#ffffff;margin:24px 0 0 0}
.wtext2-button a, .wtext2-button a:visited{background:#ffffff;color:#EE3B91}
.wtext2-button a::after{background:url('/images/sprites.svg') -342px -2px no-repeat;background-size:400px 200px;display:block;height:16px;overflow:hidden;position:absolute;right:20px;top:16px;width:16px;; content:''}
.wtext3{background:#ffffff}
.wtext3-blocks{margin:12px 0 -16px 0;overflow:auto;position:relative}
.wtext3-block{float:left;margin:0 0 16px 0;overflow:hidden;padding:0;width:100%}
.wtext3-block a{display:block;margin:12px 0;overflow:hidden;position:relative;text-decoration:none}
.wtext3-block-in-top{border-bottom:1px solid #ffffff}
.wtext3-block-in-top p{margin:0 0 16px 0}
.wtext3-block-in-time{font-size:1.125em;font-weight:bold}
.wtext3-block-in-price{color:#ffffff;font-size:1.5em;margin:36px 0 24px 0;
    margin: 36px 0;
}
.wtext3-block-in-price span{
    color:#FFACD5;
}
.wtext3-block-in-price-normal{
    color:#FFACD5;
    font-size:0.85em;
    margin:24px 0 36px 0;
    display: block;
}
.wtext3-block-in{background:#EE3B91;border-radius:8px;color:#ffffff;height:100%;padding:20px;text-align:center}
.wtext3-button a, .wtext3-button a:visited{align-items:center;background:#ffffff;border-radius:4px;bottom:0;color:#EE3B91;display:flex;font-size:1.125em;font-weight:bold;height:30px;justify-content:center;margin:0 auto;transition:color 0.5s ease-in-out,background-color 0.5s ease-in-out;width:100%}
.wtext4-text{padding:0 0 24px 0}
#xscripts, .xnoscript{display:inline;font-size:0;height:0;line-height:0;overflow:hidden;position:absolute;width:0}
@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
a:hover{color:#000000;text-decoration:underline;transition:color 0.3s}
.xlink:hover::before{opacity:0;visibility:visible;width:100%}
.xlink2:hover::before{left:0;opacity:0;visibility:visible;width:100%}
#footer01 a:hover{color:#A92464;text-decoration:none}
#footer01 p a:hover::after{opacity:1;transform:scaleX(1);visibility:visible}
#footer02 a:hover{color:#ffffff;text-decoration:none}
#footer02 a:hover::after{opacity:1;transform:scaleX(1);visibility:visible}
.xnav-show:hover ~ #xnav-in, #xnav-in:hover{max-height:100vh;min-height:100vh;transition:max-height 0.5s ease-in,min-height 0.5s ease-in}
#xnav .xnav-show:hover::before, #xnav .xnav-show:hover::after, #xnav .xnav-show:hover span::before, #xnav .xnav-hide:hover::before, #xnav .xnav-hide:hover::after, #xnav .xnav-hide:hover span::before{background:#FFB7D9}
#xnav:target .xnav-show:hover span::after, #xnav:target .xnav-hide:hover span::after{opacity:0.4}
#nav .nav-menu a:hover{color:#FFB7D9;transition:color 0.5s}
#header-text .header-text-link:hover{color:#ffffff;text-decoration:none}
.wtext-button a:hover{background:#A92464;color:#ffffff;text-decoration:none;transition:0.5s}
.gallery-in a:hover::after{opacity:0.5}
.wtext2-button a:hover::after{background:url('/images/sprites.svg') -342px -81px no-repeat;background-size:400px 200px;; content:''}
.wtext3-button a:hover{background:#A92464;color:#ffffff;text-decoration:none;transition:0.5s}
}
@media only screen and (min-width:30em){
.contentwidth{min-width:424px;padding:0 16px}
#header{height:78px}
#header::before{top:78px}
#header-in{height:78px}
#logo{height:66px;left:16px;line-height:66px;min-width:134px;top:6px}
#logo span{height:66px}
#logo::after{margin:0 -16px 0 0}
#xtoppage{height:78px}
#wifi{left:182px;top:14px}
.c3-imggallery-item{width:33.333%}
.c3-image{height:240px}
#xnav-in2{padding:12px 16px 16px 16px}
#xnav .xnav-hide, #xnav .xnav-show{right:16px;top:20px}
#o-nas, #rezervace, #cenik, #kontakty,
#about-us, #reservation, #price-list, #contacts{top:-101px}
#wphoto #wphoto-text{font-size:2.875em}
#wphoto-in{top:78px}
#wphoto .contentwidth{padding-top:78px}
.wtext3-blocks{margin:0 0 0 -16px}
.wtext3-block{margin:0;width:50%}
.wtext3-block-in{margin:0 0 16px 16px;padding:12px}
}
@media only screen and (min-width:40em){
.contentwidth{min-width:584px;padding:0 16px}
#header{height:84px}
#header::before{top:84px}
#header-in{height:84px}
#logo{height:72px;left:16px;line-height:72px;min-width:146px;top:6px}
#logo span{height:72px}
#logo::after{margin:0 -24px 0 0}
#xtoppage{height:84px}
#wifi{height:60px;left:210px;line-height:60px;max-width:50px;top:12px}
#wifi span{height:60px}
.footer-section{width:33.333%}
.c3-imggallery-item{width:50%}
.c3-splist-gallery-item{width:50%}
.c3-splist-gallery-item-in{height:auto}
.c3-image{height:280px}
#xnav-in2{padding:18px 16px 16px 16px}
#xnav .xnav-hide, #xnav .xnav-show{right:16px;top:20px}
#xnav-in{width:50%}
#o-nas, #rezervace, #cenik, #kontakty,
#about-us, #reservation, #price-list, #contacts{top:-107px}
#wphoto #wphoto-text{font-size:3.000em}
#wphoto-in{top:84px}
#wphoto .contentwidth{padding-top:84px}
.wtext-button a, .wtext-button a:visited{font-size:1.250em}
.wtext1 h2 span::after, .wtext2 h2 span::after, .wtext3 h2 span::after, .wtext4 h2 span::after{height:18px;top:18px}
.wtext-title{font-size:1.500em}
.gallery-in a{margin:0 0 24px 24px}
.gallery-in{width:50%}
.gallery{margin:24px 0 0 -24px}
.c3-splist-gallery{margin:24px 0 0 -24px}
.c3-splist-gallery-2only .c3-splist-gallery-item{width:50%}
.c3-imggallery-item .c3-imggallery-item-text{font-size:1em}
.c3-splist-gallery-item a strong, .c3-splist-gallery-item a:visited strong{}
}
@media only screen and (min-width:48em){
.contentwidth{min-width:712px;padding:0 24px}

    .lang-menu{
        display: flex;
        flex-direction: column;
        margin: 0 0 0 22px;
        padding: 5px 10px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 5px;
    }
    .lang-menu a{
        display: flex;
    }
    .lang-menu:hover{
        border: 1px solid #f2f2f2;
    }
    .lang-menu img{
        border: 1px solid #f2f2f2;
        border-radius: 3px;
    }
    .lang-opt:nth-child(2){
        display: none;
        padding: 0;
        padding-top: 15px;
    }
    .lang-opt:first-child{
        padding: 0;
    }
    .lang-menu:hover .lang-opt:nth-child(2){
        display: block;
    }

#header{height:100px}
#header::before{top:100px}
#header-in{height:100px}
#logo{height:80px;left:24px;line-height:80px;min-width:162px;top:10px}
#logo span{height:80px}
#xtoppage{height:100px}
#wifi{left:234px;top:20px}
.c3-imggallery-item{width:50%}
.c3-image{height:320px}
.c3-pagetitle{line-height:1.25em;margin-bottom:24px}
#xnav .xnav-hide, #xnav .xnav-show{display:none}
#xnav-in{background:transparent;height:0;max-height:0;overflow:visible;position:absolute;width:100%}
#xnav:target #xnav-in{max-height:0;min-height:0}
#xnav-in2{margin:48px 24px 0 300px;padding:0}
#nav .nav-menu{font-size:1em;margin:0;padding:0;text-align:right;z-index:10}
#nav .nav-menu a, #nav .nav-menu a:visited, #nav .nav-menu span{font-weight:normal}
#nav .nav-menu li{display:inline-block;float:none;line-height:24px;margin:0;padding:8px 0 0 10px;position:relative;text-transform:uppercase}
#nav .nav-menu li span{color:#666666;display:block;font-weight:bold}
#nav .nav-menu li a, #nav .nav-menu li a:visited{color:#000000;display:block;font-weight:bold;position:relative}
#nav .nav-menu li a:before{background-color:#EE3B91;bottom:16px;content:"";height:2px;left:0;opacity:0;position:absolute;top:auto;transform:scaleX(0);transition:transform 0.2s,opacity 0.2s;visibility:hidden;width:100%;z-index:0}
#nav .nav-submenu{background-color:rgba(238,59,145,0.1);border-top:none;display:block;font-size:0.875em;height:auto;left:16px;line-height:normal;margin:0;max-height:0;overflow:hidden;padding:0;position:absolute;top:32px;transition:max-height 0.3s ease-in;width:24em;z-index:200}
#nav .nav-menu .nav-submenu li{border:none;border-top:1px solid rgba(255,255,255,0.25);display:block;float:none;font-weight:normal;height:auto;line-height:20px;margin:0;padding:0;width:auto;_float:left;_height:1px}
#nav .nav-submenu a, #nav .nav-submenu span{display:block;height:20px;line-height:20px;margin:0;overflow:hidden;padding:12px 30px 12px 8px;text-align:left}
#nav .nav-menu .nav-submenu a, #nav .nav-menu .nav-submenu a:visited{color:#000000}
#nav .nav-submenu span{background-color:rgba(238,59,145,0.1);color:#EE3B91}
#nav .nav-submenu a::before{display:none}
#nav .nav-submenu a::after{background-color:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.2;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0}
#header-text{font-size:0.875em;padding:0 24px 0 0;position:absolute;right:0;text-align:right;top:16px;display: flex;}
#header-phone, #header-email{display:inline-block;margin:0 0 0 32px;padding:0}
#header-text .header-text-link, #header-text .header-text-link:visited{color:#EE3B91;display:block;padding:10px 0 4px 0;position:relative;text-decoration:none}
#header-text .header-text-link::before{background-color:#000000;bottom:1px;content:"";height:1px;left:0;opacity:0;position:absolute;top:auto;transform:scaleX(0);transition:transform 0.2s,opacity 0.2s;visibility:hidden;width:100%;z-index:0}
#o-nas, #rezervace, #cenik, #kontakty,
#about-us, #reservation, #price-list, #contacts{top:-128px}
#wphoto #wphoto-text{font-size:3.250em}
#wphoto-in{top:100px}
#wphoto .contentwidth{padding-top:100px}
.wphoto-text02{letter-spacing:0.35rem}
.wtext-button{padding:48px 0 0 0}
.wtext2-button{padding:28px 0 0 0}
.wtext1, .wtext2, .wtext3, .wtext4{padding:28px 0}
.gallery-in a{margin:0 0 0 16px;max-height:222px}
.gallery-in{width:33.333%}
.gallery{margin:24px 0 0 -16px}
.gallery-in-photo img{display:block;height:100%}
.wtext3-blocks{margin:0 0 0 -16px}
.wtext3-block{width:33.333%}
.wtext3-block-in{margin:0 0 0 16px;padding:16px}
.c3-splist-gallery-item{width:50%}
.c3-splist-gallery-2only .c3-splist-gallery-item{width:50%}
.c3-splist-gallery{margin:24px 0 0 -24px}
.c3-splist-gallery-item a strong, .c3-splist-gallery-item a:visited strong{font-size:1em}
.cmap{float:right;margin:0 0 0 32px;width:50%}
.gmap{height:256px}
.smdata-xsection-id{top:-100px}
@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled){
.xnav-show:hover ~ #xnav-in, #xnav-in:hover{max-height:0;min-height:0;transition:all 0s ease 0s}
#nav .nav-menu li a:hover{color:#EE3B91}
#nav .nav-menu li a:hover:before{opacity:1;transform:scaleX(1);visibility:visible}
#nav li:hover .nav-submenu{max-height:480px}
#nav .nav-menu .nav-submenu a:hover{color:#EE3B91}
#nav .nav-submenu a:hover::after{opacity:0;visibility:visible;width:100%}
#header-text .header-text-link:hover{color:#333333;text-decoration:none}
#header-text .header-text-link:hover::before{opacity:1;transform:scaleX(1);visibility:visible}
}
}
@media screen and (-ms-high-contrast:active) and (min-width:48em),screen and (-ms-high-contrast:none) and (min-width:48em){
.xnav-show:hover ~ #xnav-in, #xnav-in:hover{max-height:0;min-height:0;transition:all 0s ease 0s}
#nav .nav-menu li a:hover{color:#EE3B91}
#nav .nav-menu li a:hover:before{opacity:1;transform:scaleX(1);visibility:visible}
#nav li:hover .nav-submenu{max-height:480px}
#nav .nav-menu .nav-submenu a:hover{color:#EE3B91}
#nav .nav-submenu a:hover::after{opacity:0;visibility:visible;width:100%}
#header-text .header-text-link:hover{color:#333333;text-decoration:none}
#header-text .header-text-link:hover::before{opacity:1;transform:scaleX(1);visibility:visible}
}
@media only screen and (min-width:60em){
.contentwidth{min-width:856px;padding:0 24px}
#header, #header-in{height:108px}
#header::before{top:108px}
#logo{height:88px;left:24px;line-height:88px;min-width:178px;top:12px}
#logo span{height:88px}
#logo::after{margin:0 -32px 0 0}
#xtoppage{height:108px}
#wifi{left:266px;top:24px}
.footer-section{width:33.333%}
#xnav-in2{margin:52px 24px 0 320px}
#nav .nav-menu li{padding:8px 0 0 32px}
#nav .nav-submenu{left:24px}
#header-text{right:0;top:20px}
#o-nas, #rezervace, #cenik, #kontakty,
#about-us, #reservation, #price-list, #contacts{top:-139px}
#wphoto #wphoto-text{font-size:3.500em}
#wphoto-in{top:108px}
#wphoto .contentwidth{padding-top:108px}
.wphoto-text02{letter-spacing:0.4rem}
.wtext1, .wtext2, .wtext3, .wtext4{padding:32px 0}
.wtext1 h2, .wtext2 h2, .wtext3 h2, .wtext4 h2{margin:0 0 28px 0}
.wtext-title{font-size:1.625em}
.wtext1 h2 span::after, .wtext2 h2 span::after, .wtext3 h2 span::after, .wtext4 h2 span::after{top:20px}
.wtext1-text h3{font-size:1.500em}
.gallery-in a{margin:0 0 0 32px;max-height:250px}
.gallery{margin:24px 0 0 -32px}
.wtext3-blocks{margin:0 0 0 -32px}
.wtext3-block{width:33.333%}
.wtext3-block-in{margin:0 0 0 32px;padding:16px}
}
@media only screen and (min-width:72em){
.contentwidth{min-width:1048px;padding:0 40px}
#header, #header-in{height:120px}
#header::before{top:120px}
#logo{height:100px;left:40px;line-height:100px;min-width:202px;top:10px}
#logo span{height:100px}
#xtoppage{height:120px}
#wifi{left:306px;top:32px}
#xnav-in2{margin:60px 24px 0 320px}
#header-text{right:0;top:25px}
#o-nas, #rezervace, #cenik, #kontakty,
#about-us, #reservation, #price-list, #contacts{top:-151px}
#wphoto #wphoto-text{font-size:3.875em}
#wphoto-in{top:120px}
#wphoto .contentwidth{padding-top:120px}
}
@media only screen and (min-width:80em){
.contentwidth{max-width:1124px;padding:0 40px}
}