.navbar-brand img {width: 160px;}
.navbar .nav-item{text-transform: uppercase; padding-left: 5px; padding-right: 5px;}
.navbar .navbar-nav {margin: 0px auto;}
.nav-link {color: white !important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #dedede !important; text-decoration: underline; }
.btn-success {background: #664728 !important; border: 1px solid #664728 !important; padding-left: 28px !important; padding-right: 28px !important; border-radius: 28px !important; padding-top: 11px !important; padding-bottom: 11px !important; text-transform: uppercase;}
.btn-success:hover {background: #895D32 !important; border: 1px solid #895D32 !important; transition: all .5s !important;}
.btn-primary {background: #5A5A5A !important; border: 1px solid #5A5A5A !important; padding-left: 28px !important; padding-right: 28px !important; border-radius: 28px !important; padding-top: 11px !important; padding-bottom: 11px !important; color: white; text-transform: uppercase;}
.btn-primary:hover {box-shadow: rgba(68, 68, 73, 0.2) 0px 7px 29px 0px; color: white !important;  transition: all .5s; background: #5A5A5A !important;}
.btn-secondary {background: #CDE6F5 !important; border: 1px solid #CDE6F5 !important; color: black !important; padding-left: 28px !important; padding-right: 28px !important; border-radius: 28px !important; padding-top: 11px !important; padding-bottom: 11px !important;}
.btn-secondary:hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; color: black !important;  transition: all .5s; background: #a5c2d3 !important;}
.btn-info {background: #664728 !important; border: 1px solid #664728 !important; color: white !important; padding-left: 28px !important; text-transform: uppercase; padding-right: 28px !important; border-radius: 30px !important; padding-top: 11px !important; padding-bottom: 11px !important;}
.btn-info:hover {background: #101517 !important; border: 1px solid #101517 !important; transition: all .5s !important;}
.btn-sm {padding-left: 20px !important; padding-right: 20px !important; padding-top: 8px !important; padding-bottom: 8px !important;}
h1 {font-family: "Kaisei Opti", serif;}
h2 {font-family: "Kaisei Opti", serif;}
h3 {font-family: "Kaisei Opti", serif;}
h4 {font-family: "Kaisei Opti", serif; font-size: 1.3rem !important;}

@media screen and (max-width: 1199px){
    .nav-link {font-size: .7rem !important;}
    .btn {font-size: .7rem !important;}
}
.navbar-toggler {background: transparent !important; border: none !important; color: white !important;}


.overlay-content a:hover {
    color: white;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: url('/www/assets/im/design/mobile_nav.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
    transition: 0s;
}
.overlay a {
    font-size: 18px !important;
}

.overlay-content {
    position: relative;
    top: -1%;
    left: 7%;
    width: 100%;
    text-align: left;
    margin-top: 30px;
}
.overlay-content .nadpis_menu img {width: 120px; color: white; margin-bottom: 3vh; margin-left: 0px; margin-top: 10px;}
.overlay a {
    padding: 15px;
    padding-left: 0px !important;
    text-decoration: none !important;
    color: white;
    display: block;
    transition: 0.3s;
    padding-top: 0px;
}

.overlay .closebtn {
    position: absolute;
    top: 0%;
    right: 5%;
    font-size: 60px !important;
    z-index: 999;
}

.breadcrumb img {width: 17px; margin-right: 6px; margin-top: -3px;}
.breadcrumb a {color: black !important; text-decoration: none; font-size: .8rem;}
.breadcrumb .active {color: black !important; font-size: .8rem; margin-top: 3.5px;}
.breadcrumb-item+.breadcrumb-item::before {color: black !important;}

h1 {font-size: 3rem;}
.hp_intro {
    height: 100vh; margin-top: -80px; overflow: hidden;
}
.intro_bg{background: url('/www/assets/im/design/restaurace_hlavni.jpg');
    background-position: center center;
    background-size: cover;
    transform: scale(1.1);
    height: 100vh;
    width: 100%;}
.hp_intro .hp_intro_content {padding-top: 30vh;}
.hp_intro .hp_intro_content .content_left {text-align: center;}
.hp_intro .hp_intro_content .content_left h1 {color: white; font-size: 3.5rem; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.hp_intro .hp_intro_content .content_right img {width: 100%; border-radius: 29px; }
.hp_intro_content .white-color {text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
.sipka_dolu {
    text-align: center; position: absolute; bottom: 22px; left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

@-webkit-keyframes mymove {
    from {transform: scale(1.15);}
    to {transform: scale(1.4);}
}
@media screen and (max-width: 991px) {
    .hp_intro .hp_intro_content {padding-top: 20vh;}
    h1 {font-size: 2.5rem}
    .intro_bg {height: 40vh;}
    .hp_intro {height: 40vh;}
}



@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

#sipka-pulse {
    animation: pulse 1s linear infinite;
    width: 22px;
}

.co_muzeme_udelat_box {background: url('/www/assets/im/design/bg_overlay.svg'); height: 60vh; background-size: cover; background-position: center center; position: absolute; z-index: -1;}
.header_of_section {color: white;text-align: center;}
.nabidka_sluzeb p {font-size: .9rem;}
.nabidka_sluzeb a {font-size: .8rem;}
.nabidka_sluzeb .img-thumbnail {background: white; border-radius: 29px; padding: 35px; text-align: center; border: none;}
.nabidka_sluzeb .img-thumbnail:hover {background: #efefef; cursor: pointer; transition: all 1s;}
.nabidka_sluzeb .strong {font-weight: 600;}
.nabidka_sluzeb h3 {   display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100px;
    font-size: 1.5rem;
}
.nabidka_sluzeb h3 p {   display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100px;
    font-size: 1.5rem;
}
.text-left {text-align: left !important;}
.text-right {text-align: right;}
.imagove {width: 30px;}
.litter_font {font-size: .8rem !important;}
body {background: #F5F5F7 !important;}
.box_duveruji .item img {width: 120px !important;}
.box_duveruji {margin-bottom: 0px; background: white;}
.contact_form {background: url('/www/assets/im/design/bg_overlay.svg'); background-size: cover; background-position: center center; height: auto;}
.contact_form input {border: 1px solid black; border-radius: 10px; color: black;}
.contact_form select {border: 1px solid black; border-radius: 10px; color: black;}
.contact_form textarea {border: 1px solid black; border-radius: 10px; color: black; resize: none;}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6F6F6F !important;
    font-size: .8rem;
    padding-left: 10px;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6F6F6F !important;
    font-size: .8rem;
    padding-left: 10px;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #6F6F6F !important;
    font-size: .8rem;
    padding-left: 10px;
}
.checker_inline a {color: black; text-decoration: underline; font-size: .8rem;}
.checker_inline label {font-size: .8rem;}
input[type='checkbox'] {
    accent-color: #7c4c95;

    border-radius: 50%;

    margin-top: 2px;
}
.special_icon_box h3 {font-size: 1.4rem;}
.contact_form button img {width: 15px; margin-left: 10px;}
.contact_form .content_contact {background: white; border-radius: 29px;}
.checker_inline input {display: inline-block; margin-top: 5px; float: left;}
.checker_inline label {display: inline-block; float: left;}
.form-control:focus {
    border-color: #7c4c95 !important;
    outline: 0;
    box-shadow: 0 0 0 .22rem rgb(124 76 149 / 33%) !important;
}
.img-thumbnail {height: 400px;}

.breadcrumb-wrapper  {
    background: transparent;
    padding: 1rem 2rem;
    border-radius: 1rem;
}

.breadcrumb {
    margin-bottom: 0;
    background: transparent;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    color: #6c757d;
    padding: 0 0.5rem;
}

.breadcrumb a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #495057;
    font-weight: 500;
}

.breadcrumb-icon {
    margin-right: 0.3rem;
}

@media screen and (max-width: 767px){
    .sipka_dolu {bottom: 30px;}
    .hp_intro .hp_intro_content .content_left h1 {font-size: 2.5rem;}
    .souhlas_box label {font-size: .7rem;}
    .intro_bg {background: url('/www/assets/im/design/restaurace_hlavni.jpg'); margin-top: 70px; background-position: bottom bottom; background-size: cover; background-repeat: no-repeat; height: 62vh;}
    .hp_intro {height: 62vh; padding-left: 0px !important; padding-right: 0px !important;}
    .content_in_intro {top: 32% !important;}
    .content_in_intro {position: static;
        transform: none;
        margin: 0 auto;
        width: 100%;
        padding: 0 16px; /* trochu vnitřního odsazení, aby text nelepil na kraje */
        box-sizing: border-box;}
    .breadcrumb-wrapper {padding: 0px !important;}
    h2 {font-size: 1.3rem !important;}
    ul {direction: ltr !important; text-align: left;}
    .navbar-nav {direction: ltr !important;}
    .cenovnik {background: #e6e6e6; padding: 20px; border-radius: 20px; text-align: center !important;}

    .box_rozcestnik .thumbnail {height: 200px !important;}
    .special_icon_box h3 {font-size: 1rem;}
    .box_vyhledavani a {margin-bottom: 20px;}
    .aktivita_box h3 {font-size: 1.3rem !important;}
    .box_jidelak p {font-size: .9rem;}
    .mobile_start {text-align: left !important;}
    .mobile_minus_margin {margin-top: -32px !important;}
    .img-thumbnail {height: 300px !important;}
    h4 {font-size: 1.1rem !important;}
}

.intro_podstranky {height: 80vh;}
.intro_podstranky .hp_intro_content {padding-top: 14vh !important;}
select {border: 1px solid black !important; border-radius: 50px;}
@media screen and (max-width: 1199px) {
    .intro_podstranky .hp_intro_content{
        padding-top: 20vh !important;
    }
}
.box_vyhledavani {background: transparent; border-radius: 29px; margin-top: -40px; padding-left: 20px; padding-right: 20px;}
.box_vyhledavani button {font-size: .7rem; width: 100%;}
.box_vyhledavani a {margin-left: 10px; margin-right: 10px; margin-top: -10px;}
.grey_text {color: #808080;}
.box_vyhledavani button img {width: 17px; margin-left: 5px;}
.white-color {color: white;}
.box_duveruji h3 {font-size: 1.4rem;}
.inzerat_box {margin-bottom: 35px;}
.inzerat_box .img-thumbnail {border-radius: 29px; padding: 0px; border: none;}
.inzerat_box iframe {border-top-left-radius: 29px; border-top-right-radius: 29px; padding: 0px; }
.inzerat_box h2 {font-size: 1.2rem; padding-left: 16px; padding-right: 16px;}
.inzerat_box strong {padding-right: 16px; font-size: .9rem; padding-left: 16px;}
.inzerat_box span {padding-right: 16px; font-size: .9rem; padding-left: 16px;}
.inzerat_box .image_instead_of_video {height: 220px; background: white; border-top-left-radius: 29px; border-top-right-radius: 29px; text-align: center;display: flex;
    align-items: center;
    justify-content: center;}
.inzerat_box .image_instead_of_video img {width: 50%;}
.alert-box {
    padding-top: 0px;
    width: 92%;
    position: fixed;
    bottom: 10px;
    left: 2%;
    z-index: 99;
    right: 2%; }
.inzerat_box a {font-size: .7rem;}
.image_instead_of_video {height: 113px; background: white; border-top-left-radius: 29px; border-top-right-radius: 29px; text-align: center;display: flex;
    align-items: center;
    justify-content: center;}
.image_instead_of_video img {width: 50%;}
#ModalZajem .btn-primary {text-transform: none !important; font-size: .7rem;}
#ModalZajem input {border: 1px solid black; border-radius: 0.375rem;}
#ModalZajem textarea {border: 1px solid black; border-radius: 0.375rem;}
#ModalZajem .modal-header {border-bottom: none;}
#ModalZajem .modal-title {line-height: 20px; padding: 20px;}
#ModalZajem .modal-header small {font-size: .7rem; color: #8B8B8B;}
.modal.fade.show {background: #000000a8;}
.content_of_inzerat p {font-size: .6rem !important;}
.content_of_inzerat strong {font-size: .8rem !important; text-align: center;}
.content_of_inzerat {border-left: 1px solid black;}
@media screen and (max-width: 767px){
    .content_of_inzerat {border-left: none;}
}
.colored_bg {background: url(/www/assets/im/design/bg_overlay.svg); height: auto; background-position: center center; background-size: cover;}
.colored_bg h2 {color: white;}
.colored_bg p {color: white;}
html { scroll-behavior: smooth; }
.box_podcast .thumbnail {background: white; border-radius: 29px; padding: 0px;}
.box_podcast .video {padding: 0px;}
.box_podcast .video iframe {border-radius: 29px;}
.box_podcast .content {padding-left: 20px; padding-right: 20px;}
.box_podcast .content h3 {font-size: 1.1rem;}
.box_podcast .content p {font-size: .8rem;}
.box_podcast .content a {font-size: .7rem;}
.box_podcast .content a img {width: 13px; margin-left: 5px; margin-top: -3px;}
.box_podcast .buttons a {display: block;}
.box_podcast .buttons img {width: 100%;}
@media screen and (max-width: 991px) {
    iframe {height: 300px !important; margin-bottom: 20px;}
    .box_podcast .buttons img {width: 60%;}
    .box_vyhledavani {padding-top: 20px;}
}
@media screen and (max-width: 767px) {
    .box_podcast .buttons img {width: 30%;}
    .box_podcast .buttons {text-align: center;}
    iframe {height: 200px !important; margin-bottom: 10px;}
    .box_podcast .buttons a {display: inline-block; float: left;}
    .box_podcast .buttons img {width: 100px; margin-right: 20px;}
    .padding_mobile {padding: 16px;}
}

.wider_banner {background: url('/www/assets/im/obsah/rede.jpeg'); background-position: center center; background-size: cover; height: auto; text-align: center;}
.banner_second {background: url('/www/assets/im/obsah/rede.jpeg'); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.wider_banner strong {color: white; text-align: center; font-size: 2.5rem; font-weight: 500;}
.sluzby_box .btn {color: white !important;}
.sluzby_box .content .content-image img {width: 100%; border-radius: 29px;}
.sluzby_box .content .content-info h3 {font-size: 1.3rem; font-weight: 600;}
.sluzby_box .content .content-info p {font-size: .8rem;}
.sluzby_box .content .content-info a {font-size: .8rem; color: black; text-decoration: none;}
.sluzby_box .content .content-info .people {width: 25px; margin-left: 25px; margin-top: -4px; margin-right: 4px;}
.sluzby_box .content .content-info .cost {width: 25px; margin-left: 45px; margin-top: -4px; margin-right: 4px;}
.special_icon_box .special img {width: 46px;}
.special_icon_box .special span {display: block;}
footer a {color: white; text-decoration: none; line-height: 36px; font-size: .9rem;}
footer strong {color: white; font-size: 1.1rem; font-weight: 500;}
footer a img {margin-right: 5px;}
footer img {width: 22px;}
footer .portalymg img {width: 62px;}
.afterfooter {background: #0D171D;}
.afterfooter p {color: white; text-decoration: none; font-size: .8rem;}
.afterfooter p:hover {color: white; text-decoration: none;}
.afterfooter a {color: white; text-decoration: none; font-size: .8rem;}
.afterfooter a:hover {color: #FFCB74; text-decoration: none; transition: all .5s;}
footer a:hover {color: #c2c2c2 !important; transition: all .4s;}
.lista_box {background: #664728;}
.lista_box p {color: white;}
@media screen and (max-width: 991px) {
    footer a {font-size: .8rem; line-height: 26px;}
    footer img {width: 16px;}
    .owl-carousel .owl-item img {
        display: block;
        width: 150px !important;
        padding: 50px;
        margin: 32px;
    }
}
@media screen and (max-width: 991px) {
    .intro_podstranky {
        height: 56vh;
    }
    .intro_podstranky .hp_intro_content {padding-top: 9vh !important;}
}

.aktivita_box h3 {font-size: 1.7rem; margin-bottom: 0px;}
.aktivita_box span {color: #646464;}
.aktivita_box p {padding-right: 0%; font-size: 1rem;}
.aktivita_box .box_right {padding-right: 5%;}
.aktivita_box .left_second {padding-left: 10%;}

@media screen and (max-width: 767px) {
    .wider_banner strong {font-size: 1.9rem;}
    .sluzby_box .content .content-info .people {margin-left: 8px;}
    .sluzby_box .content .content-info .cost {margin-left: 8px;}
    .aktivita_box p {padding-right: 0%;}
    .aktivita_box .left_second {padding-left: 16px;}
}
.galerie_foto img {width: 100%; border-radius: 29px;}

.reserve_box {background: #EBEBEB; border-radius: 29px; padding-left: 8%; padding-right: 8%; padding-top: 30px; padding-bottom: 30px;}
.reserve_box label {text-transform: uppercase; padding-left: 20px;}
.reserve_box input {border-radius: 29px; width: 100%;}
.reserve_box textarea {border-radius: 29px; width: 100%;}
.reserve_box select {border-radius: 29px; width: 100%; border: 1px solid #ced4da !important;}
.reserve_box button {width: 100%; text-transform: uppercase;}
#kontakty .kontakty_content img {width: 24px; margin-right: 10px; }
#kontakty .kontakty_content a {color: black; text-decoration: none; line-height: 45px;}
@keyframes fadeInHeaderBanner {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.showMe {
    animation-name: fadeInHeaderBanner;
    animation-duration: 4s;
}
.souhlas_box input {display: inline-block; float: left; width: auto; margin-top: 4px;}
.souhlas_box label {text-transform: none; display: inline-block; float: left; padding-left: 10px;}
.souhlas_box a {color: #473527;}
.alert-perfect{border-radius: 29px !important; width: 40% !important; border: none !important; padding-bottom: 6px !important;}
.dropdown img {width: 25px;}
.dropdown-menu {min-width: 2rem !important;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {border: none !important;}
.dropdown-item {width: auto;}
.overlay a img {width: 25px;}
.content_in_intro {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.content_in_intro h1 {color: white; text-align: center; font-size: 4rem !important;}
.content_in_intro p {color: white; text-align: center;   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.navbar-dark .navbar-nav .nav-link {text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
@media screen and (max-width: 991px) {
    .content_in_intro h1 {font-size: 2rem !important;}
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {display: block;
        float: right;
        text-align: right;}
    .overlay a {font-size: 1rem !important;}
}
.form-control:disabled, .form-control[readonly] {background: white !important;}
.reset_padding p {padding-right: 0% !important;}
.reset_padding img {margin-top: 10px;}
.reset_padding img a {display: inline-block !important; vertical-align: top !important;}
#here_kod_result {padding-left: 10px; margin-top: 10px;}
.intro_podstranky {background-position: center center; background-repeat: no-repeat; background-size: cover !important;}
.img-thumbnail {height: 400px !important;}
@media screen and (max-width: 767px){
    .souhlas_box label {padding-left: 22px; margin-top: -14px;}
    .navbar-toggler { position: absolute; right: 16px; top: 20px; }
    h2 {font-size: 1.3rem !important;}
    #kontakty .kontakty_content a {font-size: .9rem;}
}