@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");

/* =========================================================
   SHOPMODIVO DEMO 18 REDESIGN
========================================================= */

:root{
    --sm-black:#171717;
    --sm-charcoal:#2a2a2a;
    --sm-gold:#c49a5d;
    --sm-gold-dark:#9f7440;
    --sm-cream:#f7f1e8;
    --sm-soft:#fbf8f3;
    --sm-border:#eadfce;
    --sm-white:#ffffff;
    --sm-text:#666666;
}

/* GLOBAL */
body{
    font-family:"Poppins",sans-serif;
    background:#fff;
    color:var(--sm-text);
}

a{
    color:var(--sm-gold);
}

a:hover,
a:focus{
    color:var(--sm-gold-dark);
}

.title{
    font-weight:700;
    font-size:2.6rem;
    letter-spacing:-.04em;
    margin-bottom:3rem;
    color:var(--sm-black);
}

.title.brands,
.title.instagram{
    font-size:2.4rem;
    margin-bottom:3.5rem;
}

/* HEADER */
.header.header-11{
    position:absolute;
    left:0;
    right:0;
    top:0;
    z-index:1040;
    background:rgba(23,23,23,.55);
    backdrop-filter:blur(12px);
}

.header.header-11 .header-middle{
    border-bottom:1px solid rgba(255,255,255,.14);
}

.header.header-11 .logo{
    display:flex;
    align-items:center;
    margin-top:2.2rem;
    margin-bottom:2.2rem;
}

.header.header-11 .header-left,
.header.header-11 .header-right{
    flex:1 1 0;
}

.header.header-11 .header-center{
    flex:0 1 auto;
}

.header.header-11 .header-right{
    justify-content:flex-end;
}

.header.header-11 .menu>li:not(:last-child){
    margin-right:3rem;
}

.header.header-11 .header-middle .menu>li>a{
    color:#fff;
    font-weight:500;
    font-size:1.3rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding:2.9rem 0;
}

.header.header-11 .menu>li:hover>a,
.header.header-11 .menu>li.active>a,
.header.header-11 .menu>li.show>a{
    color:var(--sm-gold);
}

.header.header-11 .menu ul,
.header.header-11 .menu .megamenu{
    margin-top:0;
    border:1px solid var(--sm-border);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.header.header-11 .wishlist-link,
.header.header-11 .cart-dropdown .dropdown-toggle,
.header.header-11 .search-toggle,
.header.header-11 .mobile-menu-toggler{
    color:#fff;
}

.header.header-11 .wishlist-link:hover,
.header.header-11 .cart-dropdown:hover .dropdown-toggle,
.header.header-11 .search-toggle:hover{
    color:var(--sm-gold);
}

.header.header-11 .wishlist-link{
    font-size:2.6rem;
    margin-left:2.5rem;
}

.header.header-11 .cart-dropdown{
    padding-left:2.4rem;
}

.header.header-11 .wishlist-link .wishlist-count,
.header.header-11 .cart-dropdown .cart-count{
    min-width:1.8rem;
    height:1.8rem;
    background:var(--sm-gold);
    color:#fff;
    font-size:1rem;
    margin-bottom:1.5rem;
    margin-left:-1.2rem;
}

.header.header-11 .header-search-extended{
    margin:0;
    max-width:250px;
}

.header.header-11 .header-search-wrapper{
    background:transparent;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.75);
    border-radius:0;
    min-width:250px;
}

.header.header-11 .header-search-extended .form-control{
    background:transparent;
    color:#fff;
    font-size:1.3rem;
    padding-left:.8rem;
    padding-bottom:.5rem;
}

.header.header-11 .header-search-extended .form-control::placeholder{
    color:rgba(255,255,255,.9);
}

.header.header-11 .header-search-extended .btn.btn-primary{
    color:#fff;
    background:transparent;
    border:none;
    font-size:2.2rem;
    max-width:40px;
    padding-top:.5rem;
}

.header.header-11 .header-search-extended .btn.btn-primary:hover{
    color:var(--sm-gold);
}

/* HERO */
.intro-slider-container,
.intro-slide{
    min-height:100vh;
    background-color:var(--sm-black);
}

