body { font-family: 'Open Sans', sans-serif; font-size: 13px; letter-spacing: 1px; }
p { letter-spacing: 2px; line-height: 1.8; color: #7f7f7f; font-size: 15px; }
a { transition-duration: .5s; color: #405f35; }
a:hover { color: #6c8065; }
a:hover {text-decoration: none;}
.h1, h1, .h2, h2 { font-family: serif; font-weight: 600; font-size: 80px; text-transform: uppercase; color: #3b3b3b; }
.h2, h2 { font-size: 40px;}

.bg-white { background-color: white;}
.p-tb-120 { padding: 120px 0;}
.relative { position: relative; }
.side-box { padding: 0 30px;}
.side-box-gallery { padding: 0 15px; margin: 0 0 -30px 0;}

.dovetek {color: #a4b59b; text-transform: uppercase; font-size: 20px;}

.butt { padding: 19px 30px 23px 30px; display: inline-block; margin: 30px 30px 0 0; height: 60px; background-color: rgb(164, 181, 155); color: white; text-align: center; text-transform: uppercase; font-size: 13px; }
.butt-2 { background-color: transparent; border: 2px solid #a4b59b; color: #6c8065; }
.butt:hover { background-color: rgb(64, 95, 53); color: #fff;}
.butt-2:hover { background-color: transparent; border: 2px solid rgb(64, 95, 53); color: rgb(64, 95, 53); }

.navbar .logo { width: 284px; height: 120px; background-image: url("../img/logo__radegast.jpg"); background-size: cover; margin: 61px 0 0 0; }
.navbar { animation-delay: 0s; position: fixed; width: 100%; padding: 0; height: 60px; border-bottom: 1px solid #d6d6d6; z-index: 100; }
.navbar-brand { padding: 0; margin: 0; }
.navbar-nav .nav-link { padding-right: 0; padding-left: 0; text-transform: uppercase; font-weight: 600; font-size: 13px; height: 60px; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: rgb(64, 95, 53); }
.navbar-nav {padding: 0 20px 0 20px; -ms-flex-direction: row; flex-direction: row; border-left: 1px solid #00000029; height: 60px}
.nav-item {height: 60px; padding: 0;}
.navbar-nav .flag { border-left: 1px solid #00000029; padding-left: 20px; margin: -1px 0 0 20px; }
.navbar-toggler { border: none; }
.nav-link {padding: 20px 0 0 0;}
.navbar .rezervace i {margin-left: 10px;}
.navbar .rezervace { padding: 0; margin-left: 18px; margin-right: -20px; }
.navbar .rezervace a { background: #405f35; color: #fff !important; font-weight: 100; padding: 20px 24px 0px 26px !important}
.navbar .rezervace a:hover {background: #a4b59b;}
.hp-uvod { background-image: url("../img/uvodka.jpg");}

.scroll-butt, .tri-odkazy .odkaz .nadpis, .butt-center { text-align: center; padding: 20px 0; background-color: #000000; background-color: #000000bd; position: absolute; bottom: 0px; height: 60px; width: 350px; margin: 0 calc(50% - 175px); text-transform: uppercase;  }
.scroll-butt i, .butt-center i {margin-left: 10px;}
.scroll-butt:hover { background-color: rgb(64, 95, 53);}
.hp-uvod .box { text-align: center; color: white; margin: 40% 0 0 0; }
.hp-uvod .box p { line-height: 1; font-family: serif; font-weight: 600; font-size: 40px; text-transform: uppercase; color: white }
.hp-uvod .box h1 { color: #fff; }

.tri-odkazy .odkaz { width:100%; height: 320px; background-size: cover; background-repeat: no-repeat; padding: 30px; transition-duration: .5s;}
.tri-odkazy .odkaz-1 {background-image: url("../img/od_1.jpg");}
.tri-odkazy .odkaz-2 {background-image: url("../img/od_2.jpg");}
.tri-odkazy .odkaz-3 {background-image: url("../img/od_3.jpg");}
.tri-odkazy .odkaz .nadpis {  bottom: 30px; width: calc(100% - 90px); margin: 0; transition-duration: .5s; }
.tri-odkazy a:hover .nadpis { background-color: rgb(64, 95, 53); }
.tri-odkazy a:hover .odkaz { background-color: rgb(64, 95, 53); -webkit-box-shadow: 0 50px 100px -50px rgb(53, 53, 53); -moz-box-shadow: 0 50px 100px -50px rgb(53, 53, 53); box-shadow: 0 50px 100px -50px rgb(53, 53, 53);}
.tri-odkazy .relative {margin-top: 30px}
.tri-odkazy .butt-center { bottom: auto; background-color: #a4b59b}
.tri-odkazy .butt-center:hover { background-color: rgb(64, 95, 53)}

.wpcf7-form label {width: 100%}
.wpcf7-form input[type='text'], .wpcf7-form input[type='email'], .wpcf7-form textarea {width: 100%}

.fix { display: inline-block; width: 100%; height: 70vh; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; }
.fix-100 { height: 100vh; }
.fix-1 { background-image: url("../img/fix_1.jpg");}
.fix-2 { background-image: url("../img/fix_2.jpg");}
.fix-3 { background-image: url("../img/fix_3.jpg");}
.fix .obsah p {text-align: center; color: #fff; font-size: 50px;}
.fix .text p { line-height: 1; font-family: serif; font-weight: 600; font-size: 40px; text-transform: uppercase; cursor: default;}
.fix .obsah i {transition-duration: .5s;}
.fix .obsah {width: 100%; height: 50px; margin-top: calc(35vh - 25px);}
.fix .obsah a:hover i {color: #405f35;}
.hp-duo .line {border-right: 1px solid #d6d6d6}
.hp-duo img { width: 100%; margin-bottom: 30px; border: 4px solid #cfb369; transition-duration: .5s; height: auto}
.hp-duo a:hover img { border: 4px solid #405f35; opacity: .9; }
.horizont-line {width:100%; height: 1px; background-color: #d6d6d6;}
.socialky a {color: white; font-size: 30px;}
.socialky {position: fixed; top: 240px; left: 0px; display: grid; }
.wheater {position: fixed; top: 380px; left: -100px; display: grid; animation: slide1 1s ease-in-out; }
.wheater:hover {position: fixed; top: 380px; left: 0px; display: grid; }
/*.socialky .facebook {background-color: rgb(64, 95, 53); padding: 6px 22px 6px 24px;}*/
.socialky .facebook {display:list-item; background-color: rgb(207, 179, 105); padding: 8px 20px 7px 23px;}
/*.socialky .instagram {background-color: #a4b59b; padding: 6px 18px;}*/
.socialky .instagram {display:list-item; background-color: #e5cd8d; padding: 8px 16px 7px 17px;}
.socialky .facebook:hover {background-color: #3b5998;}
.socialky .instagram:hover {background-color: #ff6c96;}
.socialky .youtube, .socialky .linkedin, .socialky .twitter{display:list-item; background-color: #e5cd8d; padding: 8px 16px 7px 17px;}
.socialky .video, .socialky .star, .socialky .map, .socialky .email, .socialky .visa{display:list-item; background-color: #a4b59b; padding: 8px 16px 7px 17px;}
.socialky .youtube:hover {background-color: #ff0000;}
.socialky .linkedin:hover {background-color: #2977c9;}
.socialky .twitter:hover {background-color: #1da1f2;}
.socialky .video:hover {background-color: #405f35}
.ikonka-pocasi {width: 60px; height: 60px; background: #405f35; color: white; font-size: 30px; padding: 7px 11px 14px 11px; position: absolute; right: -60px; top: 0;}
.wheater { position: fixed; top: 300px; left: -160px; display: grid; animation: slide1 1s ease-in-out; transition: .5s; }
.wheater:hover { position: fixed; top: 300px; left: 0px; display: grid; }

.pata .up { top: 0px; position: absolute; right: 0px; color: #fff; background-color: #a4b59b; font-size: 16px; padding: 18px 22px 18px 23px; }
.pata .up:hover { background-color: #405f35; }
.pata .logo { width: 300px; height: 80px; margin: 0 calc(50% - 150px); background-image: url("../img/logo_p_n.jpg"); background-size: cover; }
.pata .adresa i { margin: 0 0 0 10px; color: #a4b59a;}
.pata p {text-align: center; margin: 30px 0; font-weight: 600;}
.pata img {margin-left: 30px}
.pata .copyright {font-size: 13px;}
.pata { padding: 60px 0 30px 0;}

.arrow1 { animation: slide1 1s ease-in-out infinite; margin-left: 9px; }
@keyframes slide1 { 0%, 100% { transform: translate(0, -3px); } 50% { transform: translate(0, 4px); } }



@media only screen and (max-width : 992px) {
    .socialky {display: none;}
    .wheater { display: none; }
    .h2, h2 { font-size: 40px; }
    .navbar .logo { width: 140px; height: 60px; margin: 0; }
    .navbar-nav { -ms-flex-direction: column; flex-direction: column; border-left: none; }
    .navbar-nav .flag { border-left: none; padding-left: 0px; margin: 0px 0 0 0px; }
    .nav-item { text-align: center; }
    .side-box { padding: 0; }
    .butt { display: block; }
    .hp-duo .line { border-right: none; margin-bottom: 30px; }
    .navbar-nav { position: relative; display: contents; display: ruby-base; }
    .navbar-collapse { position: relative; background-color: #fff; }
    .navbar .rezervace { padding: 0; margin: 0; }
}
@media only screen and (max-width : 768px) {
    .side-box-gallery { padding: 0; }
    .tri-odkazy .odkaz { width: 100%; height: 320px; margin: 15px 0;}
    .tri-odkazy .odkaz .nadpis { bottom: 45px; }
    .p-tb-120 { padding: 60px 0;}
    .tri-odkazy .butt-center { display: block; position: relative; width: 100%; margin: 0 15px; }
}


/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1.5em;
    padding: 0 1em 0 0;
    width: 50%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}


/* rez plugin wenca*/

#wdreservation_wrap .form-control { border-radius: 0; height: 50px; }
#wdreservation_wrap .current_step .wdreservation_step_graphic { background-color: #333333; }
#wdreservation_wrap .btn-success {  background-color: #333333; border-color: unset; border: none; border-radius: 0px; padding: 20px 24px; }
#wdreservation_wrap .btn-success:hover {  background-color: #555555;}
#wdreservation_wrap .btn-success:active,
#wdreservation_wrap .btn-success.active,
#wdreservation_wrap .open>.dropdown-toggle.btn-success { color: #fff; background-color: #555555; border-color: unset; }
#wdreservation_wrap .btn-success:focus,
#wdreservation_wrap .btn-success.focus { color: #fff; background-color: #555555; border-color: unset; }
#wdreservation_wrap .btn-success.disabled:hover,
#wdreservation_wrap .btn-success[disabled]:hover,
#wdreservation_wrap fieldset[disabled] .btn-success:hover,
#wdreservation_wrap .btn-success.disabled:focus,
#wdreservation_wrap .btn-success[disabled]:focus,
#wdreservation_wrap fieldset[disabled] .btn-success:focus,
#wdreservation_wrap .btn-success.disabled.focus,
#wdreservation_wrap .btn-success[disabled].focus,
#wdreservation_wrap fieldset[disabled] .btn-success.focus {
    background-color: #555555;
    border-color: unset;
}
#wdreservation_wrap .btn-success:active:hover,
#wdreservation_wrap .btn-success.active:hover,
#wdreservation_wrap .open>.dropdown-toggle.btn-success:hover,
#wdreservation_wrap .btn-success:active:focus,
#wdreservation_wrap .btn-success.active:focus,
#wdreservation_wrap .open>.dropdown-toggle.btn-success:focus,
#wdreservation_wrap .btn-success:active.focus,
#wdreservation_wrap .btn-success.active.focus,
#wdreservation_wrap .open>.dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #555555;
    border-color: unset;
}
#wdreservation_wrap .btn-primary { border: none; color: #fff; background-color: #333333; border-color: unset; padding: 20px 24px; border-radius: 0px; }
#wdreservation_wrap .btn-default { color: #333; background-color: #fff; border-color: #ccc; padding: 20px 24px; border-radius: 0px; }

#wdreservation_wrap table.table.third-step-table-v2 > thead > tr > th,
#wdreservation_wrap table.third-step-table-v2 > tbody > tr > td:first-child { background-color: #333333; }
#wdreservation_wrap .third-step-state-1,
#wdreservation_wrap .third-step-table-v2 [data-status-code="1"] { background-color: #5cb85b; }
#wdreservation_wrap .third-step-state-0,
#wdreservation_wrap .third-step-table-v2 [data-status-code="0"] { background-color: #555; }
#wdreservation_wrap .third-step-state-2,
#wdreservation_wrap .third-step-table-v2 [data-status-code="2"] { background-color: #ff6f6f; }
#wdreservation_wrap .third-step-state-3,
#wdreservation_wrap .third-step-table-v2 [data-status-code="3"] { background-color: #f6a569; }
#wdreservation_wrap .third-step-state-4,
#wdreservation_wrap .third-step-table-v2 [data-status-code="4"] { background-color: #ffee93; }
#wdreservation_wrap .third-step-state-5,
#wdreservation_wrap .third-step-table-v2 [data-status-code="5"] { background-color: #818181; }
#wdreservation_wrap .third-step-state-6,
#wdreservation_wrap .third-step-table-v2 [data-status-code="6"] { background-color: #dddddd; }
#wdreservation_wrap table.table.third-step-table-v2 > thead > tr > th{
    padding: 0;
}
#wdreservation_wrap table.table.third-step-table-v2 > thead > tr > th > div{
    padding: 8px;
}
#wdreservation_wrap .table > tbody > tr > td{
    padding: 0;
}