@font-face {
    font-family: "Epilogue";
    src: url(font/Epilogue/Epilogue-VariableFont_wght.ttf);
}

@font-face {
    font-family: "Epilogue-Bold";
    src: url(font/Epilogue/static/Epilogue-Bold.ttf);
}

/*Positions*/

body {
    font-style: normal;
    font-weight: 300;
    color: #232732;
    font-family: "Roboto Condensed";
}

p {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-family: Epilogue !important;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
}

.pages-footer a {
    font-family: Epilogue !important;

}

li {
    font-family: Epilogue !important;
}

a {
    text-decoration: none;
}

h1 {
    font-family: "Roboto Condensed";
    font-size: 72px;
    font-weight: 700;
    line-height: 120%;
    margin-top: 77px;
}

h2 {
    font-size: 36px;
    line-height: 130%;
    font-family: "Roboto Condensed";
}




h4 {
    margin-top: 28px;
}

nav {
    height: 96px;
}


img {
    width: 100%;
}

.div-logo {
    width: 33%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.fit-content {
    width: fit-content !important;
}

.maring-diets {
    margin: 128px 0px;
}



@media screen and (max-width: 992px) {


    .div-logo {
        width: 50%;
    }

    .mega-sub-menu li a {
        background-color: rgb(246, 245, 245) !important;
    }

    nav {
        height: 48px;
    }

    h1 {
        font-size: 48px;
        line-height: 58px;
        margin-top: 48px;
    }

    h2 {
        font-size: 24px;
    }

    p {
        font-size: 14px;
        line-height: 150%;
        font-weight: 400;
    }

    section p {
        font-size: 14px;
        line-height: 150%;
        font-weight: 400;
    }
}




/*css do nowego szablonu, i tak posprzatam to pozniej*/
html,
body {
    overflow-x: hidden !important;
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
    background-color: #4f4f4f !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
    margin: 0 !important;
    padding: 0px 12px !important;
    border-radius: 35px !important;
    transition: all 0.2s ease-in-out !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link:hover {
    background: #CF9845 !important;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10) !important;
    color: white !important;
}


.footer-menu-items {
    gap: 64px;
}

.footer-menu-items>div>div>a:hover {
    color: #FFF !important;
    background: #DEAC2B;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
}

.footer-menu-items div div a {
    transition: all 0.2s ease-in-out;
}

.footer-menu-items>div>div>a {
    border-radius: 35px;
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration: none;
    padding: 10px;
}

.footer-menu-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}

.footer-menu-text h1 {
    text-align: right;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    /* 38.4px */
    text-transform: uppercase;
    background: linear-gradient(91deg, #DEAC2B 4.63%, #F3CB63 102.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.white-form-text {
    color: black !important;
}

.footer-menu-text div>div>p {
    color: #212121;

    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.footer-copyright>div>div>p {
    color: #212121;

    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;

}

.social-icons>a {
    display: flex;
    width: 30px;
    height: 30px;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 28px;
    background: linear-gradient(135deg, #DEAC2B 0%, #F3CB63 100%);
}

.social-icons>a>svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}

.gold-color {
    background: linear-gradient(180deg, #DEAC2B 0%, #CF9845 0.01%, #E3B570 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.front-foto {
    padding-right: 0 !important;
    height: 500px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item {
    margin: 0 6px !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    border-radius: 35px !important;
    background: #CF9845 !important;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10) !important;
    color: white !important;
}

.mega-sub-menu:hover #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
    border-radius: 35px !important;
    background: linear-gradient(99deg, #DEAC2B 0%, #F3CB63 100%) !important;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10) !important;
    color: white !important;
}

.front-img {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 0;
}

.umow-sie-na-wizyte-btn {
    border-radius: 69px;
    background: linear-gradient(92deg, #CF9845 0%, #E3B570 100%);
    padding: 12px 24px;
    color: white;
    color: #FFF;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-family: "Roboto Condensed";
    font-weight: 600;
    line-height: 120%;
    transition: all 0.3s ease;

}

.umow-sie-na-wizyte-btn:hover {
    transform: scale(103%);

}

.umow-sie-na-wizyte-btn.w-fit-content {
    width: fit-content;

}

.main-flexik {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 32px;
}

.image-container {
    margin-right: -70%;
    margin-top: 7%;
    position: relative;
}

.bg-main {
    background-image: url("/wp-content/uploads/img_template/front_page/background-front-offer.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 750px;
}

.bg-main.fitnessik {
    background-image: url("/wp-content/uploads/img_template/fitness/bg_fitness.webp") !important;
}

.bg-main.wellnesik {
    background-image: url("/wp-content/uploads/img_template/wellness/bg_wellness.webp") !important;
}

.bg-main.kometologia {
    background-image: url("/wp-content/uploads/img_template/kosmetologia/background-kosmetologia.webp") !important;
}

.bg-main.kosms {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/bg_kosmetyki.webp") !important;
}

.bg-main.diety {
    background-image: url("/wp-content/uploads/img_template/diety/bg_diety.webp") !important;
}

.bg-main.nasz-zespol {
    background-image: url("/wp-content/uploads/img_template/nasz_zespol/bg_zespol.webp") !important;
}

.bg-main.bg-blog {
    background-image: url("/wp-content/uploads/img_template/bg_blog.webp") !important;
}

.bg-main.bg-kontakcik {
    background-image: url("/wp-content/uploads/img_template/kontakt/bg_kontakt.webp") !important;

}

.margi-bottm-main {
    margin-bottom: 350px;

}

.banner-rabat {
    border-top-left-radius: 141px;
    border-bottom-left-radius: 141px;
    top: 400px;
    right: 0;
    min-width: 790px;
    position: absolute;
    background: linear-gradient(95deg, #CF9845 0.06%, #E3B570 62.66%);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
    padding: 64px;
    color: #FFF;
    font-weight: 800;
    font-size: 36px;
}

.banner-rabat span {
    font-family: "Roboto Condensed";
}

.offer-item {
    border-radius: 200px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25) inset;
    padding: 100px 0px;
}

.zone-name {
    color: #212121;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    /* 48px */
}

.list-of-zone {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.list-of-zone li span {
    margin-right: 12px;
}

.list-of-zone li {
    color: #212121;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 27px */
}

.gap-offer-item {
    gap: 78px;
}

.offer-container {
    background-image: url("/wp-content/uploads/img_template/front_page/bg_oferta.webp");
    padding: 256px 0px;
}

.offer-main-page {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 57.6px */
}

.odmien-zycie-baner {
    background-image: url("/wp-content/uploads/img_template/front_page/bg_rower.webp");
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 620px;
    display: flex;
    align-items: center;
    margin-top: 64px;
}

.umow-sie-na-wizyte-btn.tt-btn {
    background: linear-gradient(92deg, #00aeef, #ec008c);
}

.mb-128px {
    margin-bottom: 128px;
}

.content-of-zmien-zycie {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 32px;
}

.odmien-zycie-text {
    color: #212121;
    text-align: right;
    font-family: "Roboto Condensed";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 62.4px */
    text-transform: uppercase;
}

.programy-lojalonsciowe {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.text-of-programy {
    color: #212121;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 57.6px */
    text-transform: uppercase;
}

.desc-of-programy {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.marginesik-programy {
    margin: 120px 0px;
}

.bg-przemiana {
    background-image: url("/wp-content/uploads/img_template/front_page/bg_przemiana.webp");
    min-height: 1231px;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
}

.rozpocznij-przemiane {
    color: #FFF;
    text-align: right;
    font-family: "Roboto Condensed";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 72px */
    text-transform: uppercase;
}

.p-rozpocznij-przemiane {
    color: #FFF;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
}

.circle-form {
    border-radius: 165px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25) inset;
    width: 280px;
    height: 280px;
    display: grid;
    place-items: center;
}

.width-fit {
    width: fit-content;
}

.desc-circle-form {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pc {
    display: block;
}

.tel {
    display: none;
}

.footer-logo {
    width: 100%;
}

.kosmetyki-bg {
    background-image: url("/wp-content/uploads/img_template/front_page/bg_produkty.webp");
    background-size: cover;

}

.poznaj-produkty {
    color: #FFF;
    font-family: "Roboto Condensed";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.p-poznaj-produkty {
    color: #FFF;

    /* body */
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 27px */
}

.pages-footer {
    gap: 92px;
    justify-content: space-around;
    align-items: end;
}

.godziny-otwarcia {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 12px;
}

.godziny-div span {
    text-align: right;
    font-family: "Roboto Condensed";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 38.4px */
    text-transform: uppercase;
}

.godziny-div span.gold-color {
    color: #FF9100 !important;
    background: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.desc-footer {
    border-top: 1px solid rgba(33, 33, 33, 0.50);
    padding-top: 24px;
}

.circle-footer {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    background: #FF9100;
    border-radius: 28px;
}

a.policy {
    text-decoration: none;
    color: black;
    transition: all 0.2s ease-in-out;
}

.pages-footer a {
    text-decoration: none;
    color: black;
    transition: all 0.2s ease-in-out;
    padding: 12px;
    border-radius: 35px !important;
    font-size: 18px;
}

.pages-footer a:hover {

    background: #FF9100;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10) !important;
    color: white !important;

}

a.policy:hover {
    color: #DEAC2B;
}

.oferta-gapik {
    gap: unset !important;
}

.margi-bottm-offer {
    margin-bottom: 256px;

}

.margi-bottm-offer.bg-offer-rols {
    margin-bottom: 256px;
    background-image: url("/wp-content/uploads/img_template/front_page/background-front-offer.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.choose-opt {
    color: #212121;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    font-family: "Roboto Condensed";
    line-height: 120%;
    /* 57.6px */
    text-transform: uppercase;
}

.foto-n-icon {
    position: relative;
    padding: 0;
}

.foto-n-icon img {
    width: 85%;
}

.foto-n-icon .svg-icon-offer {
    position: absolute;
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
    border-radius: 60px;
    background: linear-gradient(135deg, #DEAC2B 0%, #F3CB63 100%);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
}

.strefa-offer {
    border-radius: 200px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);

}

.show-more-offer {
    width: fit-content;
    gap: 12px;
}

.name-of-zone {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    font-family: "Roboto Condensed";
    line-height: 120%;
    /* 48px */
}

.desc-of-zone {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
}

.spersonalizowane-diety {
    background-image: url("/wp-content/uploads/img_template/oferta/spersonalizowane_diety.webp");
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 500px;
    display: flex;
    align-items: center;
    margin: 200px 0px;
}

.mgt-100 {
    margin-top: 70px;
}

.enter-women-world {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    /* 28.8px */
}


.strefa-gridzik {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.margin-btn-front {
    margin-top: -55px;
}

.strefa-gridzik a {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    text-align: center;
    font-weight: 800;
    line-height: 120%;
    display: grid;
    place-items: center;
    /* 21.6px */
}

.godziny-otwarcia div:nth-child(1),
.godziny-otwarcia div:nth-child(2) {
    margin-bottom: 18px;
}

.name-of-device {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    font-family: "Roboto Condensed";
    line-height: 120%;
    /* 48px */
}

.title-of-device {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    /* 28.8px */
}

.desc-of-device {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
}

.devices-zone {
    gap: 128px;
}

.device-bg {
    border-radius: 220px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
    scroll-margin-top: 150px;
}

.device-bg div img {
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.25));

}

.content-of-device {
    padding-left: 24px;
    gap: 18px;
}

.meta-bg {
    border-radius: 183px;
    background: rgba(0, 0, 0, 0.10);
    position: relative;
}

.przed-po {
    position: absolute;
    width: 70px;
    height: 70px;
    padding: 10px;
    display: grid;
    place-items: center;
    border-radius: 54px;
    background: linear-gradient(89deg, #CF9845 -0.03%, #E3B570 99.97%);
    color: white !important;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}

.przed-po p {
    font-weight: 600;
    color: white !important;
}

.desc-meta {
    color: #212121;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
}

.inspire {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 48px */
}

.margin-b-meta {
    margin-bottom: 128px;
}

.umow-sie-na-wizyte-btn.fb-btn {
    background: #3B6EF0 !important;
}

.umow-sie-na-wizyte-btn.ig-btn {
    background: linear-gradient(92deg, #DE2BA1 0%, #F4DE10 100%);
}

.mapka-kontakt iframe {
    border-radius: 16px;
}

.mapka-kontakt {
    width: 100%;
}

.contact-us {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 48px */
}

/*css do contact forma*/
.form-label.margin {
    margin-top: 32px;
}

.form-label span {
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 24px */
    margin: 24px 0px;
}

.form-checkbox {
    margin-right: 12px;
    border: 1px solid #DEAC2B;
}

.form-checkbox:checked {
    color: white;
    background-color: #DEAC2B;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.label-of-checkbox {
    margin: 24px 0px;
}

.form-textarea {
    border-radius: 32px !important;
}

.form-checkbox:focus {
    outline: none;

}

.form-button {
    border-radius: 69px;
    background: linear-gradient(99deg, #CF9845 0%, #E3B570 100%);
    padding: 12px 24px;
    color: white;
    color: #FFF;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    width: fit-content;
    border: none;
}

.form-input {
    width: 100%;
    border-radius: 69px;
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0.05);
    padding: 12px 24px;
}

.pracownik img {
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.25));

}

.name-of-employee {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 48px */
}

.redi-dajets {
    color: #212121;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    font-family: "Roboto Condensed";
    line-height: normal;
}

.nasz-zespol-babki {
    margin-top: 128px;
}

/*end of css do contact forma*/
.img-div-koms img {
    border-radius: 50%;
}

.prod-item {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/celulite_buster_pro.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 358px;
}

.kosm-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

}

.bg-diety-body-scal {
    background-image: url("/wp-content/uploads/img_template/dieta/bg_body_weight.webp");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 553px;
    display: flex;
    align-items: center;
}

.row-bg-diety {
    position: relative;
    z-index: 1;
    background-color: #EFEFEF;
}

.dieta {
    background-repeat: no-repeat;
    background-size: cover;
    height: 345px;
    display: grid;
    place-items: center;
    padding: 0px 50px;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.25));

}

.ready-diets {
    color: #212121;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dieta-miesieczna {
    background-image: url("/wp-content/uploads/img_template/dieta/miesieczna.webp");
}

.dieta-niski_ig {
    background-image: url("/wp-content/uploads/img_template/dieta/niski_ig.webp");
}

.dieta-dla_zabieganych {
    background-image: url("/wp-content/uploads/img_template/dieta/dla_zabieganych.webp");
}

.dieta-srodziemnomorska {
    background-image: url("/wp-content/uploads/img_template/dieta/srodziemnomorska.webp");
}

.diets-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.content-of-diet {
    width: 90%;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.content-of-diet span {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 48px */
}

.content-of-diet p {
    color: #FFF;
    text-align: center;

    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.kosm-sumps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.kosm-sup-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 700px;
    background-position: center;
    align-items: center;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
    border-radius: 220px;
}

/*backgroundy dla komsetykow i suplementow*/
.kosm-sup-item.go-celulite {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/celulite_buster_pro.webp");
}

.kosm-sup-item.go-upbreast {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/upbreast_pro.webp");
}

.kosm-sup-item.go-scrub-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/scrub_pro.webp");
}

.kosm-sup-item.go-shape-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/shape_pro.webp");
}

.kosm-sup-item.go-natural-candle-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/natural_candle_pro.webp");
}

.kosm-sup-item.kremy-kolagenowe {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/kremy_kolagenowe.webp");
}

.kosm-sup-item.silky-hands {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/silky_hands.webp");
}

.kosm-sup-item.zestaw-silky-hair {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/silky_hair.webp");
}

.kosm-sup-item.mentolove {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/pomadka_mentolove.webp");
}

.kosm-sup-item.pomadka-ochronna {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/pomadka_pomarańczowa.webp");
}

.kosm-sup-item.orange-glow {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/orange_glow.webp");
}


.kosm-sup-item.go-young-barley-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/young_barley_pro.webp");
}

.kosm-sup-item.go-clean-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/clean_pro.webp");
}

.kosm-sup-item.go-slim-liquid-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/slim_liquid_pro.webp");
}

.kosm-sup-item.go-slim-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/slim_pro.webp");
}

.kosm-sup-item.go-collagen-liquid-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/collagen_liquid_pro.webp");
}

.kosm-sup-item.set-odchudzający {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/set_odchudzajacy.webp");
}

.kosm-sup-item.set-kolagenowy {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/set_kolagenowy.webp");
}

.kosm-sup-item.set-oczyszczający {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/set_oczyszczajacy.webp");
}

.kosm-sup-item.go-active-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/go_active_kapsulki.webp");
}

.kosm-sup-item.go-active-shots-pro {
    background-image: url("/wp-content/uploads/img_template/kosmetyki-suple/go_active_shots.webp");
}

/*end of backgroundy dla komsetykow i suplementow*/
.kosm-sup-contents {
    margin-top: 60%;
}

.title-of-kosm-sups-item {
    color: #212121;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-left: 32px;
    /* 28.8px */
}

.kosm-sup-contents ul li {
    color: #515151;

    /* Treść */
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    /* 156.25% */
}

.kosm-sup-contents div:nth-child(1) {
    margin-bottom: 12px;
}

.umow-sie-na-wizyte-btn span img {
    width: 19px;
    height: 19px;
}

.efekt-device {
    border-radius: 69px;
    background: linear-gradient(89deg, #CF9845 -0.03%, #E3B570 99.97%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: white;
    padding: 12px 24px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    line-height: 120%;
    /* 21.6px */
}

.efekty-device-h2 {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 48px */
}

.margi-bottm-offer-metamorfozy {
    margin-bottom: 128px;
}

.img-device {
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.25));
}

.padding-footer .row.flex-column {
    padding: 100px 0px;
}

@media screen and (min-width: 992px) {


    /*aniamacje*/
    .przemiata-items {
        opacity: 0;
        transform: translateX(-100px);
        transition: all 0.4s ease-in-out;
    }

    .przemiata-items:nth-child(1) {
        transition-delay: 0.1s;
    }

    .przemiata-items:nth-child(2) {
        transition-delay: 0.3s;
    }

    .przemiata-items:nth-child(3) {
        transition-delay: 0.5s;
    }

    .przemiata-items:nth-child(4) {
        transition-delay: 0.7s;
    }

    .przemiata-items:nth-child(5) {
        transition-delay: 0.9s;
    }

    .programy-lojalonsciowe div.cards-item-loyalty {
        opacity: 0;
        transform: translateY(100px);
        transition: all 0.5s ease-in-out;
    }

    .programy-lojalonsciowe div.cards-item-loyalty:nth-child(1) {
        transition-delay: 0.1s;

    }

    .programy-lojalonsciowe div.cards-item-loyalty:nth-child(2) {
        transition-delay: 0.3s;

    }

    .programy-lojalonsciowe div.cards-item-loyalty:nth-child(3) {
        transition-delay: 0.5s;

    }

    .programy-lojalonsciowe div.cards-item-loyalty:nth-child(4) {
        transition-delay: 0.7s;

    }

    .content-of-zmien-zycie {
        opacity: 0;
        transition: all 0.8s ease-in-out;
    }

    .row-offers .col {
        opacity: 0;
        transform: translateY(100px);
        transition: all 0.5s ease-in-out;
    }

    .row-offers .col:nth-child(1) {
        transition-delay: 0.1s;
    }

    .row-offers .col:nth-child(2) {
        transition-delay: 0.3s;
    }

    .row-offers .col:nth-child(3) {
        transition-delay: 0.5s;
    }

    /*end of aniamacje*/

    .device-bg:nth-child(even) {
        flex-direction: row-reverse !important;
    }

    .device-bg:nth-child(even) .content-of-device {
        align-items: end;
        text-align: end;
        padding-right: 50px;
    }

}

@media screen and (max-width: 1471px) {
    .banner-rabat.right-macbook {
        right: 40px !important;
    }
}

@media screen and (max-width: 1401px) {
    .diets-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .kosm-sumps-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .kosm-sup-item {
        height: 900px;
    }

    .dieta {
        background-repeat: no-repeat;
        background-size: cover;
        height: 340px;
        display: grid;
        place-items: center;
        padding: 0px 50px;
        background-position: center;
        border-radius: 170px;
    }
}

@media screen and (max-width: 369px) {
    .margi-bottm-offer-kosm {
        margin-bottom: 200% !important;
    }
}

@media screen and (max-width: 992px) {
    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item {
        margin: 6px !important;
    }

    .choose-opt {
        font-size: 36px;
    }

    .image-container.naszestudio {
        margin-right: -43%;
    }

    .efekt-device {
        width: 100%;
    }

    .rozpocznij-przemiane,
    .p-rozpocznij-przemiane {
        text-align: left;
    }

    .rozpocznij-przemiane {
        font-size: 40px;
    }

    .p-rozpocznij-przemiane {
        font-size: 14px;
    }

    .mb-btm-nasz-zespol {
        margin-bottom: 85px;
    }

    .strefa-gridzik a {
        font-size: 12px;
    }

    .strefa-gridzik {
        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
        width: 100%;
    }

    .kosm-sup-contents {
        margin-top: 50%;
    }

    .mb-kosm {
        margin-bottom: 124px;
    }

    .kosm-sumps-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .kosm-sup-item {
        height: 610px;
    }

    .content-of-diet span {
        font-size: 24px;
    }

    .dieta {
        background-repeat: no-repeat;
        background-size: cover;
        height: 340px;
        display: grid;
        place-items: center;
        padding: 0px 50px;
        background-position: center;
        border-radius: 170px;
    }

    .dieta-miesieczna {
        background-image: url("/wp-content/uploads/img_template/dieta/miesieczna_mobile.webp");
    }

    .dieta-niski_ig {
        background-image: url("/wp-content/uploads/img_template/dieta/niski_ig_mobile.webp");
    }

    .dieta-dla_zabieganych {
        background-image: url("/wp-content/uploads/img_template/dieta/dla_zabieganych_mobile.webp");
    }

    .dieta-srodziemnomorska {
        background-image: url("/wp-content/uploads/img_template/dieta/srodziemnomorska_mobile.webp");
    }

    .diets-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .div-of-title {
        text-align: center;
    }

    .div-of-name {
        text-align: center;
    }

    .content-of-device div a.umow-sie-na-wizyte-btn {
        margin-bottom: 70px;
    }

    .name-of-device {
        font-size: 32px;
    }

    .title-of-device {
        font-size: 20px;
    }

    .desc-of-device {
        font-size: 14px;
    }

    .content-of-device {
        align-items: center;
        gap: 24px;
    }

    .div-of-name {
        margin-top: 24px;
    }

    .desc-of-device {
        text-align: center;
    }

    .spersonalizowane-diety {
        background-image: url("/wp-content/uploads/img_template/oferta/spersonalizowane_diety_mobile.webp");
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 900px;
        display: block;
    }

    .foto-n-icon img {
        width: 100%;
    }

    .div-of-btn-zones {
        margin-bottom: 65px;
    }

    .desc-of-zone {
        text-align: center;
    }

    .div-of-zone-desc {
        display: flex;
        justify-content: center;
        margin-top: 32px;
    }

    .footer-1-mobil {
        order: 1;
    }

    .footer-2-mobil {
        order: 2;
    }

    .footer-3-mobil {
        order: 3;
    }

    .desc-footer {
        align-items: center;
        gap: 24px;
    }

    .whole-footer {
        gap: 36px;
    }

    .footer-1-mobil {
        display: flex;
        justify-content: center;

    }

    .footer-logo {
        width: 30%;
    }

    .pages-footer div {
        align-items: center;
    }

    .pages-footer {
        gap: 12px !important;
        align-items: center;
    }

    .pc {
        display: none;
    }

    .tel {
        display: block;
    }

    .strzalki {
        transform: rotate(90deg);
    }

    .bg-przemiana {
        padding: 64px 0px;
    }

    .text-of-programy {
        font-size: 40px;
    }

    .programy-lojalonsciowe {
        grid-template-columns: repeat(2, 1fr);
    }

    .odmien-zycie-text {
        font-size: 40px;
        text-align: left;
    }

    .content-of-zmien-zycie {
        align-items: start;
        text-align: center;
        gap: 24px;
        margin-top: 100px;
        display: flex;
        align-items: center;
    }

    .row-offers {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0px 12px;
        scroll-snap-type: x mandatory;
    }

    .offer-item {
        flex: 0 0 auto;
        width: 288px;
        padding-left: 12px;
        padding-right: 12px;
        scroll-snap-align: center;
    }

    .offer-item .zone-name {
        color: #212121;
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%;
        /* 38.4px */
    }

    .list-of-zone li {
        font-size: 14px;

    }

    .margi-bottm-offer-kontakt {
        margin-bottom: 65%;
    }

    .device-bg {
        scroll-margin-top: 10px;
    }

    .margi-bottm-offer-fit {
        margin-bottom: 256px;
    }

    

    .margi-bottm-offer-kosm {
        margin-bottom: 100% !important;
    }
}

.margi-bottm-offer-kosm {
    margin-bottom: 100px;
}

/*css na mobila do baneru glownego*/
@media screen and (max-width: 989px) {
    .banner-rabat {
        top: 400px;
        right: 200px;
        padding: 64px;
        font-size: 64px;
    }

}

@media screen and (max-width: 613px) {
    .banner-rabat {
        top: 400px;
        right: 50px;
        padding: 36px;
        font-size: 36px;
    }
}

@media screen and (max-width: 497px) {
    .banner-rabat {
        top: 250px;
        right: -120px;
        padding: 64px;
        font-size: 36px;
    }
}

@media screen and (max-width: 428px) {
    .banner-rabat {
        top: 200px;
        right: -250px;
        padding: 24px;
        font-size: 24px;
    }
}



/*end of css na mobila do baneru glownego*/



/*test*/
.accordion {
    width: 100%;
    max-width: 600px;
    /* Or your preferred width */
}

.accordion-item {
    background: #FFF;
    border: 1px solid #DDD;
    margin-bottom: 10px;
}

.accordion-title h3 {
    margin: 0;
    padding: 10px;
    cursor: pointer;
    background: #EEE;
}

.accordion-content {
    padding: 10px;
    display: none;
    /* Start off hidden */
}

/* Styling for when the accordion content is visible */
.accordion-content.active {
    display: block;
}

.accordion-body {
    overflow: auto;
}

.blog_template.boxy-clean ul {
    display: flex;
    justify-content: center;
    gap: 64px;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 128px;
}

.margin-blog {
    margin: 128px 0px;
}

.bd-post-image a img {
    border-radius: 10px;
}

.wpcf7-form.init p {
    align-items: start !important;
}

.wpcf7-form p:has(input#form-submit) {
    align-items: center !important;

}

.desc-device-medic {
    font-size: 11px;
    margin: 0 !important;
    opacity: 0.65;
}

.godziny-otwarcia div {
    color: #212121;

    font-family: Epilogue;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.polityka-footer {
    color: #212121;

    font-family: Epilogue;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.form-check p {
    display: block !important;
}

@media screen and (max-width: 990px) {

    .odmien-zycie-baner.next,
    .odmien-zycie-baner {
        background-size: 150%;
        min-height: 1200px;
    }
}

@media screen and (max-width: 428px) {

    .odmien-zycie-baner.next,
    .odmien-zycie-baner {
        background-size: 200%;
        min-height: 935px;
    }
}

@media screen and (max-width: 400px) {
    .odmien-zycie-baner {
        background-size: 200%;
        min-height: 935px;
    }
}

/* artykul  */
/* article style */
.obrazek-wyrozniajacy {
    width: 100%;
}

.side-bar-article {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 115px;
    padding-right: 32px;
    padding-left: 32px;
    position: relative;
}

.sprawdz-takze {
    color: #CF9845;

    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 21.6px */
}

.proponowane-articles-main-div {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.proponowane-articles-single a {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
    text-decoration: none;
}

.img-of-proponowany-article {
    width: 30%;
}

.img-of-proponowany-article img {
    border-radius: 10px;
}

.article-date span {
    color: #CF9845;

    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 21.6px */
}

.margin-top-artykul {
    margin-top: 72px;
}

.tytul-of-proponowany-article h5 {
    color: rgba(17, 14, 9, 0.75);
    text-decoration: none;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    /* 19.2px */
    /* 19.2px */
}

.spis-tersci-article {
    padding: 24px 24px 32px 24px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    position: sticky;
    top: 20px;
    left: 0;
}

.spis-tersci-article div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.spis-tersci-article div h4 {
    color: #E3B570;

    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
}

.spis-tersci-article div ol li a {
    color: rgba(17, 14, 9, 0.75);
    text-decoration: none;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    /* 19.2px */
    /* 19.2px */
}

.scroll-do-sekcji {
    scroll-margin-top: 100px;
}

@media screen and (max-width:992px) {
    .side-bar-article {
        display: none !important;
    }
}