.intro-slide{
    display:flex;
    align-items:center;
    background-size:cover;
    background-position:center center;
    position:relative;
}

.intro-slide:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.38)),
        rgba(23,23,23,.28);
    z-index:1;
}

.intro-slide .container{
    position:relative;
    z-index:2;
}

.intro-slide .intro-content{
    width:760px;
    max-width:86%;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    border:1px solid rgba(255,255,255,.78);
    border-top-width:0;
    border-bottom-width:0;
    padding:7rem 2rem;
    background:rgba(0,0,0,.14);
    backdrop-filter:blur(2px);
}

.intro-subtitle{
    color:var(--sm-gold);
    font-weight:500;
    font-size:1.3rem;
    line-height:1;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.intro-subtitle.cross-txt{
    top:0;
}

.intro-title{
    color:#fff;
    font-weight:800;
    font-size:6rem;
    line-height:.95;
    letter-spacing:.05em;
    margin-top:1rem;
    margin-bottom:1.6rem;
    text-transform:uppercase;
}

.intro-text{
    color:#f5eee3;
    font-weight:400;
    font-size:1.6rem;
    line-height:1.2;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.cross-txt{
    position:absolute;
    left:-1px;
    right:-1px;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
}

.cross-txt:before,
.cross-txt:after{
    content:"";
    flex:1;
    height:1px;
    background:rgba(255,255,255,.75);
}

.cross-txt:before{
    margin-right:3rem;
}

.cross-txt:after{
    margin-left:3rem;
}

.intro-content .intro-action.cross-txt{
    bottom:0;
    transform:translateY(50%);
}

.intro-content .intro-action.cross-txt .btn{
    padding:0;
}

.intro-content .btn.btn-outline-white{
    text-transform:uppercase;
    border:none;
    font-size:1.3rem;
    color:var(--sm-gold);
    letter-spacing:.16em;
    min-width:0;
    background:transparent;
}

.intro-content .btn.btn-outline-white:hover,
.intro-content .btn.btn-outline-white:focus{
    color:#fff;
    background:transparent;
}

.intro-slider.owl-theme.owl-nav-inside .owl-dots{
    bottom:6%;
}

.owl-theme .owl-dots .owl-dot span{
    background:rgba(255,255,255,.45);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
    background:var(--sm-gold);
}

/* BUTTONS */
.btn-outline-white{
    border-color:var(--sm-gold);
}

.btn-outline-primary-2{
    color:var(--sm-black);
    border-color:var(--sm-gold);
}

.btn-outline-primary-2:not(:hover):not(:focus){
    color:var(--sm-black);
}

.btn-outline-primary-2:hover,
.btn-outline-primary-2:focus,
.btn-primary,
.product.product-4 .btn-product:hover,
.product.product-4 .btn-product:focus{
    background:var(--sm-gold);
    border-color:var(--sm-gold);
    color:#fff;
}

.btn-primary:hover,
.btn-primary:focus{
    background:var(--sm-black);
    border-color:var(--sm-black);
    color:#fff;
}

.btn-more{
    min-width:230px;
    font-size:1.3rem;
    letter-spacing:.14em;
    padding-top:1.4rem;
    padding-bottom:1.4rem;
    text-transform:uppercase;
}

/* BANNERS */
.banners{
    margin-bottom:2rem;
}

.banner{
    background:var(--sm-cream);
    overflow:hidden;
}

.banner img{
    transition:transform .65s ease;
}

.banner:hover img{
    transform:scale(1.05);
}

.banner-hover .banner-content{
    text-align:center;
    padding-top:0;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    z-index:3;
}

.banner-hover:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.25);
    z-index:2;
    opacity:0;
    transition:.35s ease;
}

.banner-hover:hover:before{
    opacity:1;
}

.banner-hover .banner-title{
    font-weight:700;
    font-size:2.2rem;
    line-height:1.25;
    margin-bottom:.9rem;
    letter-spacing:-.025em;
    opacity:0;
    transform:translateY(40px);
    transition:.35s ease;
}

.banner-hover .banner-link{
    opacity:0;
    transform:translateY(40px);
    transition:.35s ease;
}

.banner-hover:hover .banner-title,
.banner-hover:hover .banner-link{
    opacity:1;
    transform:translateY(0);
}

