/*html { scroll-behavior: smooth; }*/
body { font-size: 24px; font-family: 'bang-whack-pow', sans-serif; }
main { margin: 110px 0 0; }

[data-aos] {
    visibility: hidden;
}

[data-aos].animate__animated {
    visibility: visible;
}

/*CLASSES*/

.flex--container { display: flex; }
.medium--container { max-width: 1300px; padding: 0 50px; margin: 0 auto; }
.small--container { max-width: 1000px; padding: 0 50px; margin: 0 auto; }
.flex--end { justify-content: flex-end; }
.flex--start { justify-content: flex-start; }
.flex--center { justify-content: center; }

.text--center { text-align: center; }
.text--right { text-align: right; }
.text--uppercase { text-transform: uppercase; }

.font-size--xs { font-size: 12px; }
.font-size--s { font-size: 16px; }
.font-size--m { font-size: 32px; }
.font-size--subheading { font-size: 22px; }
.font-size--heading { font-size: 60px; }

.font-weight--bold { font-weight: 700; }

.first--color { color: #ed1651; }
.first--background { background-color: #ed1651; }
.second--color { color: #ffcc00; }
.second--background { background-color: #ffcc00; }
.third--color { color: #48c8cf; }
.third--background { background-color: #48c8cf; }
.fourth--color { color: #fff; }
.fourth--background { background-color: #fff; }
.fifth--color { color: #644f78; }
.fifth--background { background-color: #644f78; }

.img--responsive { max-width: 100%; height: auto; }

@media (max-width: 1200px) {
    .medium--container,
    .small--container { padding: 0 20px; }
}



/*CLASSES*/

/*HEADER*/

.toolbar-fixed .header { top: 79px; }

.header { position: fixed; top: 0; left: 0; width: 100%; height: 110px; background-color: #fff; z-index: 10;
    border-bottom: 2px solid #e4e4e4; border-top: 2px solid transparent; }
.header__container { display: flex; padding: 0 50px; justify-content: space-between; height: 100%; align-items: center;}

#block-menu { display: flex; justify-content: center; align-items: center; }
.menu ul { padding: 0; margin: 0; display: flex; align-items: center; height: 100%; flex-wrap: wrap;
    justify-content: flex-end; }
.menu__item { list-style: none; text-transform: uppercase; font-size: 18px; }
.menu__link { padding: 0 15px; transition: .3s; }
.menu__link:hover,
.menu__link.is-active { color: #000; transition: .3s; }
.menu__item:nth-child(1) { color: #31baac; }
.menu__item:nth-child(2) { color: #ea556f; }
.menu__item:nth-child(3) { color: #f05a72; }
.menu__item:nth-child(4) { color: #ef7f1a; }
.menu__item:nth-child(5) { color: #ffcb08; }
.menu__item:nth-child(6) { color: #ffcb08; }
.menu__item:nth-child(7) { color: #41b5ab; }
.menu__item:nth-child(8) { color: #f05a72; }
.menu__item:nth-child(9) { color: #ef7f1a; }
.menu__item:nth-child(10) { color: #6b4e7b; }
.menu__item:nth-child(11) { color: #f05a72; }

#block-gtranslate .gtranslate { display: flex; justify-content: space-between; align-items: center; width: 84px; }
#block-gtranslate .gtranslate a { height: 16px; }

@media (max-width: 1450px) {
    .menu__link { padding: 0 7px; }
}

@media (max-width: 1300px) {
    /*#block-menu { flex-direction: column; align-items: flex-end; }*/
    #block-gtranslate { font-size: 18px; margin: 5px 7px 0 0; }
}

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

@media (max-width: 1150px) {
    #block-menu { flex-direction: initial; align-items: center; }
    #block-gtranslate { margin: 0 15px 0 0; }

    #nav-icon { width: 40px; height: 25px; position: relative; cursor: pointer; display: block; transform: rotate(0deg);
        transition: .5s ease-in-out; z-index: 4; order: 1; }
    #nav-icon span { display: block; position: absolute; height: 4px; width: 100%; background: #000; opacity: 1;
        transform: rotate(0deg); transition: .25s ease-in-out; left: 0;}
    #nav-icon.open span { background: #fff; }
    #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) { transform: rotate(45deg); }
    #nav-icon.open span:nth-child(3) { transform: rotate(-45deg); }
    #nav-icon.open span:nth-child(4) { top: 18px; width: 0; left: 50%; }

    .menu ul { display: none; position: fixed; top: 0; left: 0; width: 100%; background: #222222; height: 100vh;
        padding: 50px 0; overflow: auto; }
    .menu__item:not(:first-child) { border-top: 1px solid #333; }
    .menu__link { display: block; padding: 15px 20px; }
    .menu__link:hover,
    .menu__link.is-active { color: #fff; }
}

@media (max-width: 400px) {
    .branding__img { width: 100%; height: auto; }
}

/*HEADER*/

/*SLIDER*/

.slider__slide { position: relative; }
.slider__slides,
.slider__slide,
.slide__image { height: 850px; overflow: hidden; }
.slide__image img { height: 100%; width: 100%; object-fit: cover; }
.slide__link { color: #fff; text-transform: uppercase; text-align: center; font-size: 34px; }
.slide__link span { display: block; }
.front .slider--slide-2 .slide__link { color: #a5042a; }

.slide--absolute { position: absolute; top: 0; }
.slide--absolute .do_anim { visibility: hidden; }
.slide--absolute .do_anim.animate__animated { visibility: visible; }
.slide__background img { max-width: 100%; height: auto; }

.front .slider--slide-0 .slide__background { left: 0; top: 0; height: 100%; }
.front .slider--slide-0 .slide__background .slide--absolute { left: 50%; transform: translateX(-50%); }
.front .slider--slide-0 .slide__decor { height: 90%; }
.front .slider--slide-0 .slide__decor img { height: 100%; width: 100%; object-fit: cover; }
.front .slider--slide-0 .slide__logo { top: 5%; z-index: 5; }
.front .slider--slide-0 .slide__logo img { max-width: 304px; height: auto; }
.front .slider--slide-0 .slide__writing { top: 25%; z-index: 4; }
.front .slider--slide-0 .slide__writing img { max-width: 632px; height: auto; }
.front .slider--slide-0 .slide__link { top: 60%; }

.front .slider--slide-1 .slide__background { right: 0; top: 0; height: 100%; }
.front .slider--slide-1 .slide__background .slide--absolute { right: 50%; transform: translateX(50%); }
.front .slider--slide-1 .slide__logo { top: 7%; z-index: 5; }
.front .slider--slide-1 .slide__logo img { max-width: 394px; height: auto; }
.front .slider--slide-1 .slide__writing { top: 42%; z-index: 4; }
.front .slider--slide-1 .slide__writing img { max-width: 394px; height: auto; }
.front .slider--slide-1 .slide__link { top: 64%; }

.front .slider--slide-2 .slide__background { height: 100%; left: 0; top: 0; }
.front .slider--slide-2 .slide__background > img { max-width: 50%; height: auto; }
.front .slider--slide-2 .slide__writing { left: 2%; bottom: 18%; z-index: 5; top: initial; }
.front .slider--slide-2 .slide__writing img { max-width: 730px; height: auto; }
.front .slider--slide-2 .slide__logo { left: -200px; bottom: 12%; z-index: 4; top: initial; }
.front .slider--slide-2 .slide__logo img { max-width: 1050px; height: auto; }
.front .slider--slide-2 .slide__link { bottom: 18%; top: initial; right: 2%; text-align: left; font-size: 24px;
    transform: rotate(-6deg);}
.slider--slide-2 .slide__writing img { max-width: 632px; height: auto; }

@media (max-width: 850px) {
    .front .slider--slide-2 .slide__writing { bottom: 16%; }
    .front .slider--slide-2 .slide__writing img { max-width: 600px; }
    .front .slider--slide-2 .slide__logo { left: -100px; }
    .front .slider--slide-2 .slide__logo img { max-width: 800px; }
    .front .slider--slide-2 .slide__link { bottom: 10%; right: 0; }
}

@media (max-width: 690px) {
    .slider__slides,
    .slider__slide,
    .slide__image { height: 600px; }

    .front .slider--slide-0 .slide__logo { width: 250px; }
    .front .slider--slide-0 .slide__logo img { max-width: 100%; height: auto; }
    .front .slider--slide-0 .slide__decor { height: 100%; }
    .front .slider--slide-0 .slide__writing { top: 35%; width: 90%; }
    .front .slider--slide-0 .slide__writing img { max-width: 100%; }
    .front .slider--slide-0 .slide__link { font-size: 30px; top: 67%; }

    .front .slider--slide-1 .slide__logo { width: 250px; }
    .front .slider--slide-1 .slide__logo img { max-width: 100%; height: auto; }
    .front .slider--slide-1 .slide__decor { height: 100%; }
    .front .slider--slide-1 .slide__writing { top: 35%; width: 90%; }
    .front .slider--slide-1 .slide__writing img { max-width: 100%; margin: 0 auto; }
    .front .slider--slide-1 .slide__link { font-size: 30px; top: 67%; }

    .front .slider--slide-2 .slide__writing img { max-width: 400px; }
    .front .slider--slide-2 .slide__logo { left: -100px; }
    .front .slider--slide-2 .slide__logo img { max-width: 600px; }
    .front .slider--slide-2 .slide__link { bottom: 22%; right: -10%; line-height: 18px; font-size: 18px; }
}

@media (max-width: 470px) {
    .front .slider--slide-0 .slide__logo { top: 5%; }
    .front .slider--slide-0 .slide__writing { top: 32%; }
    .front .slider--slide-0 .slide__link { top:60%; font-size: 24px; line-height: 30px; }

    .front .slider--slide-2 .slide__writing { bottom: 15%; }
    .front .slider--slide-2 .slide__writing img { max-width: 250px; }
    .front .slider--slide-2 .slide__logo { left: -50px; }
    .front .slider--slide-2 .slide__logo img { max-width: 400px; }
    .front .slider--slide-2 .slide__link { bottom: 28%; right: -34%; font-size: 15px; }
}

@media (max-width: 340px) {
    .front .slider--slide-2 .slide__writing img { max-width: 200px; }
    .front .slider--slide-2 .slide__logo img { max-width: 350px; }
    .front .slider--slide-2 .slide__link { right: -42%; }
}

/*SLIDER*/

/*PARALLAX*/

.parallax { position: relative; }
.parallax__container { background: no-repeat center /cover fixed; }
.iOS-device .parallax__container { background-repeat: no-repeat; background-size: cover; background-position: center;
    background-attachment: initial; }
.parallax--1 { height: 300px; }
.parallax--2 { height: 650px; }
.parallax--3,
.parallax--4 { height: 500px; }

.decor { position: absolute; left: 0; display: flex; }
.decor--top { top: 0; }
.decor--bottom { bottom: 0; }
.decor--attraction { bottom: -86px; }



/*PARALLAX*/

/*UE*/

body.no-scroll { overflow: hidden; }
.ue__trigger { cursor: pointer; transition: .3s; margin: 0 10px; }
.scroll .ue__trigger { transition: .3s; }
.ue__dialog { display: none; width: 100%; height: 100vh; background: #000000aa; position: fixed; top: 0; left: 0;
    z-index: 10; font-size: 16px; }
.ue__container { background: #fff; border-radius: 5px; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); padding: 50px 40px 40px; max-height: 90%; overflow: auto; }
.ue__content { display: flex; gap: 20px; }
.ue--part { width: 50%; }
.ue__content img { max-width: 100%; width: 100%; height: auto; }
.ue__close { position: absolute; top: -15px; right: 7px; font-size: 40px; cursor: pointer; }
.ue__badges { max-width: 100%; margin-bottom: 20px; }

@media(max-width: 1300px) {
    .ue__content { flex-wrap: wrap; }
    .ue--part { width:  100%; }
}

@media(max-width: 990px) {
    .ue__trigger { position: static; }
}

@media(max-width: 640px) {
    .ue__container { width: calc(100% - 20px); height: initial; }
    .ue__content { height: 100%; overflow: scroll; }
}

@media(max-width: 460px) {
    .ue__dialog { font-size: 14px; }
}

/*UE*/

/*CROCO*/

.animal__container { padding: 50px 0; overflow: hidden; }
.animal__side { width: 50%; padding: 0 50px; display: flex; }
.animal--text { flex-direction: column; justify-content: center; }
.animal--text h1 { font-size: 32px; font-weight: 400; margin: 0 0 35px; }
.animal--text p:nth-child(3) { font-size: 75px; }
.animal--image img { width: 100%; height: auto }

.animal--crocodile-searcher { overflow: hidden; padding: 0; }
.animal--crocodile-searcher .animal--image { padding: 100px 0 0; }
.animal--crocodile-searcher .animal--text { padding: 100px 50px; }
.animal--crocodile-searcher img { margin-bottom: -30%; max-width: 427px; }

.animal--gorilla { padding: 30px 0 0; }
.animal--gorilla img { max-width: 368px; height: auto; }

.animal--hedgehog img { max-width: 425px; height: auto; }

@media (max-width: 1200px) {
    .animal__side { padding: 0 20px; }
    .animal--crocodile-searcher .animal--text { padding: 100px 20px; }
}

@media (max-width: 920px) {
    .animal--text { font-size: 20px; }
}

@media (max-width: 770px) {
    .animal__container { flex-wrap: wrap; }
    .animal__side { width: 100%; justify-content: center; }
    .animal--crocodile-searcher img { margin-bottom: 0; }
}

@media (max-width: 400px) {
    .animal--text p:nth-child(3) { font-size: 60px; }
}

/*CROCO*/

/*MAP ATTRACTIONS*/

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

.map-attraction__container { position: relative; }
.map-attraction__links { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.map-attraction__link { position: absolute; display: flex; justify-content: center; align-items: center; }

.map-attraction__label { color: #fff; display: flex; justify-content: center; width: 100%; height: 100%;
    align-items: center; border-radius: 100%; opacity: 0; transition: .3s; }
.map-attraction__description { width: 300px; color: #fff; border-radius: 20px; padding: 15px; font-size: 13px;
    opacity: 0; transition: .3s; position: absolute; z-index: -1; }
.map-attraction__link:hover .map-attraction__label,
.map-attraction__link:hover .map-attraction__description { opacity: 1; transition: .3s; z-index: 1; }
.map-attraction__description strong { font-size: 14px; }
.map-attraction__description p:last-child { margin: 0; }

.map-attraction--rope { top: 30%; left: 6%; width: 11vw; height: 9vw; }
.map-attraction--rope .map-attraction__label { background: rgba(247, 148, 29, .7); }
.map-attraction--rope .map-attraction__description { background: rgb(247, 148, 29); left: 100%; margin-left: 15px; }

.map-attraction--carousel { top: 59%; left: 24%; width: 8vw; height: 7vw; }
.map-attraction--carousel .map-attraction__label { background: rgba(240, 90, 113, 0.7); }
.map-attraction--carousel .map-attraction__description { background: rgb(240, 90, 113); left: 100%; margin-left: 15px; }

.map-attraction--creative-fun { top: 30%; left: 33%; width: 11vw; height: 10vw; }
.map-attraction--creative-fun .map-attraction__label { background: rgba(102, 193, 183, 0.7); }
.map-attraction--creative-fun .map-attraction__description { background: rgb(102, 193, 183); left: 100%; margin-left: 15px; }

.map-attraction--bowling { top: 76%; left: 41%; width: 4vw; height: 4vw; }
.map-attraction--bowling .map-attraction__label { background: rgba(142, 48, 173, .7); }
.map-attraction--bowling .map-attraction__description { background: rgb(142, 48, 173); bottom: 100%; margin-bottom: 15px; }

.map-attraction--mataja { top: 52%; left: 48.5%; width: 8.5vw; height: 4.4vw; }
.map-attraction--mataja .map-attraction__label { background: rgba(0, 0, 0, .7); }
.map-attraction--mataja .map-attraction__description { background: rgb(0, 0, 0); right: 100%; margin-right: 15px; }

.map-attraction--sand { top: 73%; right: 34%; width: 6vw; height: 5vw; }
.map-attraction--sand .map-attraction__label { background: rgba(254, 203, 5, .7); }
.map-attraction--sand .map-attraction__description { background: rgb(254, 203, 5); bottom: 100%; margin-bottom: 15px; }

.map-attraction--pillow { top: 70%; right: 28%; width: 5vw; height: 4vw; }
.map-attraction--pillow .map-attraction__label { background: rgba(52, 182, 231, .7); }
.map-attraction--pillow .map-attraction__description { background: rgb(52, 182, 231); right: 100%; margin-right: 15px; }

.map-attraction--hedgehog { top: 56%; right: 30%; width: 5vw; height: 4vw; }
.map-attraction--hedgehog .map-attraction__label { background: rgba(107, 78, 123, .7); }
.map-attraction--hedgehog .map-attraction__description { background: rgb(107, 78, 123); right: 100%; margin-right: 15px; }

.map-attraction--crocodile { top: 26%; right: 30%; width: 7vw; height: 5vw; }
.map-attraction--crocodile .map-attraction__label { background: rgba(52, 182, 231, .7); }
.map-attraction--crocodile .map-attraction__description { background: rgb(52, 182, 231); right: 100%; margin-right: 15px; }

.map-attraction--spider { top: 57%; right: 18%; width: 7vw; height: 5vw; }
.map-attraction--spider .map-attraction__label { background: rgba(237, 77, 101, .7); }
.map-attraction--spider .map-attraction__description { background: rgb(237, 77, 101); right: 100%; margin-right: 15px; }

.map-attraction--kostkarnia { top: 80%; right: 19%; width: 7vw; height: 4vw; }
.map-attraction--kostkarnia .map-attraction__label { background: rgba(247, 148, 29, .7); }
.map-attraction--kostkarnia .map-attraction__description { background: rgb(247, 148, 29); bottom: 100%; margin-bottom: 15px; }

.map-attraction--trampoliny { top: 62%; right: 7%; width: 8vw; height: 6vw; }
.map-attraction--trampoliny .map-attraction__label { background: rgba(240, 189, 15, .7); }
.map-attraction--trampoliny .map-attraction__description { background: rgb(240, 189, 15); right: 100%; margin-right: 15px; }

.map-attraction--gorilla { top: 11%; right: 9%; width: 9vw; height: 7vw; }
.map-attraction--gorilla .map-attraction__label { background: rgba(234, 135, 36, .7); }
.map-attraction--gorilla .map-attraction__description { background: rgb(234, 135, 36); right: 100%; margin-right: 15px; }

.map-attraction--plumber { top: 80%; left: 35%; width: 5vw; height: 4vw; }
.map-attraction--plumber .map-attraction__label { background: rgba(29, 167, 241, .7); }
.map-attraction--plumber .map-attraction__description { background: rgb(29, 167, 241); bottom: 100%; margin-bottom: 15px; }

@media (max-width: 1450px) {
    .map-attraction__label { font-size: 18px; }
}

@media (max-width: 1000px) {
    .map-attraction__label { font-size: 14px; }
}

@media (max-width: 700px) {
    .map-attraction--creative-fun .map-attraction__description { bottom: 100%; margin-bottom: 15px; left: initial; }
    .map-attraction--kostkarnia .map-attraction__description { bottom: initial; right: 100%; margin-right: 15px; }
}

@media (max-width: 500px) {
    .map-attraction__description { display: none; }
}

/*MAP ATTRACTIONS*/

/*ATTRACTION PAGE*/

.page-desc { position: relative; padding: 50px 20px 0; font-size: 26px; }
.page-desc__container { padding: 0 0 50px; }
.page-desc p:last-child { margin: 0; }
.attraction--color { background-color: #f05a72; }
.decor--attraction { position: static; }

.attraction { padding: 80px 0; }
.attraction__container { padding: 0 20px; overflow: hidden; }
.attraction__side { width: 50%; }
.attraction__element { width: calc(100% / 3); }
.attraction--text { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.attraction__text-container { max-width: 450px; }
.attraction--image { align-items: center; position: relative; z-index: 1; }
.attraction--image img { max-width: 500px; width: 100%; height: auto; }
.attraction--odd .attraction--image { order: -1; display: flex; justify-content: flex-end; }

.page--14 .attraction  { padding: 150px 0 100px; }
.page--14 .attraction .attraction__element { padding: 0 20px }
.page--14 .attraction .attraction--image { display: flex; justify-content: center; }
.page--14 .attraction--odd .attraction--image { order: 1; }
.page--14 .attraction--even .attraction--image { order: -1; }
.page--14 .attraction h1,
.page--14 .attraction h2 { font-size: 26px; font-weight: 400; }
.page--14 .attraction p { font-size: 20px; }

.attraction--9 .attraction__container { flex-wrap: wrap; }
.attraction--9 .attraction__side { width: 100%; }
.attraction--9 .attraction--image { margin-top: 100px; display: flex; justify-content: space-around; order: 1; }
.attraction--9 .attraction--image img { width: calc(100% / 3); height: auto; padding: 0 20px; }

.attraction p { font-size: 22px; }
.attraction h2 { font-size: 30px; }
.attraction--0 { color: #6b4e7b; }
.attraction--1 { color: #b0cc20; }
.attraction--2 { color: #3db8aa; }
.attraction--3 { color: #e7526c; }
.attraction--4 { color: #6b4e7b; }
.attraction--5 { color: #e7526c; }
.attraction--6 { color: #ebd144; }
.attraction--7 { color: #b0cc20; }
.attraction--8 { color: #f07d1a; }
.attraction--9 { color: #e7526c; }
.attraction--10 { color: #68c0d7; }

.page--14 .attraction--1 { color: #fff; }
.page--14 .attraction--2 { color: #fff; }

@media (max-width: 1200px) {
    .page--14 .attraction { padding: 50px 0; }
    .page--14 .attraction__container { flex-wrap: wrap; }
    .page--14 .attraction .attraction__element { padding: 0; }
    .page--14 .attraction--text { width: 100%; margin-bottom: 30px; }
    .page--14 .attraction--image { width: 50%; }
    .page--14 .attraction--image img { max-width: 400px; }
    .page--14 .attraction__text-container { max-width: 100%; }
    .page--14 .attraction--even .attraction--image { order: 1; }
}

@media (max-width: 770px) {
    .attraction__container { flex-wrap: wrap; }
    .attraction__side { width: 100%; }
    .attraction--image img { margin: 0 auto; display: block; }
    .attraction--odd .attraction--image { order: 0; justify-content: center; }
    .attraction--10 .attraction--image img { width: 100%; margin: 20px 0; }
}

@media (max-width: 550px) {
    .page--14 .attraction--image { width: 100%; margin: 20px 0; }
}

/*ATTRACTION PAGE*/

/*FOOTER*/
/*top*/

.footer-top { background-color: #020202; }
.footer-top__container { align-items: center; padding: 30px 50px; }
.footer-top__element { width: 50%; }

.footer-top--logo-contact { display: flex; align-items: center; }

.footer-top__logo { margin: 0 40px 0 0; }
.footer-top__logo img { height: 116px; width: auto; }

.footer-top__contact p { margin: 0; }
.footer-top__contact a { transition: .3s; }
.footer-top__contact a:hover { transition: .3s; opacity: .7; }

.footer-top--socials { display: flex; justify-content: flex-end; }
.footer-top--socials a { margin: 0 5px; transition: .3s; }
.footer-top--socials a:last-child { margin-right: 0; transition: .3s; }
.footer-top--socials a:hover { transition: .3s; opacity: .7; }

@media (max-width: 1200px) {
    .footer-top__container { padding: 30px 20px; }
}

@media (max-width: 660px) {
    .footer-top__container { flex-wrap: wrap; }
    .footer-top__element { width: 100%; justify-content: center; }
    .footer-top--socials { margin-top: 30px; }
}

/*top*/
/*copyright*/

.footer-copyright { background-color: #222; }
.footer-copyright__container { justify-content: space-between; align-items: center; height: 70px; }
.footer-copyright__container a { transition: .3s; }
.footer-copyright__container a:hover { transition: .3s; opacity: .7; }

/*copyright*/
/*pfr*/

.footer-pfr--mobile { display: none; }
.footer-pfr__container img { max-width: 100%; height: auto; }

@media (max-width: 1020px) {
    .footer-pfr--desktop { display: none; }
    .footer-pfr--mobile { display: block; text-align: center; }
}

/*pfr*/
/*FOOTER*/

/*REGULAMIN*/

.page--9 { background-color: #46bbc1; }

/*REGULAMIN*/

/*POLKOLONIE*/

.page--3 { background-color: rgb(111, 87, 125); }
.page--3 .heading { color: #fff; padding: 50px 0; text-shadow: 2px -1px 1px rgba(150,150,150,.54); }
.page--3 .image { padding: 0 20px 60px; }
.page--3 .image__container { display: flex; justify-content: center; }
.page--3 .image img { max-width: 100%; height: auto; }
.page--3 .image__img { position: relative; }
.page--3 .image__link { position: absolute; top: -120px; right: -80px; }
.page--3 .image__link img { width: 250px; height: auto; }

@media (max-width: 1020px) {
    .page--3 .image__link { right: -20px; top: -80px; }
}

@media (max-width: 500px) {
    .page--3 .image__img { display: flex; justify-content: center; align-items: center; flex-direction: column; }
    .page--3 .image__link { position: static; margin: 0 0 50px; }
}

/*POLKOLONIE*/

/*PARK LINOWY*/

.page--4 .image { overflow: hidden; }
.page--4 .image__container { position: relative; }
.page--4 .image__container img { max-width: 100%; height: auto; }
.page--4 .park-logo { position: absolute; top: 15%; left: 50%; transform: translateX(-50%); z-index: 2; }
.page--4 .park-logo img { width: 25vw; height: auto; }
.page--4 .park-hedgehog { position: absolute; top: 49%; right: 50%; transform: translate(50vw, -85%);
    animation: hedgehog-anim 1s ease 2s forwards; opacity: 0; z-index: 1; }
.page--4 .park-hedgehog img { width: 11.05vw; }

.page--13 .image__container { position: relative; overflow: hidden; }
.page--13 .image__container > img { max-width: 100%; height: auto; }
.page--13 .park--absolute { position: absolute; }
.page--13 .park-logo { top: 5%; left: 50%; transform: translateX(-50%); z-index: 2; }
.page--13 .park-logo img { min-width: 142px; width: 30vw; height: auto; }
.page--13 .park-goryl { top: 7%; right: 7%; z-index: 1; }
.page--13 .park-goryl img { min-width: 220px; width: 52vw; height: auto; }
.page--13 .park-chmura { top: 28%; right: -200px; animation: chmura-anim 10s linear 1s forwards; z-index: 3; }
.page--13 .park-chmura img { width: 194px; height: auto;  }
.page--13 .park-balon { top: 25%; left: -150px; animation: balon-anim 10s linear 1s forwards; }
.page--13 .park-balon img { width: 112px; height: auto; }

.parallax--p { height: 600px; }

.page--4 .parallax { z-index: -1; }

@keyframes hedgehog-anim {
    from { transform: translate(50vw, -85%); top: 49%; }
    20% { opacity: 1; }
    to { transform: translate(50%, 0); opacity: 1; top: 51%; }
}

@keyframes balon-anim {
    from { top: 25%; left: -200px; }
    to { top: 8%; left: calc(100vw + 200px) }
}

@keyframes chmura-anim {
    from { top: 28%; right: -200px; }
    to { top: -5%; right: calc(100vw + 200px) }
}

@media (max-width: 1000px) {
    .page--13 .park-chmura img { width: 120px; }
    .page--13 .park-balon img { width: 80px; }
}

@media (max-width: 500px) {
    .page--13 .park-chmura img { width: 90px; }
    .page--13 .park-balon img { width: 50px; }
}

/*PARK LINOWY*/

/*TEXT ON IMAGE*/

.text-on-image { overflow: hidden; margin: -90px 0; }
.text-on-image__container { position: relative; background: no-repeat center /cover; }

.page--4 .text-on-image--3 .text-on-image__container { padding: 140px 0; }
.page--4 .text-on-image--1 .text-on-image__container,
.page--4 .text-on-image--5 .text-on-image__container { padding: 190px 0; }

/*TEXT ON IMAGE*/

/*CONTACT LINK*/

.contact-link { background-color: #272727; padding: 0 0 100px 0; display: flex; justify-content: center;
    align-items: center; }
.contact-link a { font-size: 20px; border: 2px solid #4e7d74; transition: .3s; background-color: transparent; padding: 20px 60px; }
.contact-link a:hover { transition: .3s; background-color: #4e7d74; }

.page--8 .contact-link { padding: 100px 0; }

/*CONTACT LINK*/

/*ROUTE*/

.routes { background-color: #272727; padding: 200px 0 100px; }
.route { width: calc(100% / 3); padding: 0 50px; }
.route__label { font-size: 22px; margin: 30px 0 10px; }
.route__description { font-size: 18px; }
.route--0 .route__label { color: #8cb642; }
.route--1 .route__label { color: #00a0e3; }
.route--2 .route__label { color: #e31e24; }

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

@media (max-width: 770px) {
    .routes { flex-wrap: wrap; }
    .route { width: 100%; margin: 20px 0; }
}

/*ROUTE*/

/*BIRTHDAY*/

.birthday-page .heading-image .parallax__container { height: 700px; }

.birthday__heading h1 { color: #fff; padding: 50px 0 0; text-shadow: 2px -1px 1px rgba(150,150,150,.54); margin: 0;
    font-weight: 400; line-height: 70px; }
.birthday__heading h2 { color: #c40d42; padding-bottom: 40px; font-weight: 400; }

.birthday { padding: 0 15px; background: #39b9aa; }
.birthday__container { padding: 0 0 50px; }
.birthday__side { width: 50%; padding: 0 15px; flex-direction: column; }
.birthday__logo { padding: 30px 0; display: flex; justify-content: center; align-content: center; }

.birthday__body img { max-width: 100%; height: auto; }

.birthday--park .birthday--background { background-color: #6fbbad; }
.birthday--park .birthday--background:hover { background-color: #56af9a; }
.birthday--park .birthday--subbackground { background-color: #cb5268; }
.birthday--park .birthday--subbackground:hover { background-color: #c0425a; }

.birthday--rope .birthday--background { background-color: #6b4e7b; }
.birthday--rope .birthday--background:hover { background-color: #5b4175; }
.birthday--rope .birthday--subbackground { background-color: #2ba195; }
.birthday--rope .birthday--subbackground:hover { background-color: #23968b; }

.birthday__description { padding: 50px 0; color: #fff; }
.birthday__description-container { display: flex; max-width: 1400px; margin: 0 auto; }
.birthday__description a { color: #c40d42; }
.birthday__description p { font-size: 20px; }
.birthday__description p strong { font-weight: 700; font-size: 24px; }
.birthday--part { width: 50%; padding: 0 50px; }
.birthday__brochure { display: flex; justify-content: center; align-items: center; }
.birthday__brochure img { max-width: 100%; height: auto; }

.cakes__container { display: flex; justify-content: center; align-items: center; padding: 20px 50px;
    flex-direction: column; }
.cakes__container img { max-width: 100%; height: auto; }
.cakes--label { background: #fefefe; flex-direction: column; text-transform: uppercase; }
.cakes--top { background: #fefefe; }
.cakes--bottom { background: #e5f4f1; }

.cakes__legend,
.cakes__legend-entry,
.cake__price-entry { display: flex; }
.cake__price-entry,
.cakes__legend-entry { margin: 10px; }
.cakes__label { font-size: 40px; }
.cakes__label-big { font-size: 78px; font-weight: 700; }
.cake__letter,
.cakes__letter { width: 30px; height: 30px; border-radius: 100%; font-size: 20px; display: flex;
    justify-content: center; align-items: center; color: #fff; }
.cake--letter-A,
.cakes--letter-A { background: #f8b8b8; }
.cake--letter-B,
.cakes--letter-B { background: #f9c4d8; }
.cake--letter-C,
.cakes--letter-C { background: #c7bfd4; }
.cake__number,
.cakes__number { margin: 0 5px; }

.cakes__wrapper { max-width: 1300px; }

.cake__container { display: flex; justify-content: space-between; margin: 20px 0; align-items: center; }
.cake__wrapper { display: flex; width: 100%; }
.cake__lp { background: #b3ded7; width: 60px; height: 60px; border-radius: 100%; color: #fff; display: flex;
    justify-content: center; align-items: center; font-size: 40px; flex: 0 0 60px; }
.cake__image img { max-width: 400px; height: auto; }
.cake__info { padding: 0 20px; width: 100%; }
.cake__name { font-size: 36px; font-weight: 700; }
.cake__description { font-size: 20px; }
.cake__price { display: flex; }
.cake__price-entry { width: calc(100% / 3); }
.cakes__title { font-size: 48px; color: #7f668e; }
.cakes__image { max-width: 400px; height: auto; width: 100%; }
.cakes__image img { width: 100%; height: auto; }
.cakes__decorative { display: flex; justify-content: space-between; max-width: 1300px; width: 100%; align-items: center; }
.cakes__decorative .cakes__wrapper { width: calc(100% - 400px); }

.packages__logo { padding: 40px 0; width: 100%; display: flex; justify-content: center; align-items: center;
    border-radius: 35px; box-shadow: 13px -9px 2px 0 rgba(0,0,0,.07); transition: .3s; }

.packages { padding: 10px; }
.package { margin: 24px 0; }
.subpackage__name,
.package__name { padding: 20px 0; font-size: 25px; border-radius: 20px; box-shadow: 6px -5px 2px -1px rgba(0,0,0,.07); }
.package__subpackages { padding: 10px; }

.package--opener { transition: .3s; cursor: pointer; }
.package--opener:hover { transition: .3s; }

.package--hidden { display: none; }

.subpackage { margin: 24px 0 0; }
.subpackage__description { background: #fff; font-size: 12px; border-radius: 35px; padding: 35px; font-family: Roboto, sans-serif; }

.images__container { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; }
.images__container img { margin: 20px; width: 100%; height: auto; max-width: 1000px; }



@media (max-width: 1400px) {
    .cakes__container { padding: 20px; }
}

@media (max-width: 1300px) {
}

@media (max-width: 1200px) {
    .birthday__description-container { flex-wrap: wrap; }
    .birthday--part { width: 100%; padding: 0; text-align: center; }
}

@media (max-width: 1060px) {
    .cake__price { flex-wrap: wrap; }
    .cake__price-entry { width: 100%; margin: 5px; }
    .cake--letter- { display: none; }
}

@media (max-width: 830px) {
    .cake__image img { max-width: 300px; }
}

@media (max-width: 770px) {
    .birthday__container { flex-wrap: wrap; }
    .birthday__side { width: 100%; margin: 20px 0; padding: 0; }
    .package__subpackages,
    .packages { padding: 0; }
    .subpackage__description { padding: 20px; }
    .cakes__decorative { justify-content: center; flex-wrap: wrap; }
    .cakes__decorative .cakes__wrapper { width: 100%; }
}

@media (max-width: 630px) {
    .cake__container { flex-wrap: wrap; justify-content: center; }
    .cake__image img { max-width: 400px; }
}

@media (max-width: 500px) {
    .cakes__legend { flex-wrap: wrap; justify-content: center; }
}

@media (max-width: 420px) {
    .cake__info { padding: 0; }
    .cake__wrapper { flex-wrap: wrap; width: 100%; }
    .cake__image img { max-width: 300px; }
    .cakes__title { margin: 0; }
}

@media (max-width: 380px) {
    .cakes__label { font-size: 30px; }
    .cakes__label-big { font-size: 52px; }
}


.bday__pricelist .font--22 { font-size: 22px; }
.bday__pricelist .font--30 { font-size: 30px; }
.bday__pricelist .font--40 { font-size: 40px; }

.bday__pricelist { padding: 50px 0; margin: 0 auto; letter-spacing: 1px; max-width: 400px; }
.bday__pricelist p { margin-bottom: 0; }
.bday__line { background: #75567e; border: 1px solid #5e7c8f; height: 3px; }
.bday__park { line-height: 1; }
.bday__park span { font-weight: 900; }
.bday__limit { color: #75567e; }

.bday__extra { display: flex; flex-direction: column; }
.bday__top { display: flex; justify-content: space-between; align-items: center; }
.bday__plus { font-size: 80px; line-height: 20px; }
.bday__bottom { text-align: center; }

.bday__desc { margin-top: 50px; }
.bday__heading { color: #75567e; }
.bday__info { padding: 0; margin: 0 0 0 16px; }
.bday__info li { list-style-image: url("../img/bullet.webp"); }

.bday__reservation { margin-top: 50px; text-align: center; }



/*BIRTHDAY*/

/*PRICELIST*/

.pricelist-decor { display: flex; }

.page--7 .heading { font-size: 130px; color: #7a5980; text-align: center; padding: 100px 0; text-transform: uppercase; }

.page--7 .content-body__container { padding: 0 150px; }
.page--7 .font--20 { font-size:20px }
.page--7 .font--24 { font-size:24px }
.page--7 .font--30 { font-size:30px }
.page--7 .font--32 { font-size:32px }
.page--7 .font--36 { font-size:36px }
.page--7 .font--50 { font-size:50px }
.page--7 .flex--parent { display:flex }
.page--7 .flex-lvl-0 { justify-content:center; align-items:center }
.page--7 .flex-lvl-1 { flex-direction:column; text-align:left; margin:2px 0 0 10px }
.page--7 .flex-lvl-1 .flex--child.font--20 { font-size:18px }
.page--7 .flex-lvl-1 .flex--child.font--36 { margin-top:-4px; font-size:32px }
.page--7 table.sf-table { border-radius:initial!important; border:none; color:#6b4e7b; width: 100%;
    margin-bottom: 50px; }
.page--7 table tr { background:#fff }
.page--7 table td { border-top:none; padding: 20px 10px; }
.page--7 table td img { max-width: 100%; height: auto; }
.page--7 table td p { display:flex; justify-content:center; align-items:center; margin: 0; text-align: center;
    font-size: 18px; }
.page--7 table td span { line-height:1 }
.page--7 table tr:nth-child(3),
.page--7 table tr:nth-child(7),
.page--7 table tr:nth-child(8) { background:#fcdabc }
.page--7 table tr:first-child,
.page--7 table tr:last-child { background:none }
.page--7 table tr:not(:first-child) td:last-child { background:#FFCB05; }
/*.page--7 table tr:first-child td:first-child { border-bottom:2px solid #6b4e7b; text-align: center; }*/
/*.page--7 table tr:first-child td:first-child,*/
.page--7 table tr:last-child td:last-child { background:#fff }
.page--7 table tr:first-child td:last-child { text-transform: uppercase; text-align: center; }
.page--7 table tr:first-child .small-text { font-size: 18px; }
.page--7 table tr:nth-child(3) td:last-child,
.page--7 table tr:nth-child(7) td:last-child,
.page--7 table tr:nth-child(8) td:last-child { background:#62bead }
.page--7 table tr:nth-child(4) td,
.page--7 table tr:nth-child(5) td,
.page--7 table tr:nth-child(7) td { border-bottom:2px solid #6b4e7b }
.page--7 .color--orange { color:#ea556f }
.page--7 .color--purple { color:#6b4e7b }
.page--7 .font--50.spacer { margin-left:10px }
.page--7 .font--36.spacer { margin-left:5px; margin-top:10px }
.page--7 .font--36.text--left { text-align:left }
.page--7 .krokodyl { margin-bottom:-102px }

.page--7 .image__container { display: flex; justify-content: center; align-items: center; margin-bottom: -60px; }
.page--7 .image__container img { width: 900px; height: auto; }

@media (max-width:1300px) {
    .page--7 .content-body__container { padding: 0 50px; }
}

@media (max-width:1200px) {
    .page--7 .content-body__container { padding: 0 20px; }
}

@media (max-width:1100px) {
    .page--7 .font--50 { font-size:30px }
    .page--7 .font--30 { font-size:30px }
    .page--7 .font--32 { font-size:30px }
    .page--7 .font--36 { font-size:30px }
    .page--7 .font--36.text--left { text-align:center }
    .page--7 .font--36.spacer { margin-top:0 }
}

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

@media (max-width:700px) {
    .page--7 .content-body__container { padding: 0; }
    .spb_content_element { padding:0 }
    .page--7 h1 { font-size:80px!important }
    .page--7 .font--50,
    .page--7 .font--36,
    .page--7 .font--30,
    .page--7 .font--32,
    .page--7 .flex-lvl-1 .flex--child.font--36,
    .page--7 .font--24 { font-size:20px }
    .page--7 .font--20 { font-size:16px }
    .page--7 .flex--parent { display:block }
}

@media (max-width:540px) {
    .page--7 .font--50,
    .page--7 .font--36,
    .page--7 .font--30,
    .page--7 .font--32,
    .page--7 .flex-lvl-1 .flex--child.font--36,
    .page--7 .font--24,
    .page--7 table tr:first-child div,
    .page--7 table tr:first-child .small-text,
    .page--7 .font--20 { font-size:14px }
}

@media (max-width:500px) {
    .page--7 .image__container { margin-bottom: -20px; }
}

@media (max-width:460px) {
    table.sf-table { letter-spacing:0 }
    .page--7 .font--50,
    .page--7 .font--36,
    .page--7 .font--30,
    .page--7 .font--32,
    .page--7 .flex-lvl-1 .flex--child.font--36,
    .page--7 .font--24 { font-size:16px }
    .page--7 table td { padding: 20px 1px; }
}

/*PRICELIST*/

/*DOUBLE TEXT*/

.double-text__side { width: 50%; padding: 100px 50px; }
.double-text__side-container { max-width: 508px; font-family: "Open Sans", sans-serif; font-weight: 600; }
.double-text--left .double-text__side-container { text-align: center; font-size: 28px; }
.double-text--right .double-text__side-container { font-size: 22px; }
.double-text--left .double-text__side-container img { width: 350px; max-width: 100%; height: auto; }

@media (max-width: 1200px) {
    .double-text__side { padding: 100px 20px; }
}

@media (max-width: 850px) {
    .double-text__container { flex-wrap: wrap; }
    .double-text__side { width: 100%;  justify-content: center; padding: 20px; }
    .double-text__side-container { max-width: 100%; }
    .double-text--right p img { margin: 0 auto; display: block; }
}

/*DOUBLE TEXT*/

/*TEXT*/

.text--1 { background: #241e21; padding: 80px 0; color: #fff; font-size: 26px; overflow: hidden; }
.text--3 { padding: 100px 0; overflow: hidden; }
.text--3 p { font-size: 26px; }
.text--3 ul { font-size: 18px; padding: 0; }
.text--3 li { list-style: none; }

.page--8 .text .highlight { color: #dae122; }

/*TEXT*/

/*PARTNERS*/

.page--8 .image img { max-width: 100%; height: auto; }

/*PARTNERS*/

/*REGULAMIN*/

.page--9 .heading__container { color: #fff; padding: 50px 0; }
.page--9 h1 { line-height: 70px; }
.page--9 h1,
.page--9 h2 { font-weight: 400; margin: 0; }

/*REGULAMIN*/

/*LINKS*/

.links { padding-bottom: 100px; }
.links__container .image-link { width: 50%; display: flex; justify-content: center; transition: .3s; }
.links__container .image-link:hover { transition: .3s; opacity: .7; }
.links__container .image-link img { max-width: 300px; height: auto; }

.page--10,
.page--11 { background: #f0f0f0; padding: 0 20px; }
.page--10 .heading__container,
.page--11 .heading__container { padding: 100px 0 50px; color: #46bbc1; }
.page--10 .heading__container h1,
.page--11 .heading__container h1 { text-shadow: 2px -1px 1px rgba(150,150,150,.54); }
.page--10 .content-body__container,
.page--11 .content-body__container { max-width: 1500px; margin: 0 auto; font-family: 'Helvetica', sans-serif;
    font-size: 18px; padding-bottom: 100px; }

.page--11 .highlight { color: #46bbc1; text-align: center; font-size: 18pt; }

@media (max-width: 850px) {
    .links__container { flex-wrap: wrap; }
    .links__container .image-link { width: 100%; margin: 20px 0; }
}

/*LINKS*/

/*CONTACT*/

.page--12 { background: #54c5d0; }
.page--12 .content-body__side { width: 50%; }
.page--12 .content-body--contact { font-size: 20px; padding: 50px 0; line-height: 35px; }
.page--12 .content-body--contact a { transition: .3s; }
.page--12 .content-body--contact a:hover { color: #fe504f; transition: .3s; }
.page--12 .content-body__logo { display: flex; justify-content: center; align-items: center; margin-bottom: 50px; }
.page--12 .content-body__logo img { max-width: 100%; height: auto; }

@media (max-width: 770px) {
    .page--12 .content-body__container { flex-wrap: wrap; }
    .page--12 .content-body__side { width: 100%; }
}

/*CONTACT*/

/*MAP GOOGLE*/

.map-google__label { background: #54c5d0; font-size: 48px; font-weight: 400; color: #fff; text-align: center; margin: 0;
    padding: 35px 0; }
.map-google__container p { margin: 0; display: flex; }
.map-google__container iframe { width: 100%; height: 400px; margin: 0; }

/*MAP GOOGLE*/

/*BISTRO*/

.page--14 { background: #000000; }

.page--14 .slider--slide-0 .slide__logo { left: 20%; top: 5%; }
.page--14 .slider--slide-1 .slide__logo { left: 10%; top: 20%; }
.page--14 .slider--slide-3 .slide__logo { left: 10%; top: initial; bottom: 10%; display: flex; align-items: flex-end;  }
.page--14 .slider--slide-3 .slide__logo img { margin: 0 50px; }
.page--14 .slider--slide-7 .slide__logo { top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (max-width: 1200px) {
    .page--14 .slider--slide-3 .slide__logo { flex-direction: column; }
    .page--14 .slider--slide-3 .slide__logo img { margin: 50px 0; }
}

@media (max-width: 650px) {
    .page--14 .slider--slide-3 .slide__logo { width: 100%; padding: 0 20px; justify-content: center; left: 0;
        align-items: center; }
    .page--14 .slider--slide-3 .slide__logo img { max-width: 100%; height: auto; }
}

/*BISTRO*/

/*GALLERY*/

.gallery-nav .slide img { width: 100%; height: auto; }
.gallery-slider .slide img { width: 100%; height: 100%; max-height: calc(100vh - 300px); object-fit: cover; }
.gallery-slider .slide__container { padding: 20px; }
.gallery-slider .slide__container img { box-shadow: 0 0 10px 1px rgba(0,0,0,.3); }
.gallery-nav .slick-slide { cursor: pointer; }
.gallery-nav .slick-slide:not(.slick-current) { filter: brightness(.6); transition: .3s; }
.gallery-nav .slick-slide.slick-current { outline: 3px solid #fff; outline-offset: -3px; filter: brightness(1); }
.gallery-nav .slick-slide:hover { filter: brightness(1); transition: .3s; }

@media (max-width: 800px) {
    .gallery-slider .slide img { max-height: calc(100vh - 250px); }
}

/*GALLERY*/

/*CONTACT FORM*/

.form { padding: 50px; }
.form__element { width: 100%; display: flex; flex-direction: column; }
.form__label { color: #fff; text-transform: uppercase; font-size: 18px; margin: 0; }
.form__input,
.form__textarea { border: 2px solid #e3e3e3; padding: 6px 12px; margin: 6px 0 15px; font-size: 14px; }
.form__input:focus,
.form__textarea:focus { border-color: #fe504f; }
.form__input:focus-visible,
.form__textarea:focus-visible { outline: none; }
.form__button { border: 2px solid #e3e3e3; padding: 0 22px; margin: 0 10px 20px 0; font-size: 30px; color: #fff;
    text-transform: uppercase; background: transparent; transition: .3s; }
.form__button:hover { background: #222; border-color: #222; transition: .3s; }

@media (max-width: 1200px) {
    .form { padding: 50px 20px; }
}

/*CONTACT FORM*/

/*FOR GROUPS*/

.page--13 .text--1 { background: #534069; padding: 100px 0; color: #fff; font-size: 28px; }
.page--13 .text--1 .text__container { max-width: 1000px; }

.page--13 .text-on-image { margin: 0; /*height: 450px;*/ }
.page--13 .text-on-image__text { padding: 80px 0; animation: leaves 1s ease-in-out infinite alternate; }
.page--13 .text-on-image__text .highlight { font-size: 120px; line-height: 80px; }



@media (max-width: 700px) {
    .page--13 .text-on-image__container { height: 100%; }
    .page--13 .text-on-image__text { display: flex; justify-content: center; align-items: center; height: 100%;
        flex-direction: column; }
    .page--13 .text-on-image__text .highlight { font-size: 80px; line-height: 65px; }
}

@media (max-width: 480px) {
    .page--13 .text-on-image__text .highlight { font-size: 65px; }
}

@media (max-width: 400px) {
    .page--13 .text-on-image__text .highlight { font-size: 55px; }
}

@keyframes leaves {
    from { transform: scale(.8); }
    to { transform: scale(1); }
}

/*FOR GROUPS*/

/*FOR GROUPS*/

.text-and-image--2 { background: #c63658; color: #fff; font-size: 20px; }
.text-and-image--4 { background: #55a194; color: #fff; font-size: 20px; }
.text-and-image--4 .text-and-image--image { order: -1; }
.text-and-image__side { width: 50%; }
.text-and-image--text { display: flex; justify-content: center; align-items: center; flex-direction: column;
    text-align: center; padding-top: 20px; padding-bottom: 20px; }
.text-and-image--image img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 770px) {
    .text-and-image__container { flex-wrap: wrap; }
    .text-and-image__side { width: 100%; }
    .text-and-image--4 .text-and-image--image { order: 1; }
}

/*FOR GROUPS*/

/*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-bottom: 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-family: 'Montserrat', sans-serif; font-weight: normal; }
#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*/