@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap');

/*  Theme Name: Bouda Klínovka
    Author: Michal Hančil
    Version: 2.43
    Author URI:michalhancil.cz
*/

 a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
     outline: none !important;
}
 .grecaptcha-badge, table caption, .fancybox-caption-wrap, h1, .hiddenbutton, .ajax-loader, .wpcf7-response-output {
     display:none!important;
}
 html, body {
     font-family: 'Roboto Slab';
     font-size: 16px;
}
 header {
     background: black url(img/header-summers.jpg) left center no-repeat;
     height: 920px;
     width: 100%;
     position: relative;
     animation: slideheader 10s linear 1 alternate both;
}
 .li.language {
     position: relative;
}
 li.language .submenulang {
     display: none;
     position: absolute;
     padding: 0;
     list-style: none;
     margin-left: 2px;
     margin-top: 5px;
}
 li.language .submenulang li {
     height: 51px;
     width: 51px;
     display: block;
     background: rgba(0, 0, 0, .7);
}
 li.language .submenulang li a {
     margin:0;
     height: 51px;
     width: auto;
     min-width: 51px;
}
 li.language:hover .submenulang {
     display: block;
}
 #jidelnilistek ul li, #napojovylistek ul li {
     display: inline-block;
     width: 100%;
}
 .skialp {
     max-width: 1250px;
     margin: 0 auto;
     text-align: center;
     font-size: 24px;
     font-weight: 300;
     padding:90px 30px 0 30px;
}
 .skialp .bold {
     color: #15365d;
     font-weight: 700;
}
.zima header, .zima .header-bouda, .zima .header-ranc{
    height: 980px;
    width: 100%;
    position: relative;
}
 .zima header {
     background: black url(img/winters.jpg) left bottom no-repeat;
     animation: slideheader 10s linear 1 alternate both;
}
 .zima .header-bouda {
     background: black url(img/header-bouda.jpg) center center no-repeat;
     background-size: cover;
     animation: 0 !important;
}
 .zima .header-ranc {
     background: black url(img/header-ranc.jpg) center center no-repeat;
     background-size: cover;
     animation: 0 !important;
}
 .logo, .modallogo {
     background: url(img/logo.svg) center center no-repeat;
     background-size: cover;
     width: 188px;
     height: 57px;
     transition: all .3s ease-in-out;
}
 .modallogoranc {
     background: url(img/ranc.svg) center center no-repeat;
     background-size: cover;
     width: 307px;
     height: 124px;
     transition: all .3s ease-in-out;
}
 .modallogo:hover, .modallogoranc:hover, .logo:hover, .rhrk:hover, .hamburger:hover {
     opacity: .7;
}
 .page-template-kravy .kravy {
     padding-bottom: 100px;
}
 .page-template-historie header, .page-template-kravy header, .page-template-default header, .page-template-news header, .page-template-webcamera header {
     height: 100px;
     min-height: 100px;
     background-size: cover;
     animation: 0 !important;
}
 .hrkb {
     background: url(img/hrkb.svg) center center no-repeat;
     background-size: cover;
     width: 475px;
     height: 450px;
     margin: 15% auto 0;
     animation: focus-in 1s ease-in-out 2s alternate both;
}
 .rhrk {
     background: url(img/hrkb.svg) center center no-repeat;
     background-size: cover;
     width: 276px;
     height: 259px;
     transition: all .3s ease-in-out;
}
.uvodni-rezervace{
	background:rgb(162, 2, 23);
	border:2px solid rgb(162, 2, 23);
	margin:15px auto 0;
	transition: all .3s ease-in-out;
	display:none;
}
.uvodni-rezervace a{
	padding:10px 15px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	font-size:19px;
	color:white;
}
.uvodni-rezervace:hover{
	background:black;
	border-color:black;
}
 .bar1, .bar2, .bar3 {
     width: 30px;
     height: 3px;
     background-color: white;
     margin: 6px 0;
     transition: all .3s ease-in-out;
}
 .hamburger {
     margin-top: 11px;
     float: right;
     z-index: 9999;
     transition: all .3s ease-in-out;
}
 .showa .hamburger {
     opacity: 1;
}
 .pointer {
     cursor: pointer;
}
 #hiddenmenu {
     opacity: 0;
     transition: all 1s ease-in-out;
     float: none;
     display: none;
     height: 0;
     width: 0;
}
 #hiddenmenu a {
     padding-left: 10px;
     padding-right: 10px;
     font-weight: 300;
}
 .language {
     padding:5px;
}
 .language a, .language a:hover {
     padding: 10px !important;
}
 .navbar-nav > li {
     float: right;
}
 .showa #hiddenmenu {
     opacity: 1 !important;
     display: inline;
     height: auto;
     float: right;
     width: auto;
}
.showa .bar1, .showa .bar3{
    background: #d20328;
}
 .showa .bar1 {
     transform: rotate(-45deg) translate(-5px, 6px);
}
 .showa .bar2 {
     opacity: 0;
}
 .showa .bar3 {
     transform: rotate(45deg) translate(-7px, -8px);
}
ul.navbar-nav .napistenam2 {
     text-transform: uppercase;
     cursor: pointer;
}
.napistenam2 a{
	border:2px solid rgb(162, 2, 23)!important;
	background:rgb(162, 2, 23);
}
.napistenam2 a:hover {
     background: transparent;
     color: white !important;
     border: 2px solid white !important;
}
 ul.navbar-nav {
     float: right;
     list-style: none;
     padding-left: 0;
     transition: all .3s ease-in-out;
}
 ul.navbar-nav li a {
     color: white;
     font-size: 19px;
     font-weight: 700;
     text-decoration: none;
     padding:15px;
     margin:0 3px;
     display: inline-block;
     text-align: center;
     position: relative;
     border: 2px solid transparent;
     transition: all .3s ease-in-out;
}
 .darker ul.navbar-nav li a:hover {
     border-color: white;
     background: transparent;
}
 ul.navbar-nav li a:hover {
     border: 2px solid white !important;
}
 ul.navbar-nav li:hover > ul {
     display: block;
     color: #1d1d1b;
}
 .topmenu {
     z-index: 9999;
     width: 100%;
     position: fixed;
     top: 0;
     height: 100px;
     padding:50px 20px 0 20px;
     transition: all .3s ease-in-out;
}
 .dark {
     background: rgba(0, 0, 0, .5);
     padding-top: 25px;
}
 .darker {
     background: rgba(0, 0, 0, .8);
	 padding-top: 25px;
}
 .headerh2 {
     background: url(img/headerh2.svg) center center no-repeat;
     background-size: contain;
     width: 850px;
     height: 137px;
     margin: 0 auto;
     animation: focus-in 2s ease-in-out 2s alternate both;
}
 .socialpad {
     animation: focus-in 2s ease-in-out 2s alternate both;
     width: 100%;
     bottom: 30px;
     padding:0 30px;
     position: absolute;
     display:flex;
     justify-content:space-between;
     align-items:flex-end;
}
 .socialpad .left{
     display:flex;
     justify-content:flex-start;
     align-items:flex-end;
     gap:15px;
}
 .socialpad .right{
     display:flex;
     justify-content:flex-end;
     align-items:center;
     gap:15px;
}
 .socialpad .item a {
     width: 100%;
     height: 100%;
     display: block;
}
 .socialpad .item {
     transition: all .3s ease-in-out;
}
 .socialpad .item:hover {
     opacity: .7;
}
 .socialpad .left .tripadvisor {
     background: url(img/trip-advisor-white.svg) center center no-repeat;
     background-size: contain;
     width: 150px;
     height: 150px;
}
 .socialpad .left .booking {
     background: url(img/award.svg) center center no-repeat;
     background-size: contain;
     width: 225px;
     height: 65px;
}
 .socialpad .button {
     background:white;
     border:none;
     color:black;
     transition: all .3s ease-in-out;
	 border-radius:4px;
}
 .socialpad .button:hover {
     background:black;
     color:white;
}
 .socialpad .button a {
     font-size: 18px;
     padding: 8px 15px;
     text-transform: uppercase;
     display: inline-block;
     text-align: center;
     position: relative;
     font-weight: 500;
     color: inherit;
     text-decoration: none;
}
.socialpad .right .facebook, .socialpad .right .instagram{
	 width: 42px;
     height: 42px;
	 border-radius:4px;
}
 .socialpad .right .facebook {
     background: black url(img/fb-icon.svg?v=5) center center no-repeat;
     background-size: cover;
}
 .socialpad .right .instagram {
     background: black url(img/ig-icon.svg?v=5) center center no-repeat;
     background-size: cover;
}
 .aboutus {
     background: url(img/aboutus.jpg) center center no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 1000px;
     padding:120px 0;
}
 .aboutus h2 {
     color: #a3bfd8;
     text-align: center;
     font-size: 55px;
     font-weight: 300;
     text-transform: uppercase;
     padding-bottom: 90px;
}
 .aboutus h2 .bold {
     color: white;
     font-weight: 700;
}
 .aboutus p {
     color: white;
     font-size: 23px;
     text-align: justify;
     margin-bottom: 15px;
     font-weight: 300;
}
 .aboutus .morepad {
     padding:0 30px;
}
 .aboutus .arrow {
     background: url(img/arrow.png) center center no-repeat;
     background-size: cover;
     width: 565px;
     height: 31px;
     margin: 90px auto 0;
}
 .flash {
     background: url(img/flash.jpg) center center no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 200px;
     padding:50px 15px;
     text-align: center;
}
 .flash .symbolup {
     background: url(img/symbolup.png) center center no-repeat;
     background-size: cover;
     width: 87px;
     height: 44px;
     margin: 0 auto;
}
 .flash h2 {
     color: #3c2318;
     font-weight: 700;
     font-size: 34px;
	 max-width:1800px;
	 margin:30px auto;
}
 .flash .symboldown {
     background: url(img/symboldown.png) center center no-repeat;
     background-size: cover;
     width: 87px;
     height: 44px;
     margin: 0 auto;
}
 .foodlist {
     background: url(img/foodlist.jpg) center center no-repeat;
     background-size: cover;
     width: 100%;
     height: 961px;
     padding:130px 30px 90px 30px;
}
 .foodlist h2 {
     color: white;
     text-align: center;
     font-size: 55px;
     font-weight: 300;
     margin-top: 0;
     text-transform: uppercase;
}
 .foodlist h2 .bold {
     font-weight: 700;
     display: block;
}
 .foodlist .flex{
     margin-top: 200px;
     display:flex;
     justify-content:center;
     align-items:center;
     flex-wrap:wrap;
}
 .foodlist button {
     background: rgba(162, 2, 23, 1);
     text-align: center;
     border: 5px solid rgba(162, 2, 23, 1);
     transition: all .3s ease-in-out;
     margin:15px;
}
 .foodlist button:hover {
     background: rgba(162, 2, 23, .2);
}
 .foodlist button a {
     width: 100%;
     height: 100%;
     display: block;
     text-transform: uppercase;
     color: white;
     padding:20px 25px;
     font-size: 42px;
     font-weight: 500;
     text-decoration: none;
     transition: all .3s ease-in-out;
}
 .relax {
     background: url(img/relax.jpg) center center no-repeat;
     background-size: cover;
     width: 100%;
     height: 900px;
     padding:120px 0 90px 0;
}
 .relax h2 {
     color: #15365d;
     text-align: center;
     font-size: 55px;
     font-weight: 300;
     margin-top: 0;
     text-transform: uppercase;
}
 .relax h2 .bold {
     font-weight: 700;
}
 .relax .button {
     background: rgba(162, 2, 23, 1);
     margin: 250px auto 0;
     text-align: center;
     width: 500px;
     height: 118px;
     border: 5px solid rgba(162, 2, 23, 1);
     transition: all .3s ease-in-out;
}
 .page-template-news #podstrana h2 {
     font-size: 40px;
}
 .page-template-news .obsah .entry-title {
     font-size: 30px !important;
}
 .relax .button:hover {
     background: rgba(162, 2, 23, .2);
}
 .relax .button a {
     width: 100%;
     height: 100%;
     padding-top: 23px;
     display: block;
     text-transform: uppercase;
     color: white;
     font-size: 45px;
     text-decoration: none;
     font-weight: 500;
     transition: all .3s ease-in-out;
     cursor: pointer;
}
 .map {
     height: 600px;
     width: 100%;
     position: relative;
     z-index: 9996;
     background: url(img/map.jpg) center center no-repeat;
     background-size: cover;
}
 .map a {
     width: 100%;
     height: 100%;
     display: block;
}
 .map iframe {
     width: 100%;
     height: 100%;
     filter: grayscale(100%);
     transition: all .3s ease-in-out;
}
 .map .hold:hover {
     background: rgba(0, 0, 0, .5);
}
 .map:hover iframe {
     filter: grayscale(0);
}
.map .hold .icon {
    background: url(img/click.png) center center no-repeat;
    background-size: cover;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.map .open span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 50px));
	transform-origin: center;
    display: block;
    text-align: center;
    color: white;
    font-weight: 700;
    opacity: 0;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}
