body {font-family: "Lora", arial, sans-serif; font-size: 14px;}
a, a:hover, a:visited {color: #7d2b05; transition: all 0.2s;}
a:hover {text-decoration: underline; transition: all 0.2s;}

#headerMenu {background: transparent url(nav-bg.png) repeat top left;}
#headerLogo {background: rgba(255,255,255,0.7)}

#headerWrapper {
    height: 430px;
    background: #fff;
}

#header {
    height: 330px;
    background: none;
}


.navbar {
    min-height: 10px;
}

#navigation li {
    color: #fff;
    background: none;
}
#navigation li:hover {
    color: #fff;
    background: #000;
}

h2.list-group-item-heading {margin: 15px 0;}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999;
    height: 100%;
}
#status {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 100px;
    margin: -150px 0 0 -150px;
    padding: 0;
}

#navigation li>a {background: none; color: #fff;}
#navigation li>a:hover, #navigation li>a:focus {background: #aecb06; color: #fff; }


#navigation .navbar-collapse {
    float: left;
}

#navigation .nav>li>a {
    padding: 15px 25px;
    font-size: 16px;
}
#navigation .nav>li:first-child {
    margin-left: 15px;
}

.dv-navigation li.active > a:before, .dv-navigation li > a:hover:before {
    font-family: FontAwesome;
    content: "";
    padding: 0;
}

.dv-navigation li>a:before, .dv-navigation li.active>a:before {
    font-family: FontAwesome;
    content: "";
    color: #fff;
    padding: 0;
}
.dv-navigation li.active>a:hover:before {  
    font-family: FontAwesome;
    content: "";
    padding: 0;
}

.box-gray {background: #f1f1f1;}
.box-gray h2 {background: #3b74c3; color: #fff; font-size: 22px; font-weight: 700; padding: 10px; text-transform: uppercase;}
.box-gray h3 {background: #ffcb29; color: #fff; text-align: right; float: right; padding: 8px; text-transform: uppercase; font-size: 16px; font-weight: 700;}

h1.module_title {background: #fff; font-weight: 700; color: #7d2b05; font-size: 26px; text-transform: uppercase; padding: 8px 15px; border-bottom: 2px solid #7d2b05; margin-bottom: 40px;}
li.menu-szansa {display: none;}



/*RESERVATION BOX*/

.reservation-box {
    font-size: 18px;
    font-weight: bold;
}
.phone-number {letter-spacing: 3px; font-size: 24px;}

a.btn-reservation {background: #440904; color: #fff; padding: 10px 15px; text-transform: uppercase;}



/*OFFERS*/


#offers {background: #efefef; padding-bottom: 15px;}

#offers p, #offers a {font-size: 18px; font-weight: bold; margin-top: 15px;}

.offerItem {margin-top: -60px; text-align: center;}

.offerItem img {
    transition: all 0.5s;
    border: 10px solid #aecb06;
    border-radius: 50%;
}

.offerItem:hover img {
    transition: all 0.5s;
    border: 10px solid #440904;
    cursor: pointer;
}


/*GALLERY*/
.galleryStart {padding-bottom: 30px;}

#footer {
    background: url(footer-bg.jpg)top left repeat;
    color: #fff;
    padding: 30px 0;
    margin-bottom: 20px;
    font-size: 14px;
    border-bottom: 3px solid #aecb06;
}

.attachments li {
    background: #fff;
    border: 2px solid #ffd900;
    padding: 5px;
    margin-bottom: 5px;
}

.attachments li a{
    color: #009ad0;
}

.att_author {display: none;}

img.logo-footer{opacity: 0.2}


.img-responsive {width: 100%;}


/*FRONT PAGE*/
.module-text {padding: 10px;}
.image-title, .module-text {
    font-weight: 700;
}
.image-title {

    padding: 10px;
    background: rgba(60,176,251,0.9);
    text-shadow: 0 1px 1px #00306d; color: #fff; position: absolute; bottom: 0; font-size: 15px; font-weight: 700;
}
.image-title:hover, .image-title:visited {
    background: rgba(60,176,251,1); color: #fff;
}

.module-text ul {
    padding-left: 10px;
}


/*SEARCH*/
#search-full {
    color: #fff;
    z-index: 9999;
}
.search-full-bg {background: #0095d9; padding: 2px;}

#search-full select {    
    background: #3cb2e8;
    color: #fff; 
    border: 1px solid #2a8ab6;
}

#search-full .btn, #search-full .btn:focus{padding: 2px; background: transparent; color: #fff;}
#search-full .btn:hover {color: #ffcb00;}


#search-full input {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: none;
    font-size: 14px;
    padding: 5px;
    height: auto;
    color: #fff;
}

#search-open {
    padding: 0px; border: 0px;
}

.close-search {
    color: #fff; 
    position: absolute; 
    top: 0px; 
    right: 5px; 
    font-size: 20px; 
    cursor: pointer;
}

.button-search-top {border-radius: 0px !important; height: auto; background: #3598db;}
.search-button {position: absolute; bottom: 15px; right: 0; font-size: 20px; cursor: pointer; text-align: right;    z-index:999; }

/*SEARCH*/
#search {
    position: fixed;
    top: 150px;
    display: block;
    z-index: 100;
    z-index:999;
}
#search .button {
    width: 45px;
    height: 45px;
    background: #efefef;
    color: #333;
    font-family: FontAwesome;
    content: "\f105";
    font-size: 22px;
    padding: 5px;
    text-align: center;
    display: block;
    position: absolute;
    right: -46px;
    top: -1px;
    z-index:999;
}