.banner-link{
    font-weight:500;
    font-size:1.3rem;
    line-height:1.5;
    letter-spacing:.14em;
    color:#fff;
    text-transform:uppercase;
}

.banner-link:hover,
.banner-link:focus{
    color:var(--sm-gold);
    text-decoration:none!important;
    box-shadow:0 1px 0 0 var(--sm-gold);
}

/* PRODUCTS */
.product{
    margin-bottom:3.5rem;
    background:#fff;
    transition:.35s ease;
}

.product:hover{
    box-shadow:0 20px 50px rgba(23,23,23,.08);
}

.product-media{
    background:var(--sm-soft);
    overflow:hidden;
}

.product-image,
.product-image-hover{
    transition:.5s ease;
}

.product:hover .product-image{
    transform:scale(1.03);
}

.product .product-body{
    padding-left:0;
    padding-right:0;
    padding-top:1.8rem;
}

.product-cat{
    color:var(--sm-gold);
    font-weight:500;
    font-size:1.2rem;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.product-cat a{
    color:inherit;
}

.product-title{
    font-size:1.5rem;
    font-weight:500;
    letter-spacing:-.01em;
    color:var(--sm-black);
}

.product-title a:hover{
    color:var(--sm-gold);
}

.product-price{
    font-size:1.5rem;
    font-weight:600;
    color:var(--sm-gold);
    margin-bottom:.7rem;
}

.new-price{
    color:var(--sm-gold);
}

.old-price{
    color:#aaa;
}

.product.product-4 .product-price{
    flex-direction:column;
    align-items:flex-start;
}

.product.product-4 .product-price .old-price{
    margin-left:0;
    text-decoration:none;
    margin-top:.3rem;
}

.product.product-4 .product-action-vertical{
    top:2rem;
    right:2rem;
}

.btn-product-icon:not(:hover):not(:focus){
    color:var(--sm-black);
}

.btn-product-icon:hover,
.btn-product-icon:focus{
    background:var(--sm-gold);
    color:#fff;
}

.product.product-4 .btn-product{
    color:var(--sm-black);
    background:#fff;
    padding-top:1.4rem;
    padding-bottom:1.4rem;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.product.product-4 .btn-product span{
    font-size:1.3rem;
    font-weight:500;
}

.product.product-4 .btn-product:before{
    display:none;
}

.product-label.label-sale,
.product-label.label-primary{
    background:var(--sm-gold);
    color:#fff;
}

/* SIDEBAR */
.sidebar-home{
    margin-top:0;
    margin-bottom:5rem;
}

.sidebar-home .widget{
    margin-bottom:3rem;
    border:1px solid var(--sm-border);
    padding:2.5rem;
    background:#fff;
}

.sidebar-home .widget-title{
    font-weight:700;
    font-size:2rem;
    line-height:1.25;
    letter-spacing:-.025em;
    margin-bottom:2rem;
    color:var(--sm-black);
}

.widget-products .products{
    padding:0;
    margin:0;
}

.widget-products .product:last-child{
    margin-bottom:0;
}

.product.product-sm{
    margin-bottom:2rem;
}

.product.product-sm:hover{
    box-shadow:none;
}

.product.product-sm .product-price{
    font-size:1.4rem;
    color:var(--sm-gold);
}

.widget-subscribe{
    font-weight:300;
    font-size:1.4rem;
    line-height:1.43;
    color:#fff;
    padding:4rem 3rem;
    background-size:cover;
    background-position:center center;
    position:relative;
    overflow:hidden;
}

.widget-subscribe:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(23,23,23,.65);
}

.widget-subscribe > *{
    position:relative;
    z-index:2;
}

.widget-subscribe .widget-title{
    color:#fff;
    margin-bottom:1rem;
    font-size:2.2rem;
}

.widget-subscribe p{
    margin-bottom:2.5rem;
    color:#f1e8dc;
}

.widget-subscribe .form-control{
    height:46px;
    padding:1.15rem 2rem;
    margin-bottom:1rem;
    box-shadow:none;
    font-size:1.3rem;
}

.widget-subscribe .form-control:not(:focus){
    border-color:#fff;
}

.widget-subscribe .btn{
    padding-top:1.15rem;
    padding-bottom:1.15rem;
    min-width:0;
    display:block;
    width:100%;
    text-transform:uppercase;
    font-size:1.3rem;
    font-weight:500;
    letter-spacing:.12em;
}

.widget-banner .banner{
    margin-bottom:0;
}

.widget-banner .banner-content{
    left:3rem;
    padding-bottom:2rem;
}

.widget-banner .banner-title a,
.widget-banner .banner-subtitle a,
.widget-banner .banner-link{
    color:#fff;
}

.widget-banner .banner-link:hover{
    color:var(--sm-gold);
}

.widget-posts{
    overflow:hidden;
}

.widget-posts .entry-title{
    font-weight:600;
    font-size:1.6rem;
}

/* INSTAGRAM / BRANDS */
.bg-lighter{
    background:var(--sm-soft)!important;
}

.brand{
    min-height:70px;
    padding:1.5rem;
    border:1px solid var(--sm-border);
    background:#fff;
    transition:.3s ease;
}

.brand:hover{
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transform:translateY(-3px);
}

.instagram-feed:after{
    background:rgba(23,23,23,.45);
}

.instagram-feed-content a:hover{
    color:var(--sm-gold);
}

/* FOOTER */
.footer.footer-dark{
    background:var(--sm-black);
}

.footer .icon-boxes-container{
    padding-top:0;
    padding-bottom:0;
    background:transparent;
}

.footer .icon-boxes-container .container{
    position:relative;
    padding-top:2.6rem;
    padding-bottom:2.6rem;
}

.footer.footer-dark .icon-boxes-container .container:before{
    background:rgba(255,255,255,.12);
}

.footer .icon-box{
    font-size:1.4rem;
}

.footer .icon-box-side{
    margin-left:-2rem;
}

.footer .icon-box-side .icon-box-icon{
    min-width:7rem;
    color:var(--sm-gold);
    font-size:4rem;
}

.footer .icon-box-side .icon-box-title{
    font-size:1.4rem;
    margin-bottom:.1rem;
    font-weight:700;
}

.footer.footer-dark .icon-box-title{
    color:#fff;
}

.footer .icon-box-content p{
    color:#aaa;
}

.footer .footer-middle .container>.row>div:not(:first-child){
    padding-left:6rem;
}

.footer .widget-title{
    font-weight:700;
}

.footer a:hover,
.footer a:focus{
    color:var(--sm-gold);
}

.social-icon{
    border-color:#666;
}

.social-icon:hover,
.social-icon:focus{
    color:var(--sm-gold);
    border-color:var(--sm-gold);
}

/* RESPONSIVE */
@media screen and (min-width:576px){
    .intro-subtitle{font-size:1.3rem}
    .intro-title{font-size:6rem}
    .intro-text{font-size:1.6rem}
}

@media screen and (min-width:768px){
    .intro-title{font-size:7rem}
}

@media screen and (min-width:992px){
    .intro-content .btn{min-width:170px}
    .intro-subtitle{font-size:1.4rem}
    .intro-title{font-size:8.2rem}
    .intro-text{font-size:1.8rem}
}

@media screen and (min-width:1200px){
    .intro-slider-container,
    .intro-slide{
        min-height:0;
        height:100vh;
    }

    .intro-slider-container .container,
    .intro-slide .container{
        padding-bottom:1.7rem;
    }

    .intro-content .btn{
        min-width:190px;
    }

    .intro-title{
        font-size:8rem;
    }

    .intro-text{
        font-size:2rem;
    }
}

@media screen and (max-width:991px){
    .header-middle .header-center{
        display:block;
    }

    .header.header-11 .header-middle .menu>li>a{
        color:var(--sm-black);
    }

    .footer-middle .container>.row>div{
        padding-left:3rem!important;
    }

    .sidebar-home .widget{
        padding:2rem;
    }
}

@media screen and (max-width:575px){
    .intro-slide .intro-content{
        max-width:92%;
        padding:5rem 1.5rem;
    }

    .intro-title{
        font-size:4.2rem;
    }

    .intro-text{
        font-size:1.4rem;
    }

    .title{
        font-size:2.2rem;
    }
}