.map .hold:hover .icon {
    opacity: 1;
    animation-name: flicker-out;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
 .map .hold:hover .open span {
     opacity: 1;
}
 .map .hold {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     cursor: pointer;
     z-index: 9997;
     transition: all .3s ease-in-out;
}
 .where {
     background: url(img/where.jpg) center center no-repeat;
     background-size: cover;
     min-height: 1000px;
     width: 100%;
     padding:135px 15px 90px 15px;
}
 .where h2 {
     color: black;
     text-align: center;
     font-size: 55px;
     font-weight: 700;
     margin-top: 0;
     text-transform: uppercase;
}
 .where p {
     color: black;
     font-size: 34px;
     text-align: center;
     max-width: 1450px;
     margin: 50px auto 0;
}
.where a{
	font-weight: 700;
	color:black;
	text-decoration:none;
	border-bottom:1px solid black;
}
.where a:hover{
	border-bottom:1px solid transparent;
}
 .where .bold {
     font-weight: 700;
}
 .where .arrow {
     background: url(img/arrowblack.png) center center no-repeat;
     background-size: cover;
     width: 565px;
     height: 32px;
     margin: 90px auto 0;
}
 .window {
     background: url(img/window.png) center center no-repeat;
     background-size: cover;
     height: 22px;
     width: 22px;
     position: relative;
     top: 5px;
     display: inline-block;
}
 .where .buttonplace {
     display: flex;
     margin: 90px auto 0;
     width: 1250px;
}
 .where .button {
     border: 4px solid black;
     height: 125px;
     width: 540px;
     margin:0 40px;
     transition: all .3s ease-in-out;
}
 .letni, .zimni {
     position: relative;
}
 .where .letni:hover {
     padding-left: 20px;
}
 .where .zimni:hover {
     padding-right:20px;
}
 .where .letni:after {
     content: "";
     background: url(img/back.svg) center center no-repeat;
     background-size: cover;
     height: 40px;
     width: 40px;
     position: absolute;
     top: 40px;
     left: 15px;
     color: white;
     font-size: 80px;
     opacity: 0;
     transition: all .3s ease-in-out;
}
 .where .letni:hover:after, .where .zimni:hover:after {
     opacity: 1;
}
 .where .zimni:after {
     content: "";
     background: url(img/next.svg) center center no-repeat;
     background-size: cover;
     height: 40px;
     width: 40px;
     position: absolute;
     top: 40px;
     right: 15px;
     color: white;
     font-size: 80px;
     opacity: 0;
     transition: all .3s ease-in-out;
}
 .where .button:hover {
     background: black;
}
 .where .button:hover a {
     color: white;
}
 .relax .under {
     display: block;
     text-align: center;
     font-size: 18px;
     margin-top: 15px;
     color: white;
}
 .where .button a {
     transition: all .3s ease-in-out;
     padding-top: 23px;
     color: black;
     text-decoration: none;
     text-transform: uppercase;
     font-size: 50px;
     text-align: center;
     font-weight: 500;
     width: 100%;
     height: 100%;
     display: inline-block;
}
 .headernews {
     width: 90%;
     height: 132px;
     background: rgba(0, 0, 0, .6);
     margin: 40px auto 0;
     padding:8px 15px 0 15px;
     overflow: hidden;
     transition: all .3s ease-in-out;
     animation: focus-in 2s ease-in-out 2s alternate both;
}
 .headernews:hover {
     background: rgba(0, 0, 0, .6);
}
 .headernews h2 {
     color: white;
     font-weight: 700;
     font-size: 36px;
     text-align: center;
     margin-top: 35px;
     text-transform: uppercase;
}
 .headernews .entry-title a {
     color: white;
     font-size: 20px;
     font-weight: 700;
     text-decoration: none;
     text-transform: uppercase;
}
 .headernews .entry-title {
     margin:10px 0 0 0;
     text-align: left;
}
 .headernews .entry-title a:hover {
     border-bottom: 2px solid white;
}
 .headernews .entry-summary {
     color: white;
     font-size: 16px;
     height: 45px;
     overflow: hidden;
     text-align: justify;
}
 .entry-summary {
     text-align: justify;
}
 .headernews .entry-odkaz {
     position: relative;
     top: -28px;
     float: right;
     opacity: 0;
     transition: all .3s ease-in-out;
}
 .headernews .entry-odkaz a {
     text-decoration: none;
}
 .photowebcamera {
     width: 100%;
     overflow: auto;
     background: black url(img/rozmaz-summer.jpg) center center no-repeat;
     background-size: cover;
     padding:50px 0;
}
.photowebcamera p{
	display:none;
}
 .zima .photowebcamera {
     background: black url(img/rozmaz-winter.jpg) center center no-repeat;
     background-size: cover;
}
 #podstrana .privacy-policy a {
     color: black;
     font-weight: 700;
     text-decoration: none;
     border-bottom: 2px solid black;
}
 #podstrana .privacy-policy a:hover {
     border-bottom: 2px solid transparent;
}
 .page-template-webcamera #podstrana {
     padding:0;
}
 .photowebcamera img {
     width: 100%;
     display: block;
     margin: 0 auto;
     border: 3px solid black;
     transition: all .3s ease-in-out;
}
 .photowebcamera img:hover {
     opacity: .7;
}
 footer {
     background: white url(img/footer.jpg) bottom center no-repeat;
     background-size: contain;
     min-height: 1724px;
     padding:120px 0 60px 0;
}
 footer .kudyZnudy{
	 margin-top:25px;
	text-align:center;
 }
 footer .kudyZnudy a{
	display:block;
	transition: all .3s ease-in-out;
 }
 footer .kudyZnudy a:hover{
	opacity:.7;
 }
 footer .button {
     background: #a20217;
     text-align: center;
     width: 500px;
     height: 115px;
     border: 5px solid #a20217;
     transition: all .3s ease-in-out;
     margin:50px auto;
}
 footer .button:hover {
     background: transparent;
}
 footer .button:hover a {
     color: #a20217;
}
 footer .window {
     background: url(img/windowblack.png) bottom center no-repeat;
     background-size: cover;
}
 footer .button a {
     width: 100%;
     height: 100%;
     padding-top: 23px;
     display: block;
     text-transform: uppercase;
     color: white;
     border-bottom: none !important;
     font-size: 45px;
     font-weight: 500;
     text-decoration: none;
     transition: all .3s ease-in-out;
}
 footer .under, footer .info {
     display: block;
     text-align: center;
     font-size: 18px;
     margin-top: 15px;
     color: black;
}
 footer h2 {
     color: black;
     text-align: center;
     font-size: 55px;
     font-weight: 700;
     margin: 0;
     text-transform: uppercase;
}
 footer h3 {
     color: #a20217;
     text-align: center;
     font-size: 55px;
     font-weight: 700;
     text-transform: uppercase;
     margin:5px 0;
}
 footer h3 .thin {
     font-weight: 300;
     color: black;
}
 footer .email {
     text-align: center;
     font-size: 45px;
     font-weight: 400;
     color: #87888a;
     display: block;
}
 footer .tel {
     text-align: center;
     display: block;
	 font-weight:400;
     font-size: 45px;
}
 footer .tel .thin {
     font-weight: 300;
     color: black;
}
 #podstrana, .singlepost {
     padding:15px 0 200px 0;
}
 #podstrana h2 {
     font-weight: 700;
     margin-bottom: 20px;
     text-transform: uppercase;
}
 .entry-title {
     text-transform: uppercase;
     font-weight: 700;
     margin-bottom: 5px;
}
 .date {
     color: #a20217;
     font-weight: 700;
     margin:0 0 20px 0;
     font-size: 18px;
}
 .singlepost .button {
     background: #a20217;
     border: 2px solid #a20217;
     display: inline-block;
     margin-top: 20px;
     transition: all .3s ease-in-out;
}
 .singlepost .button a {
     color: white;
     display: block;
     padding: 10px 25px;
     font-weight: 500;
     text-decoration: none;
     transition: all .3s ease-in-out;
}
 .singlepost .button:hover {
     background: transparent;
}
 .singlepost .button:hover a {
     color: #a20217;
}
 .entry-utility {
     display: none;
}
 .read-more {
     background: #a20217;
     margin-top: 10px;
     color: white;
     display: block;
     padding: 10px 25px;
     font-weight: 700;
     text-decoration: none;
     transition: all .3s ease-in-out;
}
 .entry-title a {
     color: #a20217;
     border-bottom: 2px solid transparent;
     text-decoration: none;
}
 .entry-title a:hover {
     border-bottom: 2px solid #a20217;
}
 .ivycat-post .button {
     background: #a20217;
     border: 2px solid #a20217;
     display: inline-block;
     margin-top: 20px;
     transition: all .3s ease-in-out;
}
 .ivycat-post .button a {
     color: white !important;
     display: block;
     border-bottom: 0 !important;
     padding: 10px 25px;
     font-weight: 500;
     text-decoration: none;
     transition: all .3s ease-in-out;
}
 .ivycat-post .button:hover {
     background: transparent;
}
 .ivycat-post .button:hover a {
     color: #a20217 !important;
}
 .cont {
     padding:0 50px;
     overflow: auto;
}
 .contpad{
     margin:60px 0 0 0;
}
 .cont .left {
     width: 50%;
     float: left;
     text-align: right;
     padding-right: 25px;
     font-size: 20px;
}
 .cont .right {
     width: 50%;
     float: left;
     text-align: left;
     padding-left: 25px;
     font-size: 20px;
}
 .cont h4 {
     font-weight: 700;
     font-size: 20px;
     margin-top:0;
}
 .cont .bold{
     font-weight:700;
     opacity:.6;
}
 .cont p .bold{
     opacity:1;
}
 .cont span {
     display: block;
}
 .grey {
     margin: 50px auto 0;
     width: 600px;
     font-size: 20px;
     color: #87888a;
     text-align: center;
     display: block;
}
 .downfooter h2 {
     color: white;
     margin-top: 250px;
}
 .downfooter .underh2 {
     color: #b1b3b4;
     display: block;
     margin-top: 10px;
     text-align: center;
     font-size: 25px;
}
 .downfooter .zijou {
     margin: 50px auto 0;
     width: 340px;
     height: 79px;
     background: url(img/live.svg) bottom center no-repeat;
     background-size: cover;
}
 .downfooter ul {
     list-style: none;
     text-align: center;
     margin-top: 20px;
     padding:0 85px 0 0;
}
 .downfooter ul li a {
     color: #909192;
     text-decoration: none;
	 border-bottom: 2px solid #909192;
}
 .downfooter ul li {
     display: inline;
     color: #909192;
     font-size: 22px;
     border-bottom: 2px solid transparent;
     margin-left: 5px;
     margin-right: 5px;
}
 .downfooter ul li a:hover {
     border-color:transparent;
}
 .socialfooter {
     display: flex;
     width: 225px;
     margin: 20px auto 0;
     overflow: auto;
}
 .socialfooter .item {
     margin:0 10px;
     transition: all .3s ease-in-out;
	 border-radius:5px;
}
 .socialfooter .item a {
     width: 100%;
     height: 100%;
     display: block;
}
 .socialfooter .item:hover {
     opacity: .7;
}
 .socialfooter .instagram {
     background: url(img/ig-icon.svg) center center no-repeat;
     background-size: contain;
     width: 43px;
     height: 43px;
}
 .socialfooter .facebook {
     background: url(img/fb-icon.svg) center center no-repeat;
     background-size: contain;
     width: 43px;
     height: 43px;
}
 .socialfooter .tripadvisor {
     background: url(img/tripadvisor.svg) center center no-repeat;
     background-size: contain;
     width: 43px;
     height: 43px;
}
 .header-bouda {
     background: black url(img/header-bouda.jpg) center center no-repeat;
     background-size: cover;
     height: 980px;
     width: 100%;
     position: relative;
     animation: 0 !important;
}
 .header-ranc {
     background: black url(img/header-ranc.jpg) center center no-repeat;
     background-size: cover;
     height: 980px;
     width: 100%;
     position: relative;
     animation: 0 !important;
}
 .modal.left.fade .modal-dialog {
     left: -320px;
     transition: opacity .5s linear, left .5s ease-in-out;
}
 .modal.left.fade.in .modal-dialog {
     left: 0;
}
 .modal.right.fade .modal-dialog {
     right: -320px;
     transition: opacity .5s linear, right .5s ease-in-out;
}
 .modal.right.fade.in .modal-dialog {
     right: 0;
}
 .modal {
     z-index: 9999;
     padding-right: 0 !important;
}
 .modal .left {
     background: black;
     border-top: 15px solid #be0202;
     height: 100%;
}
 .modal-content {
     background: white;
     height: 100%;
     width: 100%;
     border-radius: 0;
     padding: 0;
     box-shadow: none !important;
     border: none !important;
}
 .modal-body {
     overflow: auto;
     overflow-x: hidden !important;
	 padding:0!important;
     height: 100%;
}
 .modal-dialog {
     width: 80% !important;
     height: 966px !important;
     margin: 0 auto;
}
 .closemodal {
     text-decoration: none;
     background: none;
     float: right;
     transition: all .3s ease-in-out;
     text-transform: uppercase;
     margin: 5px;
     position: fixed;
     top: 20px;
     right: 20px;
     border: none !important;
}
 .closemodal:hover {
     transform: rotate(90deg);
}
.hash .bar1, .hash .bar3{
    background: #a00202;
}
 .hash .bar1 {
     transform: rotate(-45deg) translate(-5px, 6px);
}
 .hash .bar2 {
     opacity: 0;
}
 .hash .bar3 {
     transform: rotate(45deg) translate(-7px, -8px);
}
 .header-bouda h2 {
     text-align: center;
     color: #15365d;
     font-weight: 300;
     margin-top: 22%;
     font-size: 65px;
     animation: focus-in 1s ease-in-out 2s alternate both;
}
 .header-bouda h2 span {
     font-weight: 700;
}
 .header-bouda h3 {
     text-align: center;
     color: #15365d;
     font-weight: 300;
     font-size: 34px;
     margin-top: 40px;
     display: block;
     animation: focus-in 2s ease-in-out 2s alternate both;
}
 .header-bouda h3 span {
     font-weight: 700;
     padding-top: 10px;
     display: block;
}
 .header-bouda .buttonr {
     background: rgba(162, 2, 23, 1);
     margin: 90px auto 0;
     text-align: center;
     width: 500px;
     height: 118px;
     border: 5px solid rgba(162, 2, 23, 1);
     transition: all .3s ease-in-out;
     animation: focus-in 2s ease-in-out 2s alternate both;
     position: relative;
     z-index: 1;
     cursor: pointer;
}
 .header-bouda .under {
     animation: focus-in 2s ease-in-out 2s alternate both;
}
 .header-bouda .buttonr:hover {
     background: rgba(162, 2, 23, .2);
}
 .header-bouda .buttonr a {
     width: 100%;
     height: 100%;
     padding-top: 23px;
     display: block;
     text-transform: uppercase;
     color: white;
     font-size: 45px;
     transition: all .3s ease-in-out;
     text-decoration: none;
}
 .header-bouda .under {
     display: block;
     text-align: center;
     font-size: 18px;
     margin-top: 15px;
     color: white;
}
 .aboutus {
     background: url(img/aboutus.jpg) center center no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 1000px;
     padding:100px 0;
}
 .ubytovani .white {
     height: 475px;
     background: white;
     width: 100%;
     padding-top: 80px;
     text-align: center;
}
 .ubytovani .white h3 {
     color: #15365d;
     font-weight: 300;
     font-size: 55px;
     margin-top: 0;
}
 .ubytovani .white h3 span {
     font-weight: 700;
     display: block;
}
 .ubytovani .white .arrow {
     background: url(img/arrowblue.png) center center no-repeat;
     background-size: cover;
     width: 566px;
     height: 32px;
     margin: 60px auto 0;
}
 .teambuilding {
     background: url(img/teambuilding.jpg) center center no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 1080px;
     padding:100px 0 80px;
}
 .teambuilding h2 {
     color: #a3bfd8;
     text-align: center;
     font-size: 55px;
     font-weight: 300;
     text-transform: uppercase;
     padding-bottom: 90px;
}
 .teambuilding h2 .bold {
     color: white;
     font-weight: 700;
}
 .teambuilding p {
     color: white;
     font-size: 23px;
     font-weight: 300;
     text-align: justify;
     margin-bottom: 15px;
}
 .teambuilding .morepad {
     padding:0 30px;
}
 .teambuilding .button {
     background: rgba(162, 2, 23, 1);
     margin: 110px auto 0;
     text-align: center;
     width: 500px;
     height: 118px;
     border: 5px solid rgba(162, 2, 23, .85);
     transition: all .3s ease-in-out;
     cursor: pointer;
}
 .teambuilding .button:hover {
     background: rgba(162, 2, 23, 0);
}
 .teambuilding .button a {
     width: 100%;
     height: 100%;
     padding-top: 23px;
     display: block;
     text-transform: uppercase;
     color: white;
     font-weight: 500;
     font-size: 45px;
     text-decoration: none;
     transition: all .3s ease-in-out;
}
 .teambuilding .under {
     display: block;
     text-align: center;
     font-size: 18px;
     margin-top: 15px;
     color: white;
}
 .ubytovanidva {
     overflow: hidden;
}
 .ubytovanidva .col33 {
     float: left;
     width: 33.333333%;
     overflow: hidden;
}
 .pokojitem {
     height: 360px;
     position: relative;
     width: 100%;
     background-size: cover !important;
     background-position: center center !important;
}
 .pokojitem:hover .hover {
     background: rgba(162, 2, 23, .85);
}
 .pokojitem .hover {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 120px;
     background: rgba(0, 0, 0, .4);
     padding-top: 10px;
     transition: all .3s ease-in-out;
     cursor: pointer;
}
 .pokojitem .hover h3 {
     font-size: 40px;
     color: white;
     float: left;
     font-weight: 400;
     margin:30px 0 0 25px;
}
 .pokojitem .hover h4 {
     float: right;
     color: white;
     text-align: right;
     padding-right: 25px;
     margin-top: 40px;
}
 .pokojitem .hover h4.with {
     margin-top: 30px;
}
 .cenik {
     padding:90px 100px;
}
 .cenik h2 {
     color: #15365d;
     font-weight: 300;
     font-size: 55px;
     text-align: center;
}
 .cenik h2 span {
     display: block;
     font-weight: 700;
}
 .zobut {
     background: #2e4d1f;
     border: 2px solid #2e4d1f;
     height: 45px;
     transition: all .3s ease-in-out;
}
 .zobut a {
     width: 100%;
     height: 100%;
     display: block;
     color: white;
     font-weight: 700;
     transition: all .3s ease-in-out;
     text-decoration: none;
}
 .zobut a span {
     top: 9px;
     position: relative;
}
 .zobut:hover {
     background: transparent;
}
 .zobut:hover a {
     color: #2e4d1f;
}
 .cenik h3 {
     font-weight: 300;
     color: #14365d;
     margin:100px 0 20px 0;
     font-size: 26px;
}
 .cenik h3 span {
     font-weight: 700;
     display: block;
}
 .cenik table tr th {
     background: #14365d;
     color: white;
     border-left: 2px solid white;
     border-right: 2px solid white;
     font-weight: 700;
     text-align: center;
}
.cenik table thead tr td{
	background: #14365d;
}
 .cenik table tr th span {
     font-weight: 300;
}
 .cenik table tr td {
     border-left: 2px solid white;
     border-right: 2px solid white;
	 text-wrap:nowrap;
	 vertical-align:middle;
}
 .cenik .tablepress-id-6 .row-1 .column-3, .cenik .tablepress-id-6 .row-1 .column-1, .cenik .tablepress-id-6 .row-2 .column-3, .cenik .tablepress-id-6 .row-2 .column-6, .cenik .tablepress-id-7 .row-1 .column-3, .cenik .tablepress-id-7 .row-1 .column-1, .cenik .tablepress-id-7 .row-2 .column-3, .cenik .tablepress-id-7 .row-2 .column-6{
     background-color:#14365d!important;
     color:white;
     text-align:center;
}
 .cenik .tablepress-id-6 .row-1 .column-3, .cenik .tablepress-id-7 .row-1 .column-3{
     font-weight:700;
     text-transform:uppercase;
}
 .tablepress > * + tbody > * > *, .tablepress > tbody > * ~ * > *, .tablepress > tfoot > * > *{
     border-top:2px solid white!important;
}
 .tablepress .odd td {
     text-align: center;
     vertical-align: baseline;
     display: table-cell;
     vertical-align: middle;
}
 .tablepress .even td {
     background-color: rgba(217, 217, 217, .8) !important;
     text-align: center;
     vertical-align: baseline;
     display: table-cell;
     vertical-align: middle;
}
 .banner{
     padding:40px 15px;
     text-align:center;
     background: url(img/flash.jpg) center center no-repeat;
     background-size:cover;
}
 .banner h2{
     margin:15px 0;
     font-size:30px;
     font-weight:700;
}
.banner .symbolup, .banner .symboldown{
    width: 87px;
    height: 44px;
    margin: 0 auto;
} 
 .banner .symbolup {
     background: url(img/symbolup.png) center center no-repeat;
     background-size: cover;
}
 .banner .symboldown {
     background: url(img/symboldown.png) center center no-repeat;
     background-size: cover;
}
 .cenik table tr .column-1 {
     font-weight: 700;
     padding: 10px;
     text-align: left;
     width:35%;
}
 .cenik table tr .column-1 span {
     font-weight: 300;
}
 .cenik .arrowblue {
     background: url(img/arrowblue.png) center center no-repeat;
     background-size: cover;
     width: 566px;
     height: 32px;
     margin: 60px auto;
}
 .cenik .tablepress {
     transition: all .3s ease-in-out;
}
 .cenik .tablepress:hover {
     opacity: .85;
}
 .contdva {
     overflow: auto;
}
.contdva .left, .contdva .right{
    float: left;
     width: 50%;
}
 .contdva .left {
     padding-right: 45px;
}
 .contdva .right {
     padding-left: 45px;
}
 .contdva p {
     font-size: 24px;
     text-align: justify;
     font-weight: 300;
     margin:25px 0;
}
 .contdva .blue {
     color: #15365d;
     font-weight: 700;
}
 .contdva .right .blue {
     font-weight: 700;
}
 .contdva h4 {
     font-weight: 700;
     font-size: 34px;
     color: #15365d;
     margin:45px 0;
}
 .contdva h5 {
     color: #14365d;
     font-size: 26px;
     margin-top: 25px;
     font-weight: 700;
}
 .contdva .right span {
     font-size: 24px;
     font-weight: 300;
}
 .underarrow {
     font-weight: 700;
     font-size: 36px;
     color: #15365d;
     text-align: center;
     margin:10px 0 60px;
}
 .cenik .znak {
     background: url(img/symboldownblue.png) center center no-repeat;
     background-size: cover;
     width: 87px;
     height: 44px;
     margin: 0 auto;
}
 .cenik .button {
     background: rgba(162, 2, 23, 1);
     margin: 75px auto 0;
     text-align: center;
     width: 500px;
     height: 118px;
     border: 5px solid rgba(162, 2, 23, .85);
     transition: all .3s ease-in-out;
     cursor: pointer;
}
 .cenik .button:hover {
     background: rgba(162, 2, 23, 0);
}
 .cenik .button:hover a {
     color: rgba(162, 2, 23, 1);
}
 .cenik .button a {
     width: 100%;
     height: 100%;
     padding-top: 23px;
     display: block;
     text-transform: uppercase;
     color: white;
     font-weight: 500;
     font-size: 45px;
     text-decoration: none;
     transition: all .3s ease-in-out;
}
 .cenik .under {
     display: block;
     text-align: center;
     font-size: 18px;
     margin-top: 15px;
     color: black;
}
 .cenik .window {
     background: url(img/windowblack.png) bottom center no-repeat;
     background-size: cover;
}
 .history {
     min-height: 1600px;
     height: auto;
     width: 100%;
     background: url(img/history.jpg) bottom center no-repeat;
     background-size: cover;
     padding:100px 0 80px 0;
}
 .history h2 {
     color: #7b7c7e;
     text-align: center;
     font-size: 55px;
     font-weight: 300;
     text-transform: uppercase;
     padding-bottom: 90px;
}
 .history h2 span {
     color: white;
     display: block;
     font-weight: 700;
}
 .history p {
     color: white;
     font-size: 23px;
     font-weight: 300;
     text-align: justify;
     margin-bottom: 15px;
}
 .history .arrow {
     background: url(img/arrowgrey.png) center center no-repeat;
     background-size: cover;
     width: 565px;
     height: 31px;
     margin: 90px auto 0;
}
 .history .morepad { 
     padding:0 30px;
}
 .history h3 {
     font-weight: 700;
     font-size: 32px;
     color: white;
     text-align: center;
     margin:70px 0;
     padding-left: 10px;
     padding-right: 10px;
}
 .history .symboldown {
     background: url(img/symboldowngrey.png) center center no-repeat;
     background-size: cover;
     width: 87px;
     height: 44px;
     margin: 0 auto;
}
 .history .button {
     background: #7b7c7e;
     margin: 20px auto 50px;
     text-align: center;
     width: 626px;
     height: 123px;
     border: 5px solid #7b7c7e;
     transition: all .3s ease-in-out;
}
 .history .button:hover {
     background: transparent;
}
 .history .button:hover a {
     color: #7b7c7e;
}
 .history .button a {
     width: 100%;
     height: 100%;
     padding-top: 15px;
     display: block;
     text-transform: uppercase;
     color: white;
     font-size: 60px;
     font-weight: 500;
     text-decoration: none;
     transition: all .3s ease-in-out;
}
 .header-ranc h2 {
     text-align: center;
     color: white;
     font-weight: 300;
     margin-top: 22%;
     font-size: 55px;
     animation: focus-in 1s ease-in-out 2s alternate both;
}
 .header-ranc h2 span {
     font-weight: 700;
}
 .header-ranc .buttonr:hover {
     background: rgba(162, 2, 23, .2);
}
 .header-ranc .buttonr a {
     width: 100%;
     height: 100%;
     padding-top: 23px;
     display: block;
     text-transform: uppercase;
     color: white;
     font-size: 45px;
     transition: all .3s ease-in-out;
     text-decoration: none;
}
 .header-ranc .buttonr {
     background: rgba(162, 2, 23, 1);
     margin: 0 auto;
     text-align: center;
     width: 600px;
     height: 118px;
     border: 5px solid rgba(162, 2, 23, 1);
     transition: all .3s ease-in-out;
     position: relative;
     z-index: 1;
     animation: focus-in 2s ease-in-out 2s alternate both;
}
 .header-ranc .nejvyse {
     background: url(img/nejvyse.svg) center center no-repeat;
     background-size: contain;
     width: 1000px;
     height: 206px;
     margin: 0 auto;
     animation: focus-in 2s ease-in-out 2s alternate both;
}
 .aboutusr {
     background: url(img/aboutusranc.jpg) center center no-repeat;
     background-size: cover;
     width: 100%;
     min-height: 1000px;
     padding:120px 0;
}
 .aboutusr h2 {
     color: #adb264;
     text-align: center;
     font-size: 55px;
     font-weight: 300;
     text-transform: uppercase;
     padding-bottom: 90px;
}
 .aboutusr h2 .bold {
     color: white;
     font-weight: 700;
}
 .aboutusr p {
     color: white;
     font-size: 23px;
     text-align: justify;
     margin-bottom: 15px;
     font-weight: 300;
}
 .aboutusr .morepad { 
     padding:0 30px;
}
 .aboutusr .arrow {
     background: url(img/arrow.png) center center no-repeat;
     background-size: cover;
     width: 565px;
     height: 31px;
     margin: 90px auto 0;
}
 .prodej {
     background: white url(img/prodej.jpg) bottom center no-repeat;
     background-size: cover;
     height: 1000px;
     width: 100%;
     padding:0 15px 90px 15px;
     position: relative;
}
 .kravy .arrow {
     background: url(img/arrowgreen.png) center center no-repeat;
     background-size: cover;
     width: 565px;
     height: 31px;
     margin: 90px auto 0;
}
 .brigada {
     background: url(img/brigada.jpg) center center no-repeat;
     background-size: cover;
     height: 1080px;
     width: 100%;
     padding:100px 15px 90px 15px;
     position: relative;
}
 .brigada h2 {
     color: white;
     text-align: center;
     font-size: 60px;
     margin-top: 0;
     font-weight: 300;
     text-transform: uppercase;
}
 .brigada p {
     color: white;
     font-size: 22px;
     margin: 0 auto;
     text-align: center;
     padding: 25px;
     background: rgba(0, 0, 0, .5);
}
 .brigada .greenu {
     font-weight: 300;
     color: #2f4d20;
}
 .brigada span {
     display: block;
     font-weight: 700;
}
 .brigada .buttonr {
     background: rgba(162, 2, 23, 1);
     margin: 90px auto 0;
     text-align: center;
     width: 700px;
     height: 118px;
     border: 5px solid rgba(162, 2, 23, 1);
     transition: all .3s ease-in-out;
     z-index: 1;
}
 .brigadatext {
     position: absolute;
     left: calc(50% - 700px);
     right: calc(50% - 700px);
     max-width: 1000px;
     margin: 0 auto;
     bottom: 90px;
     display: none !important;
}
 .brigada .buttonr:hover {
     background: rgba(162, 2, 23, .2);
}
 .boldpa {
     font-weight: bold;
}
 .brigada .buttonr a {
     width: 100%;
     height: 100%;
     padding-top: 23px;
     display: block;
     text-transform: uppercase;
     color: white;
     font-size: 45px;
     transition: all .3s ease-in-out;
     text-decoration: none;
}
 .kravy {
     padding:100px 100px 0 100px;
}
 .kravy h2 {
     color: #2f4d20;
     text-align: center;
     font-size: 55px;
     margin-top: 0;
     padding-top: 0;
     font-weight: 300;
     text-transform: uppercase;
}
 .kravy h2#prodej {
     margin-top: 80px;
}
 .kravy .greenu {
     font-weight: 300;
     color: #2f4d20;
}
 .kravy .spany {
     display: block;
     color: #a20217;
     font-weight: 700;
}
 .kravy table tr th {
     background: #2e4d1f;
     color: white;
     border-left: 2px solid white;
     border-right: 2px solid white;
     font-weight: 700;
     text-align: center;
}
 .kravy table tr th span {
     font-weight: 300;
}
 .kravy table tr td {
     border-left: 2px solid white;
     border-right: 2px solid white;
     border-bottom: 2px solid white;
}
 .kravy table tr .column-1 {
     font-weight: 700;
     padding: 10px;
     width: 200px;
}
 .kravy table tr .column-1 span {
     font-weight: 300;
}
 .kravy .tablepress {
     transition: all .3s ease-in-out;
}
 .kravy .tablepress:hover {
     opacity: .85;
}
 .kravy h3 {
     font-weight: 300;
     color: #2f4d20;
     margin:100px 0 20px 0;
     font-size: 30px;
}
 .kravy h3 span {
     font-weight: 700;
     font-size: 30px;
}
 .modalkontakt .modal-dialog, #jidelnilistek .modal-dialog, #napojovylistek .modal-dialog {
     width: 100% !important;
     height: 100% !important;
}
 #jidelnilistek .left, #napojovylistek .left {
     background: white;
     width: 50%;
     border-top: 0;
     float: left;
}
 #jidelnilistek .right, #napojovylistek .right {
     float: left;
     width: 50%;
     padding:0 50px;
}
 #jidelnilistek h2, #napojovylistek h2 {
     margin-top: 10%;
     font-size: 45px;
     color: #a20217;
     font-weight: 700;
     width: 100%;
     max-width: 100%;
     text-align: left;
}
 #jidelnilistek h3, #napojovylistek h3 {
     color: #693c20;
     font-weight: 700;
     margin: 40px 0 10px 0;
}
 #jidelnilistek p, #napojovylistek p {
     margin: 0;
}
 #jidelnilistek ul, #napojovylistek ul {
     padding: 0;
     list-style: none;
     margin:0;
     font-weight: 400;
     max-width: 100%;
     overflow:hidden;
}
 #jidelnilistek ul li:before, #napojovylistek ul li:before {
     float: left;
     width: 0;
     white-space: nowrap;
     content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " 
}
 #jidelnilistek ul .without:before, #napojovylistek ul .without:before {
     content: "";
}
 #jidelnilistek ul span:first-child, #napojovylistek ul span:first-child {
     padding-right: .33em;
     background: white 
}
 #jidelnilistek ul span + span, #napojovylistek ul span + span {
     float: right;
     padding-left: .33em;
     background: white 
}
 #jidelnilistek .foddimage, #napojovylistek .foddimage {
     width: 100%;
     min-height: 944px;
     height: 100%;
     padding-top: 60px;
     padding-left: 60px;
}
 #jidelnilistek .foddimage{
     background: url(img/jidelnilistek.jpg) center center no-repeat;
     background-size: cover;
}
 #napojovylistek .foddimage{
     background: url(img/napojovylistek.jpg) center center no-repeat;
     background-size: cover;
}
 #letnicesta .image, #zimnicesta .image{
     width: 100%;
     min-height: 944px;
     height: 100%;
     padding-top: 60px;
     padding-left: 60px;
}
 #letnicesta .image {
     background: url(img/letni.jpg) center center no-repeat;
     background-size: cover;
}
 #zimnicesta .image {
     background: url(img/zimni.jpg) center center no-repeat;
     background-size: cover;
}
 .modal-content {
     background: white;
     height: 100%;
     width: 100%;
     border-radius: 0;
     padding: 0;
     box-shadow: none !important;
     border: none !important;
}
 .modal-open .modal {
     overflow: hidden;
}
 .modal-body .col-xs-12 {
     padding:0!important;
}
 .modal-dialog {
     width: 100% !important;
     height: 966px !important;
     margin: 0;
}
 .modal-dialog .wpcf7-form {
     max-width: 800px;
     margin: 0 auto;
}
 .modal-dialog h2 {
     max-width: 600px;
     margin: 13% auto 50px;
     color: #a00202;
     text-transform: uppercase;
     text-align:center;
     font-size:40px;
}
 .modal-backdrop {
     opacity: 1 !important;
     background: white;
}
 .modal-dialog {
     height: 100% !important;
}
 .wpcf7-text {
     width: 100%;
     padding: 5px;
     height: 41px;
     border: 1px solid transparent;
     border-bottom: 1px solid #1d1d1b;
     transition: all .3s ease-in-out;
     background-color: #f1f1f1;
}
 button:focus, .wpcf7-quiz:focus, .wpcf7-text:focus, .wpcf7-textarea:focus {
     outline: 0 !important;
}
 .wpcf7-quiz {
     width: 100%;
     border: 1px solid transparent;
     border-bottom: 1px solid #1d1d1b;
     padding: 10px;
     background-color: #f1f1f1;
     transition: all .3s ease-in-out;
     max-width: 100%;
     max-height: 100%;
     min-height: 100%;
     min-width: 100%;
}
 .wpcf7-quiz-label {
     color: #a20217;
     font-size: 16px;
}
 .wpcf7-quiz:focus, .wpcf7-quiz:hover {
     background-color: #d5d3d1 !important;
}
 .wpcf7-textarea {
     width: 100%;
     border: 1px solid transparent;
     border-bottom: 1px solid #1d1d1b;
     padding: 10px;
     background-color: #f1f1f1;
     transition: all .3s ease-in-out;
     max-width: 100%;
     max-height: 100%;
     min-height: 100%;
     min-width: 100%;
}
 .wpcf7-text:focus, .wpcf7-text:hover {
     background-color: #d5d3d1 !important;
}
 .modal-footer {
     border-top: 1px solid transparent;
}
 .wpcf7-textarea:focus {
     background-color: #d5d3d1;
}
 .wpcf7-textarea:hover {
     background-color: #d5d3d1;
     border: 1px solid transparent;
     border-bottom: 1px solid #1d1d1b;
}
 span.wpcf7-not-valid-tip {
     color: #a00202 !important;
}
 .modal-body h3 {
     color: #a20217;
     font-weight: 700;
     font-size: 24px;
     text-transform: uppercase;
     margin:40px 0 0 0;
}
 .submit {
     text-decoration: none;
     border: 3px solid #a20217;
     background: #a20217;
     color: white;
     float: right;
     width: 240px;
     height: 70px;
     font-size: 25px;
     font-weight: 700;
     transition: all .3s ease-in-out;
     text-transform: uppercase;
     margin: 5px;
}
 .submit:hover {
     background: transparent;
     color: #a20217;
}
 .right .containerf {
     padding-top: 25px;
}
 .wpcf7-response-output {
     background: #a00202 !important;
     color: white;
     width: auto;
     border: 1px solid transparent !important;
     font-size: 15px !important;
     font-weight: 400 !important;
     padding-top: 5px;
     padding-bottom: 5px;
}
 .invalid .wpcf7-response-output, .sent .wpcf7-response-output {
     display: inline-block;
}
 .wpcf7-mail-sent-ok {
     background: #2554a0;
}
 .drope a {
     color: #1d1d1b;
     text-decoration: none;
}
 .drope a:hover {
     border-bottom: 1px solid #1d1d1b;
}
 .modal-body label {
     font-weight: 400 !important;
     font-size: 18px;
     display: block;
}
 .make {
     color: #1d1d1b;
     font-size: 16px;
     text-decoration: none !important;
     border-bottom: 1px solid #1d1d1b;
}
 .make:hover {
     border-bottom: 1px solid transparent;
}
 .wpcf7-select {
     width: 100%;
     padding: 5px;
     height: 41px;
     border: 1px solid transparent;
     transition: all .3s ease-in-out;
     background-color: #f1f1f1;
     position: relative;
     appearance: none !important;
     outline: none !important;
     cursor: pointer;
     border-bottom: 1px solid #1d1d1b;
}
 .wpcf7-select::-ms-expand {
     display: none;
}
 [data-name="menu-510"]::after {
     content: "";
     background: url(img/arrowdown.svg) center center no-repeat;
     background-size: cover;
     position: absolute;
     height: 20px;
     width: 20px;
     top: 3px;
     right: 10px;
     transition: all .3s ease-in-out;
     pointer-events: none;
}
 [data-name="menu-510"]:hover::after {
     transform: rotate(180deg);
}
 .wpcf7-select:focus, .wpcf7-select:hover {
     background-color: #d5d3d1 !important;
}
 .modalkontakt .logo {
     background: url(img/hrkb.svg) center center no-repeat;
     background-size: contain;
     width: 100%;
     height: 200px;
     margin: 10% auto;
}
 .cntr {
     text-align: center;
     margin-top: 5%;
}
 .cntr h4 {
     color: white;
}
 .cntr a {
     color: white;
     font-size: 18px;
     margin-top: 20px;
     display: inline-block;
     font-weight: 700;
     text-decoration: none;
     border-bottom: 2px solid white;
}
 .cntr a:hover {
     border-bottom: 2px solid transparent;
}
 .centerino .left {
     float: left;
     width: 45%;
     background: white;
     border-top: 0 !important;
}
 .centerino .right {
     float: left;
     width: 55%;
     padding:4% 50px 20px 50px;
}
 .centerino h2 {
     width: 100%;
     font-size: 45px;
     text-align: left;
     color: #a20217;
     margin:0;
}
 .centerino h3 {
     font-size: 25px;
     color: #15365d;
     font-weight: 700;
     text-transform: inherit;
     text-align: left;
     margin-top: 30px;
}
 .centerino p {
     font-size: 18px !important;
     font-weight: 400;
     margin-top: 15px;
     text-align: justify;
}
 .centerino .red {
     color: #a20217;
     font-weight: bold;
     display: block;
}
 .centerino .redfirst {
     margin-top: 30px;
}
 #letnicesta .centerino h3 {
     color: #2e4d1f;
}
.left.fade .image, .left.fade .foddimage, .right.fade .image, .right.fade .foddimage{
    position: relative;
    opacity:0;
}
 .left.fade .image, .left.fade .foddimage {
     left: -320px;
     transition: opacity .5s linear, left .5s ease-in-out;
}
 .left.fade.in .image, .left.fade.in .foddimage {
     left: 0;
     opacity: 1;
}
 .right.fade .image, .right.fade .foddimage {
     right: -320px;
     transition: opacity .5s linear, right .5s ease-in-out;
}
 .right.fade.in .image, .right.fade.in .foddimage {
     right: 0;
     opacity: 1;
}
 .fg-item {
     width: 16.666% !important;
}
 .foogallery .fg-loaded .fg-image {
     width: 100% !important;
}
 #webaca {
     text-transform: uppercase !important;
}
 #podstrana a {
     color: black;
     font-weight: 600;
     text-decoration: none;
     border-bottom: 2px solid black;
}
 #podstrana a:hover {
     border-bottom: 2px solid transparent;
}
 .modalrezervace .modal-dialog .wpcf7-form {
     max-width: 1000px;
}
 .modalrezervace .col-xs-12 {
     padding:0 15px!important;
}
 .modalrezervace .col-sm-6 {
     padding:0 25px!important;
}
 .modalrezervace .logo {
     background: url(img/hrkb.svg) center center no-repeat;
     background-size: contain;
     height: 275px;
     margin: 5% auto;
}
 .mimoprovoz {
     width: 400px;
     height: 75px;
     background: #a20217;
     color: white;
     font-weight: 700;
     padding-top: 25px;
     font-size: 20px;
     margin: 0 auto;
     text-align: center;
     text-transform: uppercase;
}
 .modalrezervace .modalright {
     padding:0 15px;
}
 .modalrezervace h2 {
     text-align: center;
     margin-top: 3%;
}
 .modalrezervace label {
     padding-bottom: 15px;
}
 .modalrezervace .wpcf7-textarea {
     height: 150px;
}
 .modalrezervace .wpcf7-submit {
     text-decoration: none;
     border: 3px solid #a20217;
     background: #a20217;
     color: white;
     float: right;
     width: 240px;
     height: 70px;
     font-size: 25px;
     font-weight: 700;
     transition: all .3s ease-in-out;
     text-transform: uppercase;
     margin: 5px;
}
 .modalrezervace .wpcf7-submit:hover {
     background: transparent;
     color: #a20217;
}
 .rezervacepad {
     width: 100%;
     float: left;
     height: 50px;
}
 .wpcf7-number {
     width: 100%;
     padding: 5px;
     height: 41px;
     border: 1px solid transparent;
     border-bottom: 1px solid #1d1d1b;
     transition: all .3s ease-in-out;
     background-color: #f1f1f1;
}
 .wpcf7-number:focus {
     outline: 0 !important;
}
 .wpcf7-number:focus, .wpcf7-number:hover {
     background-color: #d5d3d1 !important;
}
 .wpcf7-date {
     width: 100%;
     padding: 5px 5px 5px 35px;
     height: 41px;
     border: 1px solid transparent;
     border-bottom: 1px solid #1d1d1b;
     transition: all .3s ease-in-out;
     background-color: #f1f1f1;
     background: #f1f1f1 url(img/cal.svg) left center no-repeat;
     background-size: 20px 20px;
     background-position: 8px center;
     cursor: pointer;
}
 [data-name="jmeno"] .wpcf7-text {
     background-color: #f1f1f1;
     background: #f1f1f1 url(img/nam.svg) left center no-repeat;
     background-size: 20px 20px;
     background-position: 8px center;
     padding-left: 35px;
}
 [data-name="prijmeni"] .wpcf7-text {
     background-color: #f1f1f1;
     background: #f1f1f1 url(img/nam.svg) left center no-repeat;
     background-size: 20px 20px;
     background-position: 8px center;
     padding-left: 35px;
}
 [data-name="telefon"] .wpcf7-text {
     background-color: #f1f1f1;
     background: #f1f1f1 url(img/pho.svg) left center no-repeat;
     background-size: 20px 20px;
     background-position: 8px center;
     padding-left: 35px;
}
 [data-name="email"] .wpcf7-text {
     background-color: #f1f1f1;
     background: #f1f1f1 url(img/em.svg) left center no-repeat;
     background-size: 20px 20px;
     background-position: 8px center;
     padding-left: 35px;
}
 [data-name="pocetdeti"] .wpcf7-number {
     background-color: #f1f1f1;
     background: #f1f1f1 url(img/us.svg) left center no-repeat;
     background-size: 20px 20px;
     background-position: 8px center;
     padding-left: 35px;
}
 [data-name="pocetosob"] .wpcf7-number {
     background-color: #f1f1f1;
     background: #f1f1f1 url(img/us.svg) left center no-repeat;
     background-size: 20px 20px;
     background-position: 8px center;
     padding-left: 35px;
}
[data-name="your-name"] .wpcf7-text {
    background: url(img/nam.svg) left center no-repeat;
    background-color: #f1f1f1;
    background-size: 20px 20px;
    background-position: 8px center;
    padding-left: 35px;
}
[data-name="your-email"] .wpcf7-text {
    background: url(img/em.svg) left center no-repeat;
    background-color: #f1f1f1;
    background-size: 20px 20px;
    background-position: 8px center;
    padding-left: 35px;
}
 .modalrezervace [data-name="pokoj"] .wpcf7-select {
     background-color: #f1f1f1;
     background: #f1f1f1 url(img/rom.svg) left center no-repeat;
     background-size: 20px 20px;
     background-position: 8px center;
     padding-left: 35px;
}
 .wpcf7-date:focus {
     outline: 0 !important;
}
 .wpcf7-date:focus, .wpcf7-date:hover {
     background-color: #d5d3d1;
}
 .hjjinak {
     margin:30px 0 20px 0!important;
}
 .modalrezervace [data-name="pokoj"]::after {
     content: "";
     background: url(img/arrowdown.svg) center center no-repeat;
     background-size: cover;
     position: absolute;
     height: 20px;
     width: 20px;
     top: 3px;
     right: 10px;
     transition: all .3s ease-in-out;
     pointer-events: none;
}
 .hvezda {
     font-weight: 700;
     color: #a20217;
}
 .modalrezervace [data-name="pokoj"]:hover::after {
     transform: rotate(180deg);
}
 .wpcf7 form .wpcf7-response-output {
     width: 100%;
     text-align: center;
     padding: .8em 1em !important;
}
 .vpripade{
     text-align:center;
     margin-bottom:50px;
}
 .vpripade a{
     font-weight:700;
}
 .page-template-highland .header-ranc h2{
     margin-top:28%;
}
 .page-template-highland .mezera{
     width:100%;
     height:100px;
}
 .restarace2{
     min-height:800px;
}
 .restarace2 p{
     max-width:1100px;
     margin:0 auto;
     font-size:25px;
     text-align:center;
}
 .restarace2 .bold2{
     text-align:center;
     margin:25px auto 0;
     font-weight:700;
}
 .restarace2 .arrow{
     margin:30px auto 40px;
}
 .restarace2 .symboldown {
     background: url(img/symboldownwhite.png) center center no-repeat;
     background-size: cover;
     width: 87px;
     height: 44px;
     margin:35px auto 0;
}
 .page-template-restaurace header{
     background: black url(img/header-restaurace.jpg) center center no-repeat;
     background-size:cover!important;
     animation:none!important;
}
.projekt-eu{
	text-align:center;
}
.projekt-eu h2#prodej{
	font-weight:700;
}
.projekt-eu h2#prodej span{
	color:#a20217;
}
.projekt-eu h3{
	font-size:30px;
	margin:20px 0 30px;
}
.projekt-eu p{
	font-size:20px;
	max-width:900px;
	margin:0 auto;
}
.projekt-eu button{
	margin-top:35px;
	background:#a20217;
	border:3px solid #a20217;
	transition:all .3s ease-in-out;
}
.projekt-eu button a{
	display:block;
	padding:20px 25px;
	color:white!important;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	font-size:20px;
}
.projekt-eu button:hover{
	background:rgba(162, 2, 23, .4);
}
 @media (min-width: 2000px) {
     .cenik, .kravy {
         width: 80%;
         margin: 0 auto;
    }
     header {
         background: black url(img/header-summer.jpg) left center no-repeat;
         background-size: 125% !important;
    }
     .page-template-restaurace header{
         background: black url(img/header-restaurace.jpg) center center no-repeat;
    }
     .zima header {
         background: black url(img/winter.jpg) left bottom no-repeat;
         background-size: 125% !important;
    }
     footer .grey {
         display: none;
    }
     .prodej {
         background: white url(img/prodej-bg.jpg) center center no-repeat;
         background-size: cover;
         height: 1100px;
    }
}
 @media (min-width: 1700px) {
     footer {
         background: white url(img/footer.jpg) bottom center no-repeat;
         background-size: cover;
    }
     .cenik h3 span {
         display: inline-block;
    }
     .kravy h3 span {
         display: inline-block;
    }
     .fg-item-inner, .fg-thumb, .fg-image {
         width: 100%;
         height: 100% 
    }
}
 @media (min-width:500px) and (max-width:1199px) {
     .fg-item {
         width: 33.333% !important 
    }
}
 @media (min-width: 992px) {
     .centerino .left {
         position: fixed;
    }
     #jidelnilistek .left, #napojovylistek .left {
         position: fixed;
    }
     #jidelnilistek .left .foddimage, #napojovylistek .left .foddimage, #letnicesta .image,  #zimnicesta .image {
         min-height: auto;
    }
     #jidelnilistek .right, #napojovylistek .right, .centerino .right {
         float: right;
         padding-bottom: 50px;
    }
     .modalleft {
         height: 100%;
         min-height: auto;
         width: 30%;
         float: left;
         position: fixed;
         background: black;
         overflow-x: hidden;
    }
     .cntr a {
         margin-bottom: 50px;
    }
     .modalright {
         float: right;
         width: 70%;
		 padding:0 15px 50px 15px;
    }
}
 @media (min-width: 768px) {
     #webaca {
         display: none !important;
         overflow: hidden !important;
         visibility: none !important;
    }
}
 @media (min-width: 992px) and (max-width: 1699px) {
     .headernews {
         margin-top: 15px;
    }
     .contdva .left {
         padding-right: 30px;
    }
     .contdva .right {
         padding-left: 30px;
    }
     .where .buttonplace {
         max-width: 1150px;
    }
     .relax h2 {
         font-size: 60px;
    }
     .downfooter h2 {
         margin-top: 200px;
    }
     .pokojitem .hover h3 {
         font-size: 35px;
         margin-top: 32px;
    }
     .header-ranc .buttonr {
         width: 550px;
    }
     .brigada .buttonr {
         width: 650px;
    }
     footer {
         min-height: 1500px;
    }
     .header-ranc .nejvyse {
         height: 180px;
    }
     .rhrk {
         width: 160px;
         height: 150px;
         margin-top: 100px;
    }
     .kravy h3 span {
         display: block;
    }
     .brigada h2 {
         font-size: 60px;
    }
     .contdva h4 {
         width: 100%;
    }
     .cenik .underarrow br, .contdva .underarrow br {
         display: none !important;
    }
     .nopad {
         padding:0;
    }
     .hrkb {
         height: 425px;
         width: 450px;
    }
     .downfooter .underh2 {
         color: white;
    }
}
 @media (min-width: 768px) and (max-width: 1699px) {
     .showa {
         width: 100%;
         height: 100%;
         position: fixed;
         background: rgba(0, 0, 0, .9);
         padding:50px 35px 0 35px!important;
         top: 0;
         left: 0;
         text-align: center;
    }
     .showa li.language .submenulang {
         display: inline-block;
         position: relative;
         margin-left: 26px;
    }
     .showa li.language .submenulang li {
         background: transparent;
         float: left;
    }
     .showa .mainlang {
         display: none !important;
    }
     .darker .showa {
         padding-top: 25px;
    }
     .showa #hiddenmenu {
         text-align: center;
         float: none !important;
         display: block;
    }
     .showa > li {
         float: none;
         margin:5px 0;
    }
     .showa > li a {
         display: inline-block !important;
    }
     .showa .napistenam2 a {
         background: transparent;
         color: white !important;
         border: 2px solid transparent !important;
    }
}
@media (max-width:1199px) {
    .aboutus .morepad, .aboutusr .morepad, .history .morepad, .teambuilding .morepad, .cont {
        padding:0 15px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .downfooter ul li {
         color: white;
    }
     .downfooter ul li:hover a {
         border-bottom: 2px solid white;
    }
     .downfooter ul li a {
         color: white;
    }
     .kravy {
        padding:100px 50px 0 50px;
    }
    .contdva .left {
        padding-right: 30px;
   }
     .contdva .right {
         padding-left: 30px;
    }
     .header-bouda .under {
         display: none;
    }
     .headerh2 {
         width: 80%;
    }
     .header-bouda .buttonr {
         display: none;
    }
     .foodlist h2 br {
         display: none 
    }
     footer .info br {
         display: none;
    }
     .foodlist h2 .bold {
         display: inline;
    }
     #jidelnilistek .left, #napojovylistek .left {
         width: 40%;
    }
     #jidelnilistek .right, #napojovylistek .right {
         width: 60%;
    }
     .tablik {
         overflow-x: scroll;
    }
     .kravy h3 span {
         display: block;
    }
     .prodej {
         height: 800px;
    }
     .centerino .left {
         width: 40%;
    }
     .centerino .right {
         width: 60% !important;
    }
     .relax h2 {
         font-size: 60px;
    }
     .where .buttonplace {
         width: 100%;
         display: block;
         margin-top: 40px;
    }
     .where .button {
         margin: 0 auto 20px;
         background: rgba(255, 255, 255, .8);
    }
     footer h2 {
         font-size: 60px;
    }
     footer {
         min-height: 1500px;
    }
     .downfooter h2 {
         font-size: 50px;
    }
     .pokojitem .hover h3 {
         font-size: 35px;
         margin-top: 32px;
    }
     .header-ranc .buttonr {
         display: none;
    }
     .header-ranc .nejvyse {
         width: 90%;
    }
     .rhrk {
         margin-top: 100px;
         height: 150px;
         width: 150px;
    }
     .contdva .left {
         padding-right: 15px;
    }
     .contdva .right {
         padding-left: 15px;
    }
    .where {
         padding-left: 25px;
         padding-right: 25px;
    }
     .downfooter .underh2 {
         font-size: 22px;
         color: white;
    }
     .downfooter ul {
         padding-right: 0;
    }
     .ubytovanidva .col33 {
         width: 50%;
    }
     .cenik, footer {
         padding-left: 50px;
         padding-right: 50px;
    }
     .contdva h4 {
         font-size: 32px;
         width: 100%;
    }
     .underarrow br {
         display: none;
    }
     .history {
         min-height: 1860px;
         height: auto;
    }
     .contdva h5 {
         font-size: 23px;
    }
     .brigadatext {
         width: 95%;
    }
     .brigada h2 {
         font-size: 55px;
    }
     .brigada .buttonr {
         width: 650px;
    }
     .banner br, li.doprava{
         display:none;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .topmenu{
         padding:30px 20px 0 20px;
    }
     .darker{
         padding:25px 20px 0 20px;
    }
     .banner br, li.doprava{
         display:none;
    }
     .banner h2{
         font-size:25px;
    }
     .header-bouda h2{
         font-size:55px;
    }
}
 @media (max-width: 991px) {
     .aboutus h2 {
         font-size: 50px;
    }
     .rhrk {
         margin-top: 100px;
         height: 150px;
         width: 160px;
         margin-left: 15px;
    }
     .hrkb {
         height: 380px;
         width: 400px;
         margin-top: 20%;
    }
     .downfooter ul li {
         color: white;
    }
     .downfooter ul li:hover a {
         border-bottom: 2px solid white;
    }
     .downfooter .underh2{
         font-size:24px;
    }
     #jidelnilistek .left, #napojovylistek .left {
         width: 100%;
         height: 250px;
    }
     #jidelnilistek.fade .foddimage, #napojovylistek.fade .foddimage {
         height: auto;
         min-height: 250px;
    }
     #jidelnilistek .right, #napojovylistek .right {
         width: 100%;
         padding-bottom: 50px;
    }
     .centerino .left {
         width: 100%;
         height: auto;
         min-height: 250px;
    }
     #letnicesta .image {
         min-height: 250px;
         height: auto;
    }
     #zimnicesta .image {
         min-height: 250px;
         height: auto;
    }
     .centerino .right {
         width: 100%;
    }
     .headerh2 {
         width: 90%;
    }
     .header-bouda .buttonr {
         display: none;
    }
     .header-bouda .under {
         display: none;
    }
     .foodlist {
         padding-top: 80px;
    }
     .foodlist h2 br {
         display: none 
    }
     .foodlist h2 .bold {
         display: inline;
    }
     .relax h2 {
         font-size: 50px;
         padding-left: 15px;
         padding-right: 15px;
    }
     .flash h2 {
         font-size: 30px;
    }
     .where h2 {
         font-size: 50px;
    }
     .where .buttonplace {
         width: 100%;
         display: block;
         margin-top: 40px;
    }
     .where .button {
         margin: 0 auto 20px;
         background: rgba(255, 255, 255, .8);
    }
     footer h2 {
         font-size: 50px;
    }
     footer h3 {
         font-size: 50px;
    }
     footer .email {
         font-size: 40px;
    }
     footer .tel {
         font-size: 40px;
    }
     .downfooter h2 {
         font-size: 40px;
         color: #424242;
         margin-top: 200px;
    }
     .downfooter ul {
         padding-right: 0;
    }
     .ubytovani .white h3 {
         font-size: 50px;
    }
     .ubytovanidva .col33 {
         width: 50%;
    }
     .cenik h2 {
         font-size: 48px;
    }
     .cenik {
         padding-left: 25px;
         padding-right: 25px;
    }
     .contdva h4 {
         font-size: 30px;
         width: 100%;
    }
     .underarrow br {
         display: none;
    }
     .history h2 {
         font-size: 50px;
    }
     .history {
         min-height: 1860px;
         height: auto;
    }
     .where {
         padding-left: 25px;
         padding-right: 25px;
         height: auto;
         min-height: 1170px;
    }
     .contdva h5 {
         font-size: 23px;
    }
     .where p {
         font-size: 28px;
    }
     .cont .left {
         padding-right: 20px;
    }
     .cont .right {
         padding-left: 20px;
    }
     .socialpad {
         padding:0 15px;
    }
     .aboutus h2 br {
         display: none;
    }
     .relax h2 br {
         display: none;
    }
     .cont {
        padding:0 25px;
    }
     .cont span {
         display: inline;
    }
     .downfooter ul li a {
         color: white;
    }
     .downfooter ul .slid {
         display: none;
    }
     footer .info {
         font-size: 26px;
    }
     footer .info br {
         display: none;
    }
     footer {
         padding-left: 60px;
         padding-right: 25px;
         padding-top: 60px;
         min-height: 1500px;
    }
     .flash h2 br {
         display: none;
    }
     .contdva .left {
         padding-right: 15px;
    }
     .contdva .right {
         padding-left: 15px;
    }
     .modal .left, .modalright {
         padding-bottom: 35px;
    }
     .modalright {
		 padding:0 15px 40px 15px;
         overflow: auto;
    }
     .downfooter ul li {
         font-size: 20px;
    }
     .tablik {
         width: 100%;
         overflow: auto;
    }
     .pokojitem .hover h3 {
         font-size: 35px;
         margin:35px 0 0 15px;
    }
     .pokojitem .hover h4 {
         padding-right: 15px;
    }
     .contdva p {
         font-size: 22px;
    }
     .contdva h4 {
         font-size: 25px;
    }
     .header-ranc .nejvyse {
         width: auto;
    }
     .header-ranc .buttonr {
         display: none !important;
    }
     .kravy {
         padding-left: 25px;
         padding-right: 25px;
    }
     .brigada h2 {
         font-size: 44px;
    }
     .brigada .buttonr {
         width: 650px;
    }
     .brigadatext {
         width: 95%;
         position: absolute;
         left: 0;
         right: 0;
         bottom: 50px;
    }
     .aboutusr h2 .bold, .aboutus h2 .bold{
         display:block;
    }
     .relax .button a, .foodlist button a, footer .button a, .where .button a, .teambuilding .button a, .cenik .button a, .brigada .buttonr a{
         font-size:40px;
    }
	 .where .button a{
		 padding-top:32px;
	 }
	 .relax .button{
		 width:460px;
	 }
     .relax .button, .foodlist button, footer .button, .where .button, .teambuilding .button, .cenik .button, .brigada .buttonr{
         display:flex;
         justify-content:center;
         align-items:center;
    }
     .aboutus h2, footer h2, footer h3, .ubytovani .white h3, .where h2, .teambuilding h2, .cenik h2, .history h2, .aboutusr h2, .relax h2, .kravy h2, .foodlist h2{
         font-size:45px;
    }
}
 @media (max-width: 767px) {
     .navbar-toggle {
         background: none;
         border: none;
         float: right;
         margin-top: -50px;
    }
	 .uvodni-rezervace{
		 display:block;
	 }
     .restarace2 p{
         font-size:23px;
    }
     footer a {
         color: inherit !important;
         text-decoration: none !important;
    }
     footer .button a {
         color: white !important;
    }
     .topmenu {
         padding-top: 25px;
    }
     .fg-item {
         width: 50% !important;
    }
     .modalrezervace .wpcf7-submit {
         margin-top: 60px;
    }
     .photowebcamera img {
         width: 100%;
         border: none;
    }
     .photowebcamera {
         padding: 0;
    }
     .history .button {
         width: 100%;
         max-width: 500px;
    }
     .headerh2 {
         display: none;
    }
     .teambuilding p {
         font-size: 22px;
    }
     header {
         min-height: 767px;
         height: auto !important;
         padding-bottom: 100px;
    }
     .navbar-nav > li {
         display: block;
    }
     .navbar-nav .hamburger {
         display: none !important;
    }
     .navbar-nav > li {
         float: none;
         width: 100%;
         text-align: center;
    }
     #hiddenmenu {
         float: none !important;
         display: inline-block !important;
         width: 100% !important;
         height: 100% !important;
         opacity: 1 !important;
    }
     ul.navbar-nav {
         float: none;
         overflow: hidden !important;
         padding-bottom: 25px;
    }
     .navbar-collapse {
         margin-top: 12px;
         background: rgba(0, 0, 0, .8);
    }
     .navbar .collapsing {
         overflow: hidden;
    }
     .topmenu {
         padding-left: 15px;
         padding-right: 15px;
    }
     .showadva .bar1 {
         transform: rotate(-45deg) translate(-5px, 6px);
         background: #d20328;
    }
     .showadva .bar2 {
         opacity: 0;
    }
     .showadva .bar3 {
         transform: rotate(45deg) translate(-7px, -8px);
         background: #d20328;
    }
     .nopad, .topmenu, .navbar-collapse {
         padding-left: 0;
         padding-right: 0;
    }
     .logo {
         margin-left: 15px;
    }
     .navbar-toggle {
         margin-right: 15px;
    }
     .pokojitem {
         background-size: cover !important;
    }
     .hrkb {
         width: 100%;
         background-size: contain;
         height: 375px;
         margin-top: 22%;
    }
     .headernews {
         height: auto;
         padding-bottom: 25px;
    }
     .headernews h2 {
         margin-top: 15px;
    }
     .socialpad {
         padding:0 10px;
         overflow: hidden;
         bottom: 10px;
         align-items:center;
    }
     .socialpad .button {
         height: 47px;
         width: 47px;
         background: white url(img/webcam.svg?v=5) center center no-repeat;
         background-size: 29px;
    }
     .socialpad .button a {
         color: transparent;
    }
     .socialpad .button:hover {
         opacity: .7;
		 background: white url(img/webcam.svg?v=5) center center no-repeat;
         background-size: 29px;
    }
     .socialpad .left .tripadvisor{
         display:none;
    }
     .socialpad .left .booking{
         width:200px;
    }
     .headernews .entry-title {
         height: 40px;
         overflow: hidden;
    }
     .aboutus {
         padding-top: 60px;
         padding-bottom: 60px;
    }
     .aboutus h2 {
         font-size: 40px;
    }
     .arrow {
         background-size: contain !important;
         width: 90% !important;
    }
     .foodlist {
         padding:60px 15px;
         height: auto;
    }
     #jidelnilistek h2, #napojovylistek h2 {
         font-size: 35px;
    }
     .foodlist button a {
         padding: 20px;
         font-size: 35px;
    }
     .relax {
         padding:60px 15px;
         height: auto;
    }
     .aboutus p {
         font-size: 22px;
         margin-bottom: 10px;
    }
     .relax .button {
         width: 100%;
         max-width: 500px;
    }
     .relax .button a {
         padding-top: 25px;
    }
     .where {
         height: auto;
         min-height: auto;
         padding-top: 60px;
         padding-bottom: 60px;
    }
     .where .button {
         width: 100%;
         max-width: 550px;
    }
     .where .button a {
         padding-top: 30px;
         font-size: 45px;
    }
     footer h2 {
         font-size: 45px;
    }
     footer .button {
         width: 100%;
         max-width: 500px;
    }
     footer .button a {
         font-size: 45px;
         padding-top: 25px;
    }
     .downfooter h2 {
         margin-top: 125px;
    }
     .downfooter .underh2 {
         font-size: 20px;
    }
     .hreflogo {
         display: inline-block;
    }
     .header-bouda h3 {
         font-size: 30px;
    }
     .header-bouda .buttonr {
         width: 100%;
    }
     .header-bouda .buttonr a {
         padding-top: 25px;
    }
     .header-bouda {
         min-height: 767px;
    }
     .ubytovani .white {
        padding:60px 15px;
         height: auto;
    }
     .contdva .left {
         width: 100%;
    }
     .contdva .right {
         width: 100%;
    }
     .ubytovanidva .col33 {
         width: 100%;
    }
     .teambuilding {
         height: auto;
         padding:60px 15px;
    }
     .contdva p {
         font-size: 22px;
    }
     .underarrow {
         font-size: 30px;
    }
     .cenik .button {
         width: 100%;
         max-width: 500px;
    }
     .cenik .button a {
         font-size: 45px;
         padding-top: 25px;
    }
     .history .button a {
         font-size: 45px;
         padding-top: 25px;
    }
     .history h2 {
         font-size: 35px;
         padding-left: 10px;
         padding-right: 10px;
    }
     .history {
         padding-top: 60px;
         padding-bottom: 60px;
         height: auto;
    }
     .teambuilding .button {
         width: 100%;
         max-width: 500px;
    }
     .teambuilding .button a {
         padding-top: 25px;
         font-size: 45px;
    }
     .cenik h2 {
         font-size: 40px;
    }
     .contdva .left {
         padding-right: 0;
    }
     .contdva .right {
         padding-left: 0;
    }
     .cenik {
         padding:60px 15px;
    }
     .cenik h2 span {
         display: inline;
    }
     .cenik h3 {
         font-size: 30px;
    }
     .cenik .arrowblue {
         width: 90px;
         background-size: contain;
         width: 90%;
    }
     .headernews h2 {
         font-size: 30px;
    }
     .headernews .entry-title {
         margin-top: 0;
    }
     .hrkb {
         margin-top: 125px;
    }
     .navbar-collapse.in {
         overflow: hidden !important;
    }
     #jidelnilistek .right, #napojovylistek .right, .centerino .right, .modalright {
         padding:0 15px;
    }
     .closemodal {
         opacity: .5;
    }
     .closemodal:hover {
         opacity: 1;
    }
     .submit {
         margin-top: 25px;
    }
     .grey {
         width: auto;
    }
     .teambuilding .cont,  .history h3, footer .cont {
         padding-left: 0;
         padding-right: 0;
    }
     .history .cont {
         padding-left: 15px;
         padding-right: 15px;
    }
     .history h2 span {
         display: inline;
    }
     .history p {
         font-size: 22px;
    }
     .history h3 {
         font-size: 30px;
    }
     .header-ranc {
         min-height: 767px;
    }
     .header-ranc h2 {
         font-size: 35px;
         margin-top: 35%;
    }
     .header-ranc br {
         display: none !important;
    }
     .rhrk {
         display: none;
    }
     .aboutusr {
         padding:60px 0;
    }
     .aboutusr .cont span {
         display: inline-block;
    }
     .aboutusr h2 {
         font-size: 40px;
    }
     .aboutusr p {
         font-size: 22px;
    }
     .prodej {
         height: 600px;
    }
     .brigada h2 {
         font-size: 35px;
    }
     .brigada .buttonr {
         width: 100%;
         max-width: 600px;
         height: auto;
         min-height: 118px;
         padding:0 20px;
    }
     .brigada .buttonr a {
         font-size: 40px;
         padding-top: 25px;
         padding-bottom: 25px;
    }
     li.language .submenulang {
         display: inline-block !important;
         position: relative;
         margin-left: 0;
    }
     .mainlang {
         display: none !important;
    }
     li.language .submenulang li {
         background: transparent;
         float: left;
    }
     .cont, .where {
         padding-left: 15px;
         padding-right: 15px;
    }
     .aboutus .cont, .teambuilding .col-xs-12 {
         padding-left: 0;
         padding-right: 0;
    }
     footer {
         height: auto;
         min-height: 1724px;
    }
     footer .tel {
         font-size: 30px;
    }
     footer .cont .left {
         width: 100%;
         padding: 0;
         text-align: left;
    }
     .downfooter .zijou {
         width: 80%;
         background-size: contain;
    }
     footer .cont h4 {
         margin-top: 25px;
    }
     .grey {
         width: 100%;
    }
     .teambuilding h2 {
         font-size: 33px;
    }
     .history p {
         font-size: 20px;
    }
     .header-ranc .nejvyse {
         display: none;
    }
     .aboutusr h2 {
         font-size: 34px;
    }
     .kravy h2, .cenik h2 {
         font-size: 35px;
    }
    .kravy h3,  .kravy h3 span {
         font-size: 24px;
    }
     .aboutusr p {
         font-size: 20px;
    }
     .history h3 {
         font-size: 30px;
    }
     .contdva .right span {
         font-size: 22px;
    }
     .teambuilding .cont {
         padding-left: 0;
         padding-right: 0;
    }
     footer .cont .right {
         width: 100%;
         padding: 0;
    }
     footer {
         padding-left: 15px;
         padding-right: 15px;
         padding-bottom: 25px;
         min-height: 1500px;
    }
     footer .cont .left, footer .cont .right {
         text-align: center;
    }
     .aboutus p {
         font-size: 20px;
    }
     .flash h2 {
         font-size: 27px;
    }
     .relax .button a, .where .button a, .teambuilding .button a, .cenik .button a, footer .button a {
         padding-top: 22px;
         font-size: 35px;
    }
    .relax .button, .where .button, .teambuilding .button, .cenik .button, footer .button {
         height: 100px;
    }
     footer .info {
         font-size: 23px;
    }
     .where p {
         font-size: 25px;
    }
    #letnicesta .image, #zimnicesta .image, #jidelnilistek .foddimage, #napojovylistek .foddimage{
         padding-left: 30px;
         padding-top: 30px;
    }
     #jidelnilistek ul span + span, #napojovylistek ul span + span {
         float: none;
         font-weight: 700;
    }
     #jidelnilistek ul li::before, #napojovylistek ul li::before {
         content: none;
    }
     .header-bouda h2 {
         margin-top: 135px;
         font-size:50px;
    }
     .ubytovani .white h3 {
         font-size: 33px;
    }
     .teambuilding p {
         font-size: 20px;
    }
     .cenik h3 {
         font-size: 26px;
    }
     .brigada .buttonr a {
         font-size: 35px;
    }
     .brigadatext {
         width: 100%;
    }
     .brigada p {
         font-size: 20px;
         padding-left: 15px;
         padding-right: 15px;
    }
     .modallogoranc {
         width: 200px;
         height: 85px;
    }
     .hrkb {
         height: 350px;
    }
     footer .cont span {
         display: block;
    }
     .contdva p {
         font-size: 20px;
    }
     .underarrow, .history h3 {
         font-size: 26px;
    }
     .kravy h3 span {
         font-size: 28px;
    }
     .page-template-highland .header-ranc h2{
         margin-top:170px;
    }
     .banner br{
         display:none;
    }
    .aboutus h2, footer h2, footer h3, .ubytovani .white h3, .where h2, .teambuilding h2, .cenik h2, .history h2, .aboutusr h2, .foodlist h2, .downfooter h2, .relax h2, footer .email { 
         font-size: 35px;
    }
     .relax .button a, .foodlist button a, footer .button a, .where .button a, .teambuilding .button a, .cenik .button a, .brigada .buttonr a{
         font-size:30px;
    }
     .relax .button, .foodlist button, footer .button, .where .button, .teambuilding .button, .cenik .button, .brigada .buttonr{
         display:flex;
         justify-content:center;
         align-items:center;
    }
     .banner h2{
         font-size:25px;
    }
    .aboutus .morepad, .aboutusr .morepad, .history .morepad, .teambuilding .morepad, .cont {
        padding:0 15px;
    }
}
 @media (max-width: 499px) {
     .history h3{
         font-size:24px;
    }
     .banner{
         padding:40px 5px;
    }
     .socialfooter{
         align-items:center;
         justify-content:center;
    }
     .skialp{
         padding:90px 15px 0 15px;
    }
     .aboutus h2, footer h2, footer h3, .ubytovani .white h3, .where h2, .teambuilding h2, .cenik h2, .history h2, .aboutusr h2, .modal-dialog h2{
         font-size:32px;
    }
     .flash h2{
         font-size:25px;
    }
     .downfooter h2{
         font-size:30px;
    }
     footer .email{
         font-size:30px;
    }
     .socialpad .left .booking{
         display:none;
    }
}
@keyframes flicker-out {
    0% {
        transform: translateY(-50%);
    }
    16.65% {
        transform: translateY(calc(-50% + 8px));
    }
    33.3% {
        transform: translateY(calc(-50% - 6px));
    }
    49.95% {
        transform: translateY(calc(-50% + 4px));
    }
    66.6% {
        transform: translateY(calc(-50% - 2px));
    }
    83.25% {
        transform: translateY(calc(-50% + 1px));
    }
    100% {
        transform: translateY(-50%);
    }
}
 @keyframes focus-in {
     0% {
         filter: blur(12px);
         opacity: 0;
    }
     100% {
         filter: blur(0px);
         opacity: 1;
    }
}
 @keyframes slideheader {
     0% {
         background-position: 0 0;
    }
     100% {
         background-position: -300px 0;
    }
}