body { font-family: 'Lato', sans-serif; }

main.scroll { padding-top: 60px; }

/*HEADER BAR*/

.header { height: 100px; background: #fff; width: 100%; transition: .3s; position: relative; z-index: 1;
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, .15))}
.header.scroll { position: fixed; top: 0; left: 0; height: 60px; transition: .3s; }
.scroll .menu__image { width: 160px; height: 130px; transition: .3s; }
.scroll .menu__image img { height: 70px; width: auto; transition: .3s; }

.header__container { height: 100%; display: flex; justify-content: space-evenly; padding: 0 20px; }
.header__space { width: 110px; }
.header__phone { width: 110px; display: flex; justify-content: center; align-items: center; font-weight: 700; }
.header--inn { color: #8B6B4D; }
.header--rooms { color: #197618; }
.header__phone a { transition: .3s; }
.header__phone a:hover { transition: .3s; opacity: .8; }
.header__phone--mobile { display: none; }

@media (max-width: 1040px) {
    .header__container { align-items: center; justify-content: space-between; }
}

.menu-block { height: 100%; width: calc(100% - 220px); }
.menu { max-width: 950px; display: flex; justify-content: space-between; margin: 0 auto; align-items: center;
    padding: 0; list-style: none; height: 100%; }
.menu__item { padding: 0; margin: 0; min-width: 93px; text-align: center; }
.menu__link { color: #000; text-transform: uppercase; display: block; }
.menu--rooms .menu__item:hover:not(.menu__image) .menu__link,
.menu--rooms .menu__link.is-active { color: #197618; transition: .3s; }
.menu--inn .menu__item:hover:not(.menu__image) .menu__link,
.menu--inn .menu__link.is-active { color: #8B6B4D; transition: .3s; }
.menu__image { width: 190px; height: 160px; background: #fff; position: relative; z-index: 1; border-radius: 100%;
    display: flex; justify-content: center; align-items: center; transition: .3s; }
.menu__image img { transition: .3s; }
.menu__image .menu__link { margin-bottom: -20px; }

.mobile__logo { display: none; }

@media (max-width: 1250px) {
    .menu-block { margin: 0 20px; }
}

@media (max-width: 1040px) {
    .menu__item--header.menu__image { display: none; }
    .mobile__logo { display: flex; }
    .menu-block { display: none; }

    #nav-icon { width: 35px; height: 27px; position: relative; cursor: pointer; display: block;
        -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out; transform: rotate(0deg); z-index: 2; }
    #nav-icon span { display: block; position: absolute; height: 5px; width: 100%; opacity: 1;
        -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); left: 0;
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; }
    .menu--rooms #nav-icon span { background: #197618; }
    .menu--inn #nav-icon span { background: #8B6B4D; }
    #nav-icon span:nth-child(1) { top: 0; }
    #nav-icon span:nth-child(2),
    #nav-icon span:nth-child(3) { top: 10px; }
    #nav-icon span:nth-child(4) { top: 20px; }
    #nav-icon.open span:nth-child(1) { top: 18px; width: 0; left: 50%; }
    #nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg); transform: rotate(45deg); }
    #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    #nav-icon.open span:nth-child(4) { top: 18px; width: 0; left: 50%; }

    .menu-block { display: none; background: #fff; width: 300px; position: fixed; left: 0; top: 0; height: 100vh;
        z-index: 1; margin: 0; }
    .menu { flex-direction: column; justify-content: initial; align-items: initial; padding-top: 100px; transition: .3s; }
    .scroll .menu { padding-top: 60px; transition: .3s; }
    .menu__item { text-align: left; line-height: 1.16; }
    .menu__link { padding: 10px 20px; font-size: 24px; }
    /*.menu.open { display: flex; }*/
}

@media (max-width: 450px) {
    .header { height: 60px; transition: .3s; }
    .header__phone a { display: none; }
    .header__phone--mobile { display: block; position: absolute; bottom: 70px; left: 20px; font-size: 24px;
        width: initial; }
    .header__phone--mobile a { display: block }

    .menu { padding-top: 60px; transition: .3s; }

    .menu__image { width: 160px; height: 130px; transition: .3s; }
    .menu__image img { height: 70px; width: auto; transition: .3s; }
}

/*HEADER BAR*/

/*FOOTER*/

.footer__container { background: #eeecec; padding: 50px 0; }

.footer__logo-container { display: flex; align-items: center; overflow: hidden; }
.footer__line { height: 1px; width: 100%; margin: 0 20px; }
#block-footer-inn .footer__line { background: #8B6B4D; }
#block-footer-rooms .footer__line { background: #197618; }

.footer__text { text-align: center; margin: 30px 0; position: relative; }
.footer a[href^="mailto:"] { text-decoration: underline; }
.footer a { transition: .3s; }
.footer a:hover { opacity: .8; transition: .3s; }

.footer__socials { text-align: center; margin: 0 0 30px; overflow: hidden; position: relative; }
.footer__socials a { margin: 0 10px; display: inline-block; transition: .3s; }
.footer__socials img { transition: .3s; }
.footer__socials a:hover img { opacity: .8; transition: .3s; }

.footer__redirect { top: -25px; }
.footer__redirect img { width: 150px; height: auto; }
.footer__advisor { bottom: -50px; }
.footer--absolute { position: absolute; right: 50px; }

.footer__pattern { height: 45px; width: 100%; background: repeat center /contain; }

@media(max-width: 768px) {
    .footer--absolute { position: static; }
    .footer__advisor { margin-top: 30px; }
}

/*FOOTER*/

/*GLOBALS*/

.container-text { max-width: 900px; margin: 0 auto; }
.container-text-medium { max-width: 720px; margin: 0 auto; }
.text-center { text-align: center; }

.node--6 .text:nth-child(3),
.font-heading { font-family: 'Unna', sans-serif; }
.font-content { font-family: 'Lato', sans-serif; }
.font-extra { font-family: 'Dancing Script', sans-serif; }

.big { font-size: 64px; }
.heading { font-size: 36px; font-weight: 400; }
.medium { font-size: 24px; }
.uppercase { text-transform: uppercase; }
.icon__seperator { display: block; margin: 50px auto; }
a:hover .right__anim { animation: moveInRight 1s infinite; }

.zajazd a[href^="mailto:"] { color: #8B6B4D; text-decoration: underline; }
.pokoje a[href^="mailto:"] { color: #197618; text-decoration: underline; }

@media(max-width: 600px) {
    .heading { font-size: 28px; }
}

/*GLOBALS*/

/*TWG - Text With Gallery*/

.twg__gallery { padding: 0 40px; display: flex; overflow: hidden; max-width: 1380px; margin: 0 auto; }
.twg__gallery img { width: 100%; height: 100%; object-fit: cover; }
.twg__gallery--part { width: 50%; }
.twg__gallery-images { display: flex; flex-wrap: wrap; /*margin: -10px 0;*/ }
.twg__gallery-image { width: calc(50% - 20px); overflow: hidden; margin: 10px; }
.twg__gallery-big-image { padding: 10px; }
.twg__gallery-image.trigger:nth-child(n+4) a { position: relative; display: block; }
.twg__gallery-image.trigger:nth-child(n+4) a:before { display: flex; content: '+'; width: 100%; height: 100%; color: #fff;
    justify-content: center; align-items: center; background: rgba(0, 0, 0, .4); position: absolute; top: 0;
    font-size: 48px;  font-weight: 700; }
.twg__gallery-images div:nth-child(n+5) { display: none; }

.twg__heading { margin: 30px 0; }

.twg__text { padding: 0 50px; }

@media (max-width: 920px) {
    .twg__gallery { flex-direction: column; }
    .twg__gallery--part { width: 100%; }
    .twg__gallery-images { margin: 10px 0; }
}

@media (max-width: 550px) {
    .twg__text { padding: 0 20px; }
    .twg__gallery { padding: 0 10px; }
}

/*TWG - Text With Gallery*/

/*IWT - Image With Text*/

.iwt { padding: 0 50px; max-width: 1380px; margin: 0 auto; }
.iwt:last-child .iwt__text-container { order: -1; }
.iwt__container { display: flex; }
.iwt--part { flex: 0 0 50%; /*overflow: hidden; */}
.iwt__image { width: 100%; height: auto; }
.iwt__text-container { background: #F7F5F5; padding: 30px 50px; }
.iwt__text { margin: 20px 0 30px; line-height: 1.16; }
.pokoje .iwt__link { color: #197618; }
.zajazd .iwt__link { color: #8B6B4D; }
.iwt__link { display: inline-block; }
.iwt__link span { transition: .3s; text-decoration: underline; }
.iwt__link:hover span { opacity: .8; transition: .3s; }
.iwt__link img { margin-left: 20px; }

@media (max-width: 1300px) {
    .iwt__image { height: 100%; object-fit: cover; }
}

@media (max-width: 920px) {
    .iwt__container { flex-direction: column; }
    .iwt--part { flex: 0 0 100%; }
    .iwt--3 .iwt__image-container { order: -1; }
}

@media (max-width: 550px) {
    .iwt { padding: 0 20px; }
    .iwt__text-container { background: #F7F5F5; padding: 30px 20px; }
}

/*IWT - Image With Text*/

/*TOI - Text On Image*/

.toi { width: 100%; background: no-repeat center /cover; padding: 50px 0 100px; }
.toi__text { color: #fff; line-height: 1.16; padding: 0 50px; }
.toi__icon { margin: 0 auto 20px; display: block; }

/*TOI - Text On Image*/

/*PARAGRAPH IMAGE*/

/*.image__container { padding: 0 50px; }*/
.image { display: block; margin: 0 auto 50px; max-width: 100%; height: auto; }
.image__heading { margin-bottom: 50px; }
.image__container.menu--card { display: flex; justify-content: center; margin-bottom: 50px; padding: 0 20px; }
/*.image__container .colorbox { display: block; margin: 0 auto 50px; text-align: center; }*/
.image__container .colorbox img { max-width: 100%; height: auto; }

@media (max-width: 550px) {
    .image__container { padding: 0 20px; }
}

/*PARAGRAPH IMAGE*/

/*REDIRECT*/

.redirect { background: no-repeat center /cover; padding: 200px 0; text-align: center; }
.redirect__link { border-radius: 5px; color: #fff; display: inline-block; }
.redirect__link-text { padding: 30px 10px; display: inline-block; }
.redirect--accommodation { background: linear-gradient(180deg, #23A420 0%, #197618 100%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); padding: 0 20px; }
.redirect--walk { border: 1px solid #fff; padding: 0 30px; }

@media (max-width: 980px) {
    .redirect { padding: 150px 0; }
}

@media (max-width: 550px) {
    .redirect { padding: 100px 0; }
}

@media (max-width: 500px) {
    .redirect__link-text { padding: 15px 10px; font-size: 20px; }
}

@media (max-width: 450px) {
    .redirect__link { display: flex; align-items: center; justify-content: space-between; margin: 0 auto;
        max-width: 90%; }
    .redirect__link-text { }
}

/*REDIRECT*/

/*MAP*/

.map { width: 100%; display: block; }
.map img { max-width: 100%; height: auto; }

/*MAP*/

/*PARAGRAPH TEXT*/

.text { padding: 0 50px; }
.text__heading { line-height: 1.16; margin-bottom: 50px; }
.text__link { margin: 50px 0; }

@media (max-width: 550px) {
    .text { padding: 0 20px; }
}

/*PARAGRAPH TEXT*/

/*GALLERY*/

.gallery { max-width: 1380px; margin: 0 auto; padding: 0 40px; }
.gallery__heading { margin-top: 50px; }
.gallery__container { padding: 40px 0; display: flex; flex-wrap: wrap; margin: 0 -10px; }
.gallery__item { width: calc(100% / 3); padding: 10px; }
.gallery__item img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 550px) {
    .gallery { padding: 0 20px; }
    .gallery__container { justify-content: center; }
    .gallery__item { width: calc(100% / 2); }
}

@media (max-width: 450px) {
    .gallery__item { width: 100%; }
}

/*GALLERY*/

/*LOGIN FORM*/

#user-login-form .login-form { margin-top: 50px; padding: 0 30px; }
#user-login-form .logo { text-align: center; }
#user-login-form .logo img { width: 320px; height: auto; margin-bottom: 50px; }
#user-login-form .logo h2 { color: #666666; font-family: 'Montserrat', sans-serif; font-size: 16px; margin: 0 0 50px; }

#user-login-form #edit-name--description,
#user-login-form #edit-pass--description { display: none; }

#user-login-form .login-fields label { display: none; }
#user-login-form .login-fields .form-text { width: 500px; margin-bottom: 30px; height: 25px; border-radius: 5px;
    border: 2px solid #6666; background-color: #F3F4EE; padding-left: 5px; font-size: 14px; }
#user-login-form .login-fields .form-text:focus { border: 2px solid #0085D0; }
#user-login-form .login-fields .field { display: flex; margin: 0 auto; }
#user-login-form .login-fields { max-width: max-content; margin: 0 auto; }
#user-login-form .login-fields p { line-height: 20px; width: 150px; color: #666666; font-size: 16px; font-weight: 400;
    font-family: 'Montserrat', sans-serif; }
#user-login-form .login-submit { max-width: max-content; margin: 0 0 0 auto; }
#user-login-form #edit-submit { padding: 10px 50px; border-radius: 5px; border: 0; background-color: #0085D0;
    color: white; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: normal; }
#user-login-form #edit-submit:hover { opacity: 0.85; }


@media (max-width: 700px) {
    #user-login-form .login-fields .form-text { width: 100%; }
}

@media (max-width: 450px) {
    #user-login-form .login-fields .field { display: block; }
    #user-login-form .login-fields p { margin: 0; }
    #user-login-form .login-submit { margin: 0 auto; }

    #user-login-form .logo img { width: 100%; }
}

/*END LOGIN FORM*/

@keyframes moveInRight {
    0%, 100% { transform: translateX(0) }
    50% { transform: translateX(10px)  }
}

@keyframes moveInUp {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: none; opacity: 1; }
}


/*COOKIES*/

.disclaimer__text { font-size: 32px; margin-bottom: 50px; }

.cookie-page { width: 900px; margin: 0 auto; }
.cookie-page .cookies-docs { margin: 25px auto; }

@media (max-width: 900px) {
    .cookie-page { width: 100%; }
}

/*COOKIES*/