html { font-size: 18px; }

body {
    --top-bar-height: 100px;
    --top-bar-scroll-height: 60px;
}

/* terracota - #a34d2a */

a[href*="/"],
a[href*="/"]:hover { transition: .3s; }

body { font-family: 'Cormorant Garamond', sans-serif; }

.font--cormorant { font-family: 'Cormorant Garamond', serif; }
.font--lato { font-family: Lato, sans-serif; }
.font--montserrat { font-family: Montserrat, sans-serif; }
.font--13 { font-size: 13px; }
.font--14 { font-size: 14px; }
.font--18 { font-size: 18px; }
.font--20 { font-size: 20px; }
.font--24 { font-size: 24px; }
.font--italic { font-style: italic; }

.color--amber { color: #A34D2A; }

.weight--light { font-weight: 300; }
.weight--regular { font-weight: 400; }
.weight--medium { font-weight: 500; }
.weight--semi-bold { font-weight: 600; }

.text--center { text-align: center; }
.text--upper { text-transform: uppercase; }

img { max-width: 100%; height: auto; }
[class*="container--"] { margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
.container--normal { max-width: 1200px; }
.container--small { max-width: 800px; }
.vertical-space-100 { padding-top: 100px; padding-bottom: 100px; }
.container--medium {
  max-width: 1440px;
}

@media (max-width: 768px) {
    [class*="container--"] { padding-left: 20px; padding-right: 20px; }
}

.remove-last-margin :last-child { margin-bottom: 0; }

/*BOOK NOW*/

.book-button__link { color: #A34D2A; border: 1px solid #A34D2A; border-radius: 50px; font-size: 14px; display: flex;
    width: 180px; height: 50px; justify-content: center; align-items: center; margin-top: 30px; margin-bottom: 30px;
    cursor: pointer; transition-property: background-color, color, height, width; transition-duration: .3s;
    background: transparent; font-family: Montserrat, sans-serif;}
.book-button__link.primary { background: #A34D2A; color: #fff; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link.center { margin-left: auto; margin-right: auto; }
.book-button__link:hover { background: #E0C2A84D; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link.background { background: #fff; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link:hover.background { background: #fffc; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link:hover.background-reverse { background: #A34D2A; color: #fff; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link:hover.primary { color: #A34D2A; }
.book-button__link.reset-margin { margin: 0; }
/*.book-button__link.slider { background: #A34D2A; color: #fff; }*/
/*.book-button__link.slider:hover { background: #fff; color: #A34D2A; }*/

/*BOOK NOW*/

/*HEADER*/

.top-bar { height: var(--top-bar-scroll-height); transition: .3s; position: sticky; width: 100%; z-index: 4;
    border-bottom: 1px solid #e5e5e5; top: 0; /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)*/ }
.top-bar__container { height: 100px; display: flex; align-items: center; background: #fff; padding: 0 50px; transition: .3s; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5) }
.top-bar--logged { top: 79px; }
.scroll .top-bar__container { height: var(--top-bar-scroll-height); transition: .3s; }

.top-bar--logo,
.top-bar--book { flex: 0 0 200px; }
.top-bar--menu { width: 100%; }
.top-bar--book { justify-content: flex-end; display: flex; }
.top-bar--book .book-button__link { width: 160px; }
.scroll .top-bar--book .book-button__link { height: 36px; transition: .3s; }

.main-menu { height: 100%; }
.menu { display: flex; height: 100%; font-size: 16px; margin: 0 auto; padding: 0; max-width: 800px; font-family: Montserrat, sans-serif; }
.menu__item { list-style: none; height: 100%; }
.menu--item-0 { flex: 1; display: flex; justify-content: center; align-items: center; }
.menu--home { flex: 2; }
.menu--recovery { flex: 2; }
.menu__link { cursor: pointer; transition: .3s; }
.menu--item-0 > .menu__link:not(.branding) { padding: 30px 20px 25px; }
.scroll .menu--item-0 > .menu__link:not(.branding) { padding: 10px 20px 5px; }
.menu__item.expanded { position: relative; }
.menu--item-0 > .menu__link:not(.branding) { border: solid transparent; border-width: 10px 0 10px 0; }
.menu--item-0:hover > .menu__link:not(.branding),
.menu--item-0.active-trail > .menu__link:not(.branding) { border-bottom-color: #A34D2A; transition: .3s; color: #A34D2A; }

.menu--lvl-1 { display: none; background: #fff; position: absolute; top: var(--top-bar-height); transition: .3s;
    height: initial; left: 14px; font-size: 14px; }
.scroll .menu--lvl-1 { top: var(--top-bar-scroll-height); transition: .3s; }
.menu__item.expanded:hover > .menu--lvl-1 { display: block; }
.menu--item-1:first-child { border-bottom: 1px solid #e5e5e5; }
.menu--item-1 { padding: 4px; }
.menu--item-1 .menu__link { padding: 10px 16px 10px 16px; display: block; transition: .3s; width: 200px; }
.menu--item-1 .menu__link.is-active,
.menu--item-1:hover .menu__link { background: #E0C2A84D; color: #A34D2A; transition: .3s; }

.logo { height: 100%; }
.logo.logo--mobile { display: none; }
.branding__img { height: 100%; width: auto; padding: 5px; }

@media (max-width: 1300px) {
    .top-bar__container { padding: 0 20px; }
    .top-bar--book,
    .top-bar--logo { flex: 0 0 150px; }
    .top-bar--book .book-button { width: 150px; }
}

@media (max-width: 1200px) {
    .menu { max-width: 600px; }
    .menu--lvl-1 { left: 14px; }
    .top-bar--book .book-button__link { width: 140px; }
}

@media (max-width: 980px) {
    .menu--home { display: none; }
    .logo.logo--mobile { display: flex; margin-left: -15px; align-items: center; }

    .top-bar__container { justify-content: space-between; }
    .top-bar--menu { order: 2; display: flex; justify-content: flex-end; align-items: center; }
    .top-bar--logo { height: 100%; }
    .top-bar--logo,
    .top-bar--menu { flex: 1; width: initial; max-width: 150px; }
    .top-bar--book { flex: 1; width: initial; max-width: 160px; }

    .top-bar--book { justify-content: center; }
    .top-bar--book .book-button__link { margin: 0 auto; transition-property: width, height; }
    .scroll .top-bar--book .book-button__link { height: 36px; transition: .3s; width: 120px; margin: 0 auto; }

    .branding__img { max-height: 60px; }

    .nav-icon { width: 35px; height: 27px; position: relative; cursor: pointer; display: block; transform: rotate(0deg);
        transition: .5s ease-in-out; }
    .nav-icon span { display: block; position: absolute; height: 5px; width: 100%; background: #A34D2A; opacity: 1; left: 0;
        transform: rotate(0deg); transition: .25s ease-in-out; }
    .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(2) { transform: rotate(45deg); }
    .nav-icon.open span:nth-child(3) { transform: rotate(-45deg); }
    .nav-icon.open span:nth-child(1),
    .nav-icon.open span:nth-child(4) { top: 18px; width: 0; left: 50%; }

    .menu { font-size: 13px; }
    .menu--lvl-0 { display: none; position: fixed; top: var(--top-bar-height); background: #fff; right: 0; width: 400px;
        height: calc(100vh - var(--top-bar-height)); transition: top .3s; }
    .scroll .menu--lvl-0 { top: var(--top-bar-scroll-height); height: calc(100vh - var(--top-bar-scroll-height)); }
    .menu__item { height: initial; text-align: right; }
    .menu__link { width: 100%; font-size: 16px; }

    .menu--item-0 { border-bottom: 1px solid #e5e5e5; }
    .menu--item-0.expanded { flex-direction: column; }
    .menu--item-0 > .menu__link:not(.branding),
    .menu--item-0 > .menu__link:not(.branding):hover,
    .menu--item-0.active-trail > .menu__link:not(.branding) { border: none; }
    .menu--item-0 > .menu__link:not(.branding) { padding: 15px; }

    .menu--lvl-1 { position: static; transition: initial; width: 100%; }
    .menu__item.expanded > .menu__link:hover ~ .menu--lvl-1 { display: none; }
    .menu--item-1:first-child { border-top: 1px solid #e5e5e5; }
    .menu--item-1 .menu__link { padding: 10px 30px 10px; }
}

@media (max-width: 800px) {
    .menu--lvl-0 { width: 300px; }
}

@media (max-width: 450px) {
    .menu--lvl-0 { width: 80%; }
}

/*HEADER*/

/*FOOTER*/

:not(.node--7) .bottom-bar { padding: 0 0 65px; }

.bottom-bar { background: #E0C2A84D url("/themes/jeda/css/img/mira-pattern-corner.svg") no-repeat right bottom /contain; }
.bottom-bar__container { padding-top: 100px; padding-bottom: 100px; }
.bottom-bar__label { font-weight: 700; letter-spacing: 5px; font-size: 12px; margin-bottom: 15px; display: flex; }

.bottom-bar--row-1 { display: flex; margin-bottom: 50px; justify-content: space-between; }

.bottom-bar__desc { display: flex; align-items: flex-end; }
.bottom-bar__desc span { font-size: 12px; font-weight: 300; margin-bottom: 9px; display: inline-block; padding: 0 10px; }

.bottom-bar--row-2 { display: flex; gap: 20px; justify-content: space-between; }
/*.bottom-bar--column { width: calc(100% / 3); }*/
/*.bottom-bar--column { width: 50%; }*/
.bottom-bar__info p:last-child img { height: 40px; width: auto; margin: 10px 0; }
.branding--footer img { width: 130px; height: auto; padding: 0; }

.bottom-bar__menu { display: flex; justify-content: center; }
.bottom-bar--menu ul { display: flex; flex-direction: column; font-weight: 300; list-style: none; font-size: 16px;
    padding: 0; margin: 0; text-transform: uppercase; }
.bottom-bar--menu a { transition: .3s; padding: 5px 0; display: inline-block; }
.bottom-bar--menu a.is-active,
.bottom-bar--menu a:hover { transition: .3s; color: #A34D2A; }

.bottom-bar__faq { display: flex; justify-content: flex-end; }
.bottom-bar__faq p:last-child img { width: 200px; height: auto; margin-left: -20px; }

.bottom-bar__ig img { margin-top: -4px; margin-left: 10px; }

@media (max-width: 950px) {
    .bottom-bar__row-2 { flex-wrap: wrap; gap: 0; }
    .bottom-bar__menu { width: calc(100% / 3); justify-content: initial; margin-top: 20px; }
    .bottom-bar__info,
    .bottom-bar__ig { width: 50%; order: -1; }
}

@media (max-width: 768px) {
    .bottom-bar--row-2 { flex-wrap: wrap; gap: 0; }
    /*.bottom-bar--column { width: 50%; }*/
    .bottom-bar__info p:last-child img { margin-left: 0; }
    .bottom-bar__faq { justify-content: flex-start; margin-top: 20px; }
    .bottom-bar__faq p:last-child img { margin-left: 0; }
}

@media (max-width: 500px) {
    .bottom-bar__ig { margin-top: 50px; }
    .bottom-bar__menu { justify-content: flex-start; margin-top: 20px; }
    .bottom-bar--column { width: 100%; }
}

/*FOOTER*/

/*HALF SLIDER*/

.half-slider__container { max-height: 700px; position: relative; background: #000; }
.half-slider__text { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 1;
    text-align: center; }
.half-slider__heading { text-transform: uppercase; color: #fff; font-weight: 300; letter-spacing: 6px; font-size: 64px;
    margin: 0 auto; font-family: Lato, sans-serif; }
.half-slider__sliders { display: flex; opacity: .7; }
.half-slider__left,
.half-slider__right { width: 50%; height: 700px; }
.half-slider__right { transform:rotate(180deg); }
.half-slider__right .half-slider__image { transform:rotate(180deg); }
.slick-vertical .half-slider__image { height: 700px; border: none; }
.half-slider--part img { width: 100%; height: 700px; object-fit: cover; }

/*HALF SLIDER*/

/*SLIDER*/

.slider__container { position: relative; background: #000; overflow: hidden; }
.slider__slides { max-height: 700px; overflow: hidden; }
/*.slider__slides .slick-lishttps://mirabingin.com/room/studios { opacity: .7; }*/
.node--front .slide--first { display: block; }
.slide__image { opacity: .7; position: relative; }
/*.slide__image:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/
/*    z-index: -1; opacity: .25; }*/
.slide__image img { width: 100%; height: 100%; object-fit: cover; max-height: 700px; }
.node--14 .slide__image img { object-position: top; max-width: initial; }
.slider__text { position: absolute; width: 100%; bottom: 60px; z-index: 1; text-align: center; }
.slider__heading { text-transform: uppercase; color: #fff; font-weight: 300; letter-spacing: 6px; }
.slider__heading p { margin-bottom: 0; }
.node--front .slider__heading { font-size: 64px; margin: 0 auto; }
.node--cafe .slider__heading,
.node--passes .slider__heading,
.node--recovery .slider__heading,
.node--room .slider__heading { font-size: 64px; }
.node--room .slider__text { top: 50%; transform: translateY(-50%); bottom: initial; }

.zoom-icon { transition: .3s; }
.zoom-icon:hover { opacity: .7; transition: .3s; }

.slide { position: relative;}
.slide .colorbox-launch { position: absolute; bottom: 10px; right: 10px; }
.slide .zoom-icon { width: 50px; height: auto; }


.room__gallery .slick-slide { position: relative; max-height: initial; }
.room__gallery .slick-slide .colorbox-room-launch { position: absolute; bottom: 10px; right: 10px; }
.room__gallery .slick-slide .zoom-icon { width: 50px; height: auto; }

.slider__arrows { position: absolute; display: flex; justify-content: space-between; width: 100%; left: 50%;
    top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.slider__arrows .arrow { cursor: pointer; width: 60px; height: 60px; background: #fff; display: flex;
    justify-content: center; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3); }

@media (min-width: 1903px) {
    .slider { background: #fffef1; }
    .slider__container { max-width: 1903px; margin: 0 auto; }
}

@media (max-width: 1120px) {
    .node--front .slider__heading { font-size: 48px; letter-spacing: 4px; line-height: 1.2; }
}

@media (max-width: 830px) {
    .node--front .slider__heading { font-size: 40px; }
}

@media (max-width: 768px) {
    .node--front .slider__heading { font-size: 32px; }
    .node--front .slider__text .book-button { margin-top: 10px; margin-bottom: 10px; }
}

@media (max-width: 670px) {
    .slide__image img { object-fit: cover; }

    .node--9 .slider__heading,
    .node--10 .slider__heading { font-size: 48px; }
}

@media (max-width: 600px) {
    .node--front .half-slider__heading,
    .node--recovery .slider__heading,
    .node--room .slider__heading { font-size: 44px; }
}

@media (max-width: 580px) {
    .node--front .slider__text .book-button { display: none; }
}

@media (max-width: 510px) {
    .node--9 .slider__heading,
    .node--10 .slider__heading { font-size: 36px; }
}

@media (max-width: 480px) {
    .node--room .slider__heading { font-size: 32px; }
    .node--room .slider__heading p { margin-bottom: 0; }
    .node--room .slider__text .book-button { margin-top: 10px; margin-bottom: 10px; }

    /*.node .slider__slides { height: 250px; }*/
    /*.node .slide__image { height: 100%; }*/
}

@media (max-width: 420px) {
    .node--front .slider__heading { font-size: 24px; }
    .node--9 .slider__heading,
    .node--10 .slider__heading { font-size: 24px; }
}

.slick-list,
.slick-track { height: 100%; }
.slider .slick-slide { max-height: 700px; }
.slick-dots { display: inline-block; width: initial; bottom: 30px; left: 50%; transform: translateX(-50%); }
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-dots li button:before { border: 1px solid #fff; content: ''; border-radius: 100%; width: 10px; height: 10px;
    opacity: 1; }
.slick-dots li.slick-active button::before { background: #fff; opacity: 1; }

@media (max-width: 992px) {
    .slider .slick-slide,
    .slide__image img,
    .slider__slides { max-height: 500px; }
    .slide__image picture { display: block; height: 500px; }
    .slider__arrows { top: 30%; }
}

/*SLIDER*/

/*WELCOME*/

.welcome { background: #FFFEF1 url("/themes/jeda/css/img/mira-pattern-corner-cafe.svg") no-repeat right bottom /contain; }
.welcome__container { display: flex; overflow: hidden; }
.node--front .welcome__container { padding: 100px 0; justify-content: space-between; }
.node--room .welcome__container { padding: 100px 0 50px; justify-content: center; }
.node--room .anim-wrapper { height: 100%; }
.welcome__center { text-align: center; flex-direction: column; justify-content: flex-start; }
.welcome--part { padding: 0 20px; display: flex; }
.welcome__left,
.welcome__right { width: calc((100% - 410px) / 2); }
/*.welcome__right { align-items: baseline; }*/
/*.welcome__left { align-items: baseline; }*/
/*.welcome__right { height: 480px; position: relative; }*/
.welcome--part img:not(.welcome__logo) { width: 100%; height: 100%; }
.welcome__left img { object-fit: contain; z-index: 1; }
.welcome__right img { object-fit: contain; }
.welcome__logo { position: absolute; bottom: -20px; right: -15px; width: 240px; height: auto; }

/*.node--front .welcome__left { margin-top: 70px; position: relative; }*/
/*.node--front .welcome__left .leaf { top: -80px; left: -50px; transform: rotate(10deg); }*/
/*.node--front .welcome__left .anim-wrapper { z-index: 1; }*/
.node--front .welcome__center .book-button__link { transition: 1s; }

.welcome__heading { width: 460px; font-size: 32px; margin-bottom: 30px; line-height: 38px; }
.welcome__text { width: 360px; font-weight: 300; text-align: center; margin: 0 auto; line-height: 28px; }
.welcome__features { line-height: 28px; }

@media (max-width: 1100px) {
    .welcome { background-size: 30%; }
}

@media (max-width: 980px) {
    .welcome__left,
    .welcome__right { display: none; }

    .node--front .welcome__container { justify-content: center; }
}

@media (max-width: 700px) {
    .welcome { background-size: 50%; }
}

@media (max-width: 500px) {
    .welcome__text,
    .welcome__heading { width: 100%; }
}

/*WELCOME*/

/*PARALLAX*/

.parallax__container { background: no-repeat center /cover fixed; height: 500px; display: flex;
    justify-content: center; align-items: center; }
.parallax__text { font-size: 40px; font-weight: 300; color: #fff; padding: 0 20px; text-align: center; }

@media (max-width: 768px) {
    .parallax__container { height: 300px; }
}

/*PARALLAX*/

/*VIDEO*/

.video { height: 500px; position: relative; overflow: hidden; }
.video__parallax { position: absolute; top: 0; left: 50%; transform: translateX(-50%); will-change: transform; width: 100%;}
.video__container { position: relative; padding-top: 56.25%; overflow: hidden; background: rgba(0, 0, 0, 1); }
.video__container iframe,
.video__container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: none; z-index: 2; filter: brightness(.7); }
.video__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1;
    background: url("/themes/jeda/css/img/poster.webp") no-repeat center /cover; opacity: .7; }
.video__text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px;
    font-weight: 300; color: #fff; padding: 0 20px; text-align: center; z-index: 3; }

/* Na mniejszych ekranach — zachowujemy proporcje 16:9 */
@media (max-width: 888px) {
    .video { height: initial; }
    .video__parallax { position: static; }
}

/*VIDEO*/

/*ROOMS*/

.pattern-background { position: relative; }
.pattern-background:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: "";
    z-index: -1;
    background: url("/themes/jeda/css/img/mira-pattern-color.svg") no-repeat center /cover; }

.rooms__container { padding-top: 50px; padding-bottom: 50px; }
.rooms__heading { margin-bottom: 50px; font-size: 30px; font-weight: 400; text-transform: uppercase; text-align: center; }
.rooms__wrapper { display: flex; }

.room { width: 50%; padding: 0 30px; }
.room__image { overflow: hidden; }
.room__image img { transition: .3s; }
.room:hover .room__image img { transform: scale(1.1); transition: .3s; }
.room__container { background: #FFFEF1; height: 100%; box-shadow: 0 0 21px 0 rgba(218, 199, 179, .2); display: flex; flex-direction: column; }
.room__text { padding: 30px 50px 30px; flex-grow: 1; display: flex; justify-content: space-between;
    flex-direction: column; }
.room__name { font-size: 24px; margin-bottom: 20px; }
.room__description { line-height: 28px; }
.room__read-more { color: #A34D2A; display: inline-block; padding: 10px; }
.room__read-more:hover { opacity: .7; }

@media (max-width: 980px) {
    .rooms__heading { margin-bottom: 30px; }
    .rooms__wrapper { flex-wrap: wrap; justify-content: center; }
    .room { width: 100%; max-width: 400px; padding: 20px; }
}

@media (max-width: 520px) {
    .room { max-width: 100%; padding-left: 0; padding-right: 0; }
}

@media (max-width: 380px) {
    .room__text { padding: 30px 10px; }
}

/*ROOMS*/

/*WELLNESS*/

.wellness__item { display: flex; min-height: 500px; flex-wrap: wrap; }
.wellness--odd .wellness__text { order: -1; }
.wellness--part { width: 50%; }
.wellness--0 { background: url("/themes/jeda/css/img/sauna.svg") #995B48 no-repeat right /contain; }
.wellness--1 { background: url("/themes/jeda/css/img/cold-plunge.svg") #406558 no-repeat left /contain; }
.wellness--2 { background: url("/themes/jeda/css/img/hottube-pattern.svg") #5C344B no-repeat right /contain; }
.wellness--1 .wellness__image { background-position: center 70%; }
.wellness--3 { background-color: #E4C7AD; }

.wellness__pill { margin-bottom: 30px; }
.wellness__text { padding: 100px; color: #fff; }
.wellness__text-wrapper { max-width: 560px; line-height: 2.5; }
.wellness__heading { font-size: 56px; margin-bottom: 30px; text-transform: uppercase; line-height: 1; display: flex; }
.wellness__heading img { margin-right: 20px; }
.wellness__desc { margin-bottom: 80px; font-weight: 300; }
.wellness__heading-medium {
    font-size: 32px;
    margin-bottom: 30px; text-transform: uppercase;
}

.wellness__image { background: no-repeat center /cover; }

.wellness__link { color: #FFFEF1; font-size: 12px; letter-spacing: 3px; display: inline-flex; align-items: center; }
.wellness__link:hover { opacity: .7; }
.wellness__link img { margin-left: 20px; }

.node--recovery .wellness__item { /*padding: 100px 0;*/ min-height: initial; height: 100%; }
/*.node--recovery .wellness__text { max-width: 560px; flex: 1 0 50%; padding: 50px; line-height: 28px; }*/
.node--recovery .wellness__image { height: 100%; }
.node--recovery .wellness--1 { justify-content: flex-end; }
.node--recovery .wellness__desc { margin-bottom: 0; }

@media (min-width: 1903px) {
    .wellness__container { max-width: 1903px; margin: 0 auto; }
}

@media (max-width: 980px) {
    .wellness--part { width: 100%; }
    .wellness__text { order: -1; }
    .node--recovery .wellness__text { max-width: initial; flex: 1 0 100%; padding: 50px 20px 30px; }
    .node--recovery .wellness__images,
    .node--front .wellness__image { min-height: 400px; }
    .node--front .wellness__text { padding: 50px 20px; }
    .wellness__heading-medium {
        font-size: 24px;
    }
}

@media (max-width: 550px) {
    .node--recovery .wellness__heading { font-size: 36px; align-items: center; }
}

@media (max-width: 500px) {
    .node--front .wellness__image,
    .node--recovery .wellness__images { min-height: 250px; }
}

@media (max-width: 350px) {
    .node--recovery .wellness__heading { font-size: 28px; }
}

/*WELLNESS*/

/*TESTIMONIALS*/

.testimonials { background: #FFFEF1; }
.testimonials__container { padding: 50px 50px 100px; max-width: 1200px; margin: 0 auto; position: relative; }
.testimonials__heading { margin-bottom: 50px; font-size: 15px; letter-spacing: 2px; }
.testimonials .slick-dots { bottom: -80px; }


.testimonials__arrows { position: absolute; display: flex; justify-content: space-between; width: 110%; left: 50%;
    top: 50%; transform: translate(-50%, -50%); }
.testimonials__arrows .arrow { cursor: pointer; }

.testimonial.slick-slide { display: flex; justify-content: center; }
.testimonial__container { max-width: 300px; }
.testimonial__text { color: #2d2d2d; }
.testimonial__name { color: #595959; }

.testimonials .slick-dots li button:before { border-color: #A34D2A; }
.testimonials .slick-dots li.slick-active button::before { background: #A34D2A; }

@media (max-width: 1340px) {
    .testimonials__arrows { width: 100%; }
}

@media (max-width: 1200px) {
    .testimonials__arrows { width: 95%; }
}

@media (max-width: 500px) {
    .testimonials__arrows { display: none; }
}

/*TESTIMONIALS*/

/*MAP*/

.map__heading { font-size: 40px; margin: 30px 0; letter-spacing: 1.5px; }
.map__container p { margin: 0; }
.map__container iframe { display: block; width: 100%; }

/*MAP*/

/*FORM*/

.book-form { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    z-index: 1; }
.book-form__container { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;  }
.book-form__label { font-size: 30px; text-transform: uppercase; text-align: center;  }
.book-form__label p { margin-bottom: 0; }
.book-form--part { width: 25%; padding: 0 20px; }
.book-form--part input { width: 100%; }
.book-form__button { color: #fff; border: 1px solid #A34D2A; width: 100%; background: #a34d2a; transition: .3s; }
.book-form__button:hover { color: #A34D2A; background: #fff; transition: .3s; }

@media (max-width: 1200px) {
    .book-form__container { flex-wrap: wrap; }
    .book-form__label { width: 100%; }
    .book-form--part:not(.book-form__label) { width: calc(100% / 3); }
}

@media (max-width: 600px) {
    .book-form__container { padding: 10px; }
    .book-form--part:not(.book-form__label) { padding: 0 10px; }
}

@media (max-width: 470px) {
    .book-form--part:nth-child(2),
    .book-form--part:nth-child(3) { width: 100%; }
    .book-form--part.book-form__button-container { width: 100%; margin-top: 10px; }
}

/*FORM*/

/*GALLERY*/

.gallery__container { position: relative; overflow: hidden; }
.node--front .gallery__container { padding: 30px 0 50px; }
.gallery__heading { font-size: 40px; margin-bottom: 30px; letter-spacing: 1.5px; }
.node--front .gallery img { padding: 0 10px; }
.gallery .slick-track { display: flex; justify-content: center; align-items: center; }

.gallery__wrapper { position: relative; }

.room__gallery img { padding: 10px; }

.custom__arrows { position: absolute; display: flex; justify-content: space-between; width: 100%; left: 50%;
    top: 50%; transform: translate(-50%, -50%); }
.custom__arrows .arrow { cursor: pointer; width: 60px; height: 60px; background: #fff; display: flex;
    justify-content: center; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3); }
.custom__arrows .arrow img { padding: 0; width: 36px; }

@media (max-width: 1340px) {
    .gallery__arrows { width: 100%; }
}

@media (max-width: 1200px) {
    .gallery__arrows { width: 95%; }
}

@media (max-width: 767px) {
    .custom__arrows { display: none; }
}

.node--page .gallery { background: #FFFEF1; }
.node--page .gallery__container { padding: 50px 0; }
.node--page .gallery__item:not(.slick-slide) { padding: 100px 50px 0; transition: .3s; }
.node--page .gallery__link { display: block; width: 100%; }

.gallery--slider img { width: 100%; height: auto; transition: 1.0s; padding: 0 50px; }

.node--room .room__gallery { display: flex; flex-wrap: wrap; }
.node--room .gallery__item { width: calc(100% / 3); }
.node--room .gallery__item:nth-child(4),
.node--room .gallery__item:nth-child(5),
.node--room .gallery__item:nth-child(6),
.node--room .gallery__item:nth-child(7) { width: calc(100% / 4); }

.node--article .gallery__item { display: flex; justify-content: center; }


.node--recovery .gallery__container { padding: 30px 0 50px; }
.node--recovery .gallery--slider .gallery__item img { padding: 0 10px; }

@media (max-width: 1200px) {
    .gallery--slider img { padding: 0 20px; }
}

@media (max-width: 768px) {
    .node--room .gallery__item,
    .node--room .gallery__item:nth-child(6) { width: calc(100% / 2); }
    .node--room .gallery__item:nth-child(3),
    .node--room .gallery__item:nth-child(4),
    .node--room .gallery__item:nth-child(5) { width: calc(100% / 3); }
    .node--room .gallery__item:nth-child(8),
    .node--room .gallery__item:nth-child(9),
    .node--room .gallery__item:nth-child(10) { width: calc(100% / 3); }
}

@media (max-width: 530px) {
    .node--room .gallery__item,
    .node--room .gallery__item:nth-child(6) { width: calc(100% / 2); }
    .node--room .gallery__item:nth-child(3),
    .node--room .gallery__item:nth-child(4),
    .node--room .gallery__item:nth-child(5) { width: calc(100% / 2); }
    .node--room .gallery__item:nth-child(8),
    .node--room .gallery__item:nth-child(9),
    .node--room .gallery__item:nth-child(10) { width: calc(100% / 2); }
}

@media (max-width: 450px) {
    .gallery--slider img { padding: 0 10px; }
    .node--room .gallery__item,
    .node--room .gallery__item:nth-child(6),
    .node--room .gallery__item:nth-child(3),
    .node--room .gallery__item:nth-child(4),
    .node--room .gallery__item:nth-child(5),
    .node--room .gallery__item:nth-child(8),
    .node--room .gallery__item:nth-child(9),
    .node--room .gallery__item:nth-child(10) { width: 100%; }
}


/*GALLERY*/

/*AMENITIES*/

.amenities { background: #FFFEF1; padding-bottom: 80px; }
.amenities__heading { font-size: 24px; text-align: center; margin-bottom: 30px; }
.amenities__list { display: flex; justify-content: space-around; flex-wrap: wrap; }

.amenity { display: flex; color: #A34D2A; justify-content: center; align-items: center; margin: 10px; }
.amenity__icon { border: 1px solid #A34D2A; border-radius: 100%; width: 38px; height: 38px; display: flex;
    justify-content: center; align-items: center; }
.amenity__name { margin-left: 20px; }

@media (max-width: 700px) {
    .amenity { margin: 5px; }
}

@media (max-width: 500px) {
    .amenities__list { gap: 10px; justify-content: flex-start; }

    .amenity { width: 100%; margin: 0; justify-content: initial; }
}

/*AMENITIES*/

/*SERVICES*/

.services { background: #FFFEF1; }
.services__container { text-align: center; }
.services__heading { font-size: 24px; line-height: 24px; margin-bottom: 20px; }
.services__description { line-height: 28px; }
.services__description strong,
.services__description h3 { font-family: Montserrat, sans-serif; }

/*SERVICES*/

/*ALSO*/

.also__container { padding: 0 0 100px; }
.also__heading { font-size: 24px; line-height: 24px; padding: 50px 0; }

.other-room { position: relative; display: block; max-width: 500px; margin: 0 auto; }
.other-room__text { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); font-size: 34px; z-index: 1;
    color: #fff; letter-spacing: 1.2px; }
.other-room__image { overflow: hidden; background: #000; }
.other-room__image img { transition: .3s; opacity: .7; }
.other-room:hover img { transform: scale(1.1); transition: .3s; }

/*ALSO*/

/*RECOVERY*/

.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.recovery-hero__wrapper {
    position: relative;
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.recovery-hero__image {
    position: absolute;
    z-index: -1;
    height: 500px;
}

.recovery-membership__image img {
    object-fit: cover;
    height: 100%;
}

.gallery__header h2 {
    margin: 0;
}

.cta--button {
    width: 215px !important;
    color: white !important;
    justify-content: center !important;
    gap: .75rem !important;
}

.cta--button span {
    margin: 0 !important;
}

.cta--button img {
    width: 20px !important;
}

.gallery__header {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 32px;
}

.gallery__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.gallery__grid img {
    width: 100%;
    height: 100%;
    max-height: 250px;
    object-fit: cover;
}

.gallery__instagram-link {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.gallery__instagram-link p {
    margin: 0;
}

.recovery-hero__content {
    text-align: center;
    color: white;
    max-width: 786px;
    margin-left: auto;
    margin-right: auto;
}

.recovery-hero__cta {
    margin-top: 1.5rem;
}

.recovery-hero__image img {
    height: 100%;
    object-fit: cover;
}

.recovery-hero__description {
    font-size: 24px;
}

.recovery-hero__cta {
    display: flex;
    justify-content: center;
}

.recovery-hero__cta a {
    border-radius: 300px;
    border: 1px solid white;
    background: #A34D2A;
    font-size: 16px;
    padding: 10px;
    min-width: 215px;
    text-transform: uppercase;
}

.recovery-hero__image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Adjust opacity (0.4 = 40% dark) */
    pointer-events: none;
}

.wrapper-images-grid {
    margin-top: 80px;
}

.recovery__images-grid {
    display: grid;
    grid-template-columns: .25fr 1fr .25fr;
    gap: 10px;
}

.recovery__images-grid img {
    width: 100%;
    height: 100%;
    max-height: 385px;
    object-fit: cover;
}

.intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}

.intro-grid h1 {
  font-size: 64px;
  letter-spacing: 6px;
  line-height: 64px;
  font-weight: 500;
}

.intro-grid h2 {
  font-size: 48px;
  letter-spacing: 6px;
  line-height: 48px;
  font-weight: 500;
}

.intro-grid h1,
.intro-grid p {
  margin: 0;
}

.recovery-offer-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px
}

.wellness-text-wrapper {
    text-align: center;
}

.wellness-card {
    padding: 50px;
    color: white;
}

.align-center {
    display: flex;
    justify-content: center;
}

.node--recovery .slider__heading { text-transform: initial; }

.recovery { background: #FFFEF1; overflow: hidden; position: relative; }
.recovery__container { padding-top: 80px; padding-bottom: 80px; }
.recovery__heading { font-size: 32px; margin-bottom: 30px; }
.recovery__text { line-height: 28px; }
.recovery__text ul { text-align: left; }
.recovery__text h3 { font-family: 'Cormorant Garamond', serif; text-transform: uppercase; }
.recovery__text strong { font-weight: 700; }

.recovery-membership-wrapper {
    display: grid;
    margin-top: 10px;
    grid-template-columns: 2fr 1fr;
    gap: 10px
}

.recovery-membership__card {
    background: #E4C7AD;
    color: #5C344B;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 24px;
    padding: 50px 24px;
}

.recovery-membership__card img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(8%) saturate(2443%) hue-rotate(273deg) brightness(96%) contrast(93%);
}

.recovery-membership__card a {
    padding: 10px;
    background: #FFFEF1;
    border-radius: 100px;
    min-width: 130px;
}

.recovery-membership__card h2 {
    text-transform: uppercase;
}

.recovery-membership__title, .recovery-membership__description {
    max-width: 535px;
}

.recovery-membership__image img {
    max-height: 420px;
}

.recovery-pricing {
    display: grid;
    grid-template-columns: .75fr 1fr;
    gap: 86px;
}

.recovery-pricing__image img {
    max-height: 500px;
    width: 100%;
    object-fit: cover;
}

.recovery-pricing__title {
  font-size: 48px;
  letter-spacing: 6px;
  line-height: 48px;
  font-weight: 500;
  text-transform: uppercase;
}


.gallery__grid > *:nth-child(n + 6) {
    display: none;
}
@media (max-width: 980px) {
    .gallery__grid > *:nth-child(n + 5) {
        display: none;
    }
    .recovery__container { padding-top: 50px; padding-bottom: 50px; }
    .intro-grid {
        grid-template-columns: auto;
        gap: 1.5rem;
    }
    .recovery__images-grid {
        grid-template-columns: auto;
    }
    .recovery-hero__description {
        font-size: 20px;
    }
    .recovery-offer-wrapper {
        grid-template-columns: auto;
    }
    .recovery-membership-wrapper {
        grid-template-columns: auto;
    }
    .recovery-membership__image img {
        max-height: 330px;
    }
    .recovery-pricing {
        gap: 54px;
        grid-template-columns: auto;
    }
    .recovery-pricing__image img {
        max-height: 390px;
    }
    .gallery__header {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
    .gallery__header h2 {
        font-size: 24px;
        text-align: left;
    }
    .wrapper-images-grid {
        margin-top: 50px;
    }
    .gallery__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
  .intro-grid h1 {
    font-size: 32px;
  }
  .intro-grid h2, .recovery-pricing__title {
      font-size: 24px;
      line-height: 24px;
  }
  .recovery-hero__wrapper, .recovery-hero__image {
     height: 350px;
  }
}

/*RECOVERY*/

/*RECOVERY101 MODAL*/

.modal { display: none; position: relative; z-index: 10; }
.modal__container { padding: 0 20px; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .2); justify-content: center;
    align-items: center; position: fixed; top: 0; left: 0; z-index: 10; display: flex; }
.modal__wrapper { border-radius: 10px; display: flex; overflow: hidden; max-width: 800px; }
.modal__left { max-width: 350px; }
.modal__left img { width: 100%; height: 100%; object-fit: cover; }

/*STANDARD KOLOR popupa*/
.modal__right { color: #fff; padding: 30px 50px 30px 30px; position: relative; max-width: 450px;
    background: #a34d2a url("/themes/jeda/css/img/corner-dark.svg") no-repeat right bottom /150px; }
/*POPUP LIVE THE MIRA LIFE zmiana koloru tła*/
/*.modal__right { color: rgb(33, 37, 41); padding: 30px 50px 30px 30px; position: relative;*/
/*    background: #FFFEF1 url("/themes/jeda/css/img/corner-dark.svg") no-repeat right bottom /150px; }*/

.cta--button { background: #3ba72f; border-radius: 100px; width: 188px; height: 48px; display: flex;
    justify-content: space-around; align-items: center; margin: 30px 0 25px; }
.cta--button img { width: 32px; height: auto; }
.cta--button span { font-size: 14px; font-weight: 700; margin-right: 20px; }
.modal__more { font-size: 14px; font-weight: 500; }
.modal__text p { line-height: 1; }
.modal__close { position: absolute; right: 30px; top: 10px; font-size: 36px; width: 30px; height: 30px; display: flex;
    justify-content: center; align-items: center; font-weight: 100; cursor: pointer; }

@media (max-width: 550px) {
    .modal__container { padding: 0 10px; }
    .modal__right { padding: 30px 20px; }
    .modal__cta { margin: 20px 0 15px; width: 160px; }
    .modal__cta span { margin-right: 0; }
    .modal__close { right: 10px; }
    .modal__right { background-size: 100px; }

    .modal__text .font--14 { font-size: 11px; }
    .modal__text .font--24 { font-size: 18px; }
    .modal__text ul,
    .modal__text p { font-size: 14px; }
}

/*RECOVERY101 MODAL*/

/*CAFE*/
.node--cafe .slider__heading { text-transform: initial; }

.cafe { background: #E0C2A8; overflow: hidden; position: relative; }
.cafe__heading { font-size: 48px; line-height: 58px; margin-bottom: 30px; }
.cafe__subheading { font-size: 32px; line-height: 39px; margin-bottom: 20px; }
.cafe__menu { margin-top: 40px; margin-bottom: 40px; display: flex; justify-content: center; position: relative; z-index: 1; }
.cafe__hours { font-size: 18px; line-height: 28px; }
.cafe__hours a[href*='mailto'] { color: #A34D2A; }
.cafe__hours a[href*='mailto']:hover { opacity: .7; }

.menu-card { box-shadow: 0 0 10px 0 #00000026; margin: 30px; }
.menu-card__name { background: #fff; font-size: 28px; padding: 30px 0; display: flex; justify-content: center;
    align-items: center; }
.menu-card__name img { margin-left: 30px; }
.menu-card__image { overflow: hidden; }
.menu-card__image img { transition: .3s; }
.menu-card__container:hover .menu-card__image img { transform: scale(1.1); transition: .3s; }

@media (max-width: 980px) {
    .menu-card__name { font-size: 20px; }
}

@media (max-width: 820px) {
    .cafe__menu { flex-wrap: wrap; }
}

@media (max-width: 768px) {
    .menu-card { margin: 30px 0; }
}

@media (max-width: 360px) {
    .menu-card__name { font-size: 16px; padding: 15px 0; }
}

/*CAFE*/

/*PASSES*/

.passes { background: no-repeat center /cover; position: relative; overflow: hidden; }
.passes__background { background-color: #E4C7ADF6; padding: 100px 0 100px; }
.passes__heading { font-size: 48px; line-height: 58px; margin-bottom: 30px; }
.passes__subheading { font-size: 32px; line-height: 39px; margin-bottom: 20px; }
.passes__container { position: relative; z-index: 1; }
.node--6 .passes__container { text-align: center; }
.passes__text .passes__cta { font-family: Montserrat, sans-serif; margin-left: auto; margin-right: auto; color: #fff; }
.passes__text .passes__cta span { margin-right: 0; }

.node--14 .passes__container { display: flex; align-items: center; }
.passes__part { width: 50%; }
.node--14 .passes--left .gallery__item { padding: 10px 20px; }

.node--14 .passes__link-wrapper { width: fit-content; margin: 30px auto; padding: 0 20px; }

@media (max-width: 768px) {
    .node--14 .passes__container { flex-wrap: wrap; }
    .passes__part { width: 100%; margin: 20px 0; }
    .passes--right { order: -1; }
}

/*PASSES*/

/*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; }

.leaf { position: absolute; height: 450px; width: auto; }
.leaf img { height: 100%; width: 100%; object-fit: cover; }

.leaf--right { transform: rotate(-18deg); }
.leaf--left { transform: rotate(54deg); }
.leaf--passes-top { top: 30px; right: -5%; opacity: .3; }
.leaf--cafe-top { top: 30px; right: -5%; opacity: .3; }
.leaf--recovery-top { top: 30px; right: -5%; opacity: .3; }
.leaf--passes-bottom { bottom: -50px; left: -5%; opacity: .3; }
.leaf--cafe-bottom { bottom: 250px; left: -5%; z-index: 0; }

@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*/

/*ARTICLE*/

.articles,
.node--article { margin-top: 40px; }
.article__image { display: flex; justify-content: center; }
.article__image-container { position: relative; }
.article__image img { max-width: 1000px; height: auto; width: 100%; }
.article__date { background: #fff; position: absolute; top: 0; left: 10px; display: flex; flex-direction: column;
    align-items: center; padding: 5px 10px; font-size: 24px; }
.article__day { font-size: 36px; }

.article__body { margin: 30px auto; }
.article__heading { font-size: 56px; margin-bottom: 30px; text-transform: uppercase; line-height: 1; text-align: center; }

.article__body blockquote { font-style: italic; font-family: Cormorant, sans-serif; padding-left: 20px; }

/*ARTICLE*/


.bounceLeft:hover [class*='arrow'] { animation: bounceLeft 1s infinite; }
.bounceRight:hover [class*='arrow'] { animation: bounceRight 1s infinite; }

@keyframes bounceRight {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(20%); }
}

@keyframes bounceLeft {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-20%); }
}

[data-aos=fade-up-short]{transform:translate3d(0,50px,0)}
[data-aos=fade-down-short]{transform:translate3d(0,-50px,0)}
[data-aos=fade-right-short]{transform:translate3d(-50px,0,0)}


[data-aos=fade-appear] .anim-wrapper {
    opacity:0;
    transform:scale(.92) rotate(.001deg);
    transition:transform .8s ease,opacity .5s;
    overflow:hidden;
    will-change:transform
}
[data-aos=fade-appear].aos-animate .anim-wrapper {
    opacity:1;
    transform:scale(1) rotate(.001deg)
}
[data-aos=fade-appear] .anim-wrapper img {
    border-radius:inherit;
    transform:scale(1.14);
    transition:transform 1.1s ease
}
[data-aos=fade-appear].aos-animate .anim-wrapper img {
    transform:scale(1)
}

.book-page { position: relative; }
.book-page iframe { display: block; width: 100%; height: 100%; margin: 0 auto; max-height: 1500px !important; }
.book-page .form { position: relative; margin: 0 auto; max-width: 1024px; }
.book-page .form__container { position: absolute; right: 80px; top: 240px; }
.book-page .form select { background: none; height: 44px; padding: 0 14px 0 8px; border-radius: 6px; color: #56595e;
    border: 1px solid #d8dce5; font-family: Lato, sans-serif; cursor: pointer; }

.popup { width: 100vw; height: 100vh; background: rgba(0, 0, 0, .2); display: flex; justify-content: center;
    align-items: center; position: fixed; top: 0; left: 0; z-index: 10; }
.popup__container { background: #fffef1; border-radius: 10px; padding: 20px 30px; position: relative;
    max-height: calc(100vh - 100px); overflow: auto; max-width: calc(100% - 20px); }
.popup__container h3 { font-family: Montserrat, sans-serif; font-size: 32px; text-align: center; margin-bottom: 20px; }
.popup__container ul,
.popup__container p { font-size: 18px; }
.popup__close { color: #000; position: absolute; right: 10px; top: -23px; font-size: 76px; line-height: 1;
    cursor: pointer; z-index: 2; }


.whatsapp { position: fixed; bottom: 30px; right: 30px; transition: .3s; background: #25D366; padding: 15px;
    border-radius: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)}
.whatsapp:hover { transition: .3s; opacity: .8; }
.whatsapp img { width: 50px; height: auto; display: block; }


/*DICTIONARY*/

.faq__heading { font-size: 64px; text-align: center; margin: 30px 0; font-weight: 300; }

.faq { width: 1200px; margin: 0 auto 50px; }
.faq__text { margin-top: 50px; }
.faq__text p { display: flex; align-items: center; }
.faq__text p a { margin-left: 8px; transition: .3s; }
.faq__text p a:hover { opacity: .7; transition: .3s; }
.faq__text .faq__cta { margin: 0 0 0 8px; display: inline-flex; font-family: Montserrat, sans-serif; color: #fff;
    height: 34px; width: 170px; }
.faq__text .faq__cta img { width: 24px; }
.faq__text .faq__cta span { margin-right: 0; }
.entry { border-bottom: 1px solid #E5E5E5; margin: 5px 0; border-radius: 3px; }
.entry__label { font-weight: 700; position: relative; cursor: pointer; padding: 10px 15px; display: flex;
    justify-content: space-between; align-items: center; }
.entry__label::after { content: ""; display: inline-block; margin-left: 6px; width: 10px; height: 10px;
    border: solid #000; border-width: 0 1px 1px 0; transition: .3s ease; transform: rotate(45deg); }
.entry__label.opened::after { transform: rotate(-135deg); transition: .3s ease; }
.entry__heading { margin: 20px 0; }
.entry__description { display: none; padding: 10px 15px; border-top: 2px solid #e5e5e5; }
.entry__arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(90deg); transition: .3s; }
.opened .entry__arrow { transform: translateY(-50%) rotate(-90deg); transition: .3s; }

@media(max-width: 1300px) {
    .faq { width: 100%; padding: 0 50px; }
}

@media(max-width: 1050px) {
    .faq { padding: 0; }
}

/*END DICTIONARY*/