/*PARTNERS*/
.partners {
    transition: all 0.5s;
    position: fixed;
    top: 150px;
    height: 300px;
    width: 280px;
    display: block;
    left: -280px;
    background: #fff;
    padding: 15px;
    display: block;
    border: 2px solid transparent;
    z-index:999;
}
#partners-button {
    transition: all 0.5s;
    position: fixed;
    width: 45px;
    height: 45px;
    background: url("info-ico.png") no-repeat top left;
    display: block;
    left: 1px;
    top: 150px;
    z-index: 999;
}
#partners-button:hover {
    transition: all 0.5s;
    width: 45px;
    height: 45px;
    background: url("info-ico.png") no-repeat top left;
    display: block;
    left: 280px;
    top: 150px;
    z-index: 999;
}
#partners-button:hover .partners {
    transition: all 0.5s;
    left: 0px;
    background: #fff;
    border: 2px solid #aecb06;
    z-index: 999;
}

/*LANG*/

.lang {
    transition: all 0.5s;
    position: fixed;
    top: 200px;
    height: 100px;
    width: 280px;
    display: block;
    left: -280px;
    background: #fff;
    padding: 15px;
    display: block;
    border: 2px solid transparent;
    z-index:999;
}
#lang-button {
    transition: all 0.5s;
    position: fixed;
    width: 45px;
    height: 45px;
    background: url("lang-ico.png") no-repeat top left;
    display: block;
    left: 1px;
    top: 200px;
    z-index:999;
}
#lang-button:hover {
    transition: all 0.5s;
    width: 45px;
    height: 45px;
    background: url("lang-ico.png") no-repeat top left;
    display: block;
    left: 280px;
    top: 200px;
    z-index:999;
}
#lang-button:hover .lang {
    transition: all 0.5s;
    left: 0px;
    border: 2px solid #290002;
    z-index:999;
}

/*LANG*/

.gluten {
    transition: all 0.5s;
    position: fixed;
    top: 250px;
    height: 200px;
    width: 280px;
    display: block;
    left: -280px;
    background: #fff;
    padding: 15px;
    display: block;
    border: 2px solid transparent;
    z-index:999;
}
#gluten-button {
    transition: all 0.5s;
    position: fixed;
    width: 45px;
    height: 45px;
    background: url("gluten-ico.png") no-repeat top left;
    display: block;
    left: 1px;
    top: 250px;
    z-index:999;
}
#gluten-button:hover {
    transition: all 0.5s;
    left: 280px;
    z-index:999;

}
#gluten-button:hover .gluten {
    transition: all 0.5s;
    left: 0px;
    border: 2px solid #0076bd;
    z-index:999;
}

