@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//zenacosmetics.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.0") format("woff2");
}

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(53,53,53);
	--wd-text-font-size: 16px;
	--wd-title-font: "Lumier Regular", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lumier Bold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lumier Bold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lumier Bold", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(220,172,127);
	--wd-alternative-color: rgb(0,0,0);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(220,172,127);
	--btn-accented-bgcolor-hover: rgb(221,167,128);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.page :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1400px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Magdelin Regular";
	src: url("//zenacosmetics.com/wp-content/uploads/2024/01/Magdelin-Regular.woff2") format("woff2"), 
url("//zenacosmetics.com/wp-content/uploads/2024/01/Magdelin-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Lumier Regular";
	src: url("//zenacosmetics.com/wp-content/uploads/2024/01/LumierRegular.woff2") format("woff2"), 
url("//zenacosmetics.com/wp-content/uploads/2024/01/LumierRegular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Lumier Bold";
	src: url("//zenacosmetics.com/wp-content/uploads/2024/01/LumierBold.woff2") format("woff2"), 
url("//zenacosmetics.com/wp-content/uploads/2024/01/LumierBold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

/* =====================================================
HEADER / MENU
===================================================== */

/* Висота логотипів у меню */
.wd-nav-img,
.mega-menu-list img {
max-height: 15px;
}

/* Розмір шрифту в випадаючому меню */
.wd-sub-menu li > a {
font-size: 16px;
}

/* =====================================================
SHOP / CATALOG
===================================================== */

/* Приховати select сортування в каталозі */
.wd-shop-tools .woocommerce-ordering.wd-style-underline select {
display: none;
}

/* =====================================================
UI ELEMENTS
===================================================== */

/* Кнопка Scroll To Top зліва */
.scrollToTop {
left: 20px !important;
}

/* =====================================================
CUSTOM BUTTON ANIMATION
===================================================== */

.btnone {
color: rgba(255,255,255,0.9);
border-radius: 50px;
background: linear-gradient(
-45deg,
#000000,
#1A1A1A,
#2B2B2B,
#414244
);
background-size: 600%;
animation: anime 16s linear infinite;
}

@-webkit-keyframes anime {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

@keyframes anime {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

/* =====================================================
BLOG
===================================================== */

/* Приховати дату в портфоліо */
.wd-meta-date {
display: none;
}

/* Приховати дату в masonry блозі */
.blog-design-masonry.has-post-thumbnail .post-date {
display: none;
}

/* Приховати мета-інформацію записів */
.wd-entry-meta {
display: none;
}

/* Приховати категорії */
.meta-categories-wrapp {
display: none;
}

/* Приховати кнопку Read More */
.read-more-section a {
display: none;
}

/* Приховати іконки соцмереж при наведенні */
.hovered-social-icons {
display: none;
}

/* Заголовок запису */
.wd-post .post-title:last-child {
font-size: 18px;
margin-top: -10px !important;
}

/* =====================================================
AUTHOR / AIOSEO
===================================================== */

/* Приховати блок автора AIOSEO */
.aioseo-author-bio-compact {
display: none !important;
}

/* =====================================================
PORTFOLIO
===================================================== */

/* Відступ під мета-даними проекту */
.wd-project .wrap-meta {
margin-bottom: 0 !important;
}

/* Розмір іконки/зображення в портфоліо */
.portfolio-image {
width: 45px;
}

/* =====================================================
CUSTOM BLOCKS
===================================================== */

/* Блок з ID lgt-3ttjb3 */
#lgt-3ttjb3 {
margin-bottom: 50px;
}

/* =====================================================
ABOUT PAGE (ID 2383)
===================================================== */

/* Тут будемо складати всі правки сторінки About */

/*
.page-id-2383 {

}
*/
/* -----------------------------------------
   ONLY DISTRIBUTORS PAGE
   ----------------------------------------- */

.page-template-tpl_distributors .main-page-wrapper > .container{
    padding:0 !important;
}

.page-template-tpl_distributors .content-layout-wrapper{
    margin:0;
}

.page-template-tpl_distributors .container{
    width:100% !important;
    max-width:1400px !important;
    margin:0 auto !important;

    padding-left:15px !important;
    padding-right:15px !important;
}


/* -----------------------------------------
   GRID
   ----------------------------------------- */

.portfolio-row{
    display:flex;
    flex-wrap:wrap;

    margin-left:-10px;
    margin-right:-10px;

    margin-bottom:70px;
}

.portfolio-row > div{
    width:25%;
    padding:10px;
    box-sizing:border-box;
}


/* -----------------------------------------
   CARD
   ----------------------------------------- */

.portfolio-item{
    background:#fff;

    border:2px solid #dcac7f;

    border-radius:14px;

    padding:35px 22px 22px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;

    box-shadow:none;
}

.portfolio-item:before{
    display:none;
}

.portfolio-item:hover{
    transform:translateY(-3px);

    border-color:#c99652;

    box-shadow:
        0 10px 28px rgba(0,0,0,.05);
}


/* -----------------------------------------
   TOP
   ----------------------------------------- */

.portfolio-top{
    display:flex;
    align-items:flex-start;
    margin-bottom:20px;
}

.portfolio-image{
    margin-right:20px;
    flex-shrink:0;
}

.portfolio-image img{
    width:52px;
    height:auto;
    display:block;
}


/* -----------------------------------------
   TEXT
   ----------------------------------------- */

.portfolio-title p{
    margin:0 0 6px;

    color:#c99652;
    font-weight:500;
    letter-spacing:.3px;
    text-transform:uppercase;

    font-size:13px;
    line-height:1.2;
}

.portfolio-title h3{
    margin:0;

    color:#222;

    font-size:18px;
    font-weight:700;
}

.portfolio-description-top{
    font-weight:500;
    color:#333;
    margin-bottom:20px;
}

.portfolio-hidden-description{
    display:none;
    margin-bottom:20px;
}

.portfolio-hidden-description .wd-wpb{
    margin-bottom:0;
}


/* -----------------------------------------
   BUTTON FINAL
   ----------------------------------------- */

.portfolio-btn{
    position:relative;

    display:flex !important;
    align-items:center;
    justify-content:center;

    min-height:46px !important;

    padding-left:16px !important;
    padding-right:50px !important;

    background:#f3f3f3 !important;
    border:none !important;
    border-radius:999px !important;

    color:#333 !important;

    font-size:14px !important;
    font-weight:500 !important;
    letter-spacing:.2px;

    transition:all .25s ease;
}

/* текст */

.portfolio-btn .wd-btn-text{
    width:100%;
    text-align:center;
}

/* hover від картки */

.portfolio-item:hover .portfolio-btn{
    background:#d4b184 !important;
    color:#fff !important;
}

/* кружечок справа */

.portfolio-btn .wd-btn-icon{
    position:absolute;

    right:14px;

    width:22px;
    height:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.25);

    color:#c99652;

    transition:all .25s ease;
}

/* стрілка біла при hover */

.portfolio-item:hover .portfolio-btn .wd-btn-icon{
    background:rgba(255,255,255,.18);
    color:#fff;
}

/* відкрита картка */

.portfolio-btn.open .wd-btn-icon{
    transform:rotate(180deg);
}

/* плавність */

.portfolio-btn .wd-btn-icon svg,
.portfolio-btn .wd-btn-icon i{
    transition:all .25s ease;
}

.portfolio-btn{
     text-transform:lowercase !important;
}
.portfolio-item:hover .portfolio-btn .wd-btn-icon:before{
    color:#fff !important;
}
.portfolio-item:hover .portfolio-btn .wd-btn-icon,
.portfolio-item:hover .portfolio-btn .wd-btn-icon i,
.portfolio-item:hover .portfolio-btn .wd-btn-icon svg{
    color:#fff !important;
    fill:#fff !important;
    stroke:#fff !important;
}

/* мобілка */

@media (max-width:768px){

    .portfolio-btn{
        min-height:42px !important;

        font-size:13px !important;

        padding-left:14px !important;
        padding-right:45px !important;
    }

    .portfolio-btn .wd-btn-icon{
        width:20px;
        height:20px;

        right:12px;
    }

}
/* -----------------------------------------
   SEARCH
   ----------------------------------------- */

.distributor_search{
    width:100%;

    height:62px;

    background:#fff;

    border:1px solid #d4b184;

    border-radius:32px;

    padding:0 25px 0 60px !important;

    color:#333;

    font-size:16px;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23c99652' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:22px center;

    transition:all .25s ease;
}

.distributor_search:focus{
    outline:none;

    border-color:#c99652;

    box-shadow:
        0 0 0 4px rgba(212,177,132,.15);
}

.distributor_search::placeholder{
    color:#888;
}


/* -----------------------------------------
   TABLET
   ----------------------------------------- */

@media (max-width:1024px){

    .portfolio-row > div{
        width:50%;
    }

}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width:768px){

    .portfolio-row > div{
        width:100%;
    }

    .portfolio-item{
        padding:25px 18px;
    }

    .portfolio-image img{
        width:44px;
    }

    .portfolio-title h3{
        font-size:16px;
    }

    .distributor_search{
        height:56px;
    }

}

@media (max-width:768px){

    .portfolio-item{
        padding:22px 16px 16px;
    }

    .portfolio-title h3{
        font-size:15px;
    }

    .portfolio-description-top{
        margin-bottom:16px;
    }

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

    body.page-template-tpl_distributors .wd-page-content,
    body.page-template-tpl_distributors .site-content,
    body.page-template-tpl_distributors #main-content,
    body.page-template-tpl_distributors .content-layout-wrapper,
    body.page-template-tpl_distributors .container{
        padding-left:5px !important;
        padding-right:5px !important;
        box-sizing:border-box !important;
    }

    body.page-template-tpl_distributors .portfolio-row{
        margin-left:0 !important;
        margin-right:0 !important;
        width:100% !important;
    }

    body.page-template-tpl_distributors .portfolio-row > div{
        padding-left:0 !important;
        padding-right:0 !important;
        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
    }
}

.wd-page-title {display: none;}
@media (min-width: 1025px) {

    .page-id-2383 .container{
        padding-left:100px !important;
        padding-right:100px !important;
    }

}

.about-hero-text{
    font-size:44px;
    line-height:1.35;
    color:#111;
}

.gold-word{
    color:#111;
    transition:
        color 1.2s ease,
        text-shadow 1.2s ease;
}

.gold-word.active{
    color:#d4b184;

    text-shadow:
        0 0 8px rgba(212,177,132,.12);
}

.gold-word.active{
    color:#d4b184;

    text-shadow:
        0 0 10px rgba(212,177,132,.18);
}

@media(max-width:1024px){

    .about-hero-text{
        font-size:36px;
    }

}

@media(max-width:768px){

    .about-hero-text{
        font-size:30px;
        line-height:1.4;
    }

}

.zena-seal{
    position:relative;
    overflow:hidden;
}

.zena-seal:after{
    content:'';
    position:absolute;
    top:-20%;
    left:-50%;
    width:40%;
    height:140%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:rotate(20deg);

    animation:goldShine 6s infinite;
}

@keyframes goldShine{
    0%,70%{
        left:-60%;
    }

    100%{
        left:140%;
    }
}
/* ABOUT HERO BUTTON */

.about-hero-btn,
.catalog-view-btn{
    position:relative;
    display:inline-flex !important;
    align-items:center;
    gap:10px !important;

    padding-left:20px !important;
    padding-right:10px !important;

    overflow:hidden;
}

.about-hero-btn .wd-btn-icon,
.catalog-view-btn .wd-btn-icon{
    margin-left:10px !important;
}


/* легкий блиск по кнопці */

.about-hero-btn:after,
.catalog-view-btn:after{
    content:'';
    position:absolute;
    top:-40%;
    left:-60%;
    width:40%;
    height:180%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transform:rotate(20deg);
    animation:zenaBtnShine 5s ease-in-out infinite;
    pointer-events:none;
}

@keyframes zenaBtnShine{
    0%,70%{
        left:-60%;
    }

    100%{
        left:140%;
    }
}


/* NUMBERS ANIMATION VISUAL */

.zena-counter{
    transition:
        color .5s ease,
        transform .5s ease,
        text-shadow .5s ease;
}

.zena-counter.is-visible{
    color:#fff;
    transform:translateY(-4px);
    text-shadow:0 0 18px rgba(255,255,255,.25);
}

.info-box-icon{
    transition:
        transform .6s ease,
        color .6s ease,
        text-shadow .6s ease;
}

.info-box-icon.zena-active{
    color:#ffffff;
    transform:translateY(-4px);
    text-shadow:
        0 0 15px rgba(255,255,255,.2),
        0 0 35px rgba(212,177,132,.15);
}
.zena-avatars{
    margin-bottom:24px;
}

.zena-avatars .wd-grid-g{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center;
    gap:0 !important;
}

.zena-avatars .wd-gallery-item{
    width:auto !important;
    flex:0 0 auto !important;
    margin-left:-12px;
    transition:.35s ease;
}

.zena-avatars .wd-gallery-item:first-child{
    margin-left:0;
}

.zena-avatars .wd-gallery-image{
    width:72px !important;
    height:72px !important;
    object-fit:contain;
}
@keyframes zenaAvatarLuxury{
    0%{
        opacity:0;
        transform:translateX(-15px);
        filter:blur(4px);
    }

    100%{
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}
/* Аватарки */
.zena-avatars .wd-gallery-item{
    transition: transform .35s ease;
}

/* Hover */
.zena-avatars .wd-gallery-item:hover{
    transform: translateY(-8px) scale(1.06);
    z-index: 10;
}

/* Стартова анімація */
.zena-avatars .wd-gallery-item{
    opacity: 0;
    animation: zenaAvatarPop .8s ease forwards;
}

/* По черзі */
.zena-avatars .wd-gallery-item:nth-child(1){
    animation-delay: .2s;
}

.zena-avatars .wd-gallery-item:nth-child(2){
    animation-delay: .45s;
}

.zena-avatars .wd-gallery-item:nth-child(3){
    animation-delay: .7s;
}

@keyframes zenaAvatarPop{
    0%{
        opacity:0;
        transform:translateY(20px) scale(.85);
    }

    60%{
        opacity:1;
        transform:translateY(-6px) scale(1.05);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}