/*INTRO*/
.intro-text {text-align: right; font-size: 40px; padding: 20px 0; color: #000;}
.intro-rf {text-align: right;}
.intro-cat a:before {font-family: 'FontAwesome'; content: "\f1c1"; font-size: 20px; color: #ff0000; padding-right: 5px;}

.intro-button {margin-top: 15px;   }
.intro-button-content {text-align: center; background: #4077a2; padding: 10px;     -moz-transition: all 0.8s ease-in-out;
                       -webkit-transition: all 0.8s ease-in-out;
                       -o-transition: all 0.8s ease-in-out;}
.intro-button-content:hover {
    background: #ffd900; 
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}
.intro-button-content:hover a, .intro-button-content:hover a:before {color: #000;}
.intro-button-content a {color: #fff !important; font-size: 18px;}
.intro-button-content a:before {color: #fff; font-size: 18px; font-family: 'FontAwesome'; content: "\f115"; color: #fff !important; padding-right: 5px;}

::-webkit-input-placeholder {
    color: #fff !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #fff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
    color: red !important;  
}

:-ms-input-placeholder {  
    color: #fff !important;  
}


/*FORM*/
p.popraw {display: none !important;}

.required.popraw {border-color: red !important;}

/*BOX CONTACT FORM*/
div.box-color-grey2 .form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #576d83;
    background-color: #efefef;
    background-image: none;
    border: 3px solid #cacbcd;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.menuMobile {position: absolute; top: 15px; right: 5px; font-size: 30px; z-index: 999; padding: 5px 15px; background: #3b74c3; color: #fff;}
.menuMobile a {color: #fff;}


/*BACK TO TOP*/
#reservation {
    position: absolute; bottom: 0; right: -15px;
}
#back-top span {
    background-color: #aecb06;
    opacity: .9;
}

@media (max-width: 768px) {
    /*INTRO*/
    .intro-text {text-align: right; font-size: 32px; padding: 20px 0; color: #000;}    

    .offerItem {margin-top: 5px;}

    .menuMobile {background: #aecb06; color: #fff; position: absolute; top: 5px; right: 0px; }
    #status {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 120px;
        height: auto;
        margin: -60px 0 0 -60px;
        padding: 0;
    }
    #status img {width: 120px;}

    .navbar-nav {
        padding: 0px;
        margin: 0 15px;
    }
    .navbar-collapse {
        width: 100%;
    }
    #HeaderCustomerMobile {font-size: 18px; font-weight: 700; text-align: center;}

    #headerLogo, #mobileCustomer {
        margin-top: 5px;
    }

    .buttonMenuMobile {border: 0px;}
    .nav>li>a {
        font-size: 14px;
        font-weight: 700;
    }

    #docModul .module_title {display: none;}

    .dv-navigation {padding: 0; min-height: 0px !important;}
    .navbar {
        min-height: 0px;
    }
    #navigation .nav>li:first-child {
        margin-left: 0px;
    }
    #headerMenu {background: #430903;}
    #reservation {position: absolute; top: 200px !important; right: 0 !important; margin: 0 auto !important; z-index: 900}
    .navigation {z-index: 999;position: absolute; top: 0px; width: 100%; background: #440904}
}
h1.list-group-item-heading {padding: 20px 0; font-weight: bold;}

#wis2-panel {padding: -15px 0}

.cb-4, .cb-5 {display:none!important}

.checkbox-section {margin-bottom:5px}
.textarea-section {margin-top: 20px;}

.text-oferta {
    text-align: left
}

@media(min-width: 768px){
    .text-oferta {
        text-align: right
    }
}
.messenger-link:hover {text-decoration: none!important; background-color: +10%; transition: .3s all}
.messenger-link:hover #messenger {filter: brightness(95%)}

.galeria-mainpage img {
    height: 100px !important;
    width: 100%!important;
    -o-object-fit: cover!important;
    object-fit: cover!important;
}