/** Shopify CDN: Minification failed

Line 65:10 Unexpected "{"
Line 65:19 Expected ":"
Line 82:10 Unexpected "{"
Line 82:19 Expected ":"
Line 262:10 Unexpected "{"
Line 262:19 Expected ":"
Line 277:10 Unexpected "{"
Line 277:19 Expected ":"

**/
 #cjs-template--24993212465456__custom_jewelry_TidXiT .product-grid {
      height: 100%;
      }
    .custom-jewelry-container{ position:relative; z-index:13; }
    img.cuj-bg-banner-image-desktop{ width:100%; margin-top:-92px; height:984px; }
    img.cuj-bg-banner-image-tablet{ display:none; }
    img.cuj-bg-banner-image-mobile{ display:none; }
    img.cud-image-heading{ position:absolute; top:3%; width:26%; left:37%; }
    .custom-jewelry-heading{
      margin:0; position:absolute; left:42.5%; top:9.8%;
      color:#FFCE00; z-index:99; font-size:32px; font-family:'Vampliers' !important;
    }
    .banner-custom-image img{ width:77%; position:absolute; top:-85px; left:14%; }

    .product-grid { width: 15.4% !important; }

    .csd-selling-bottom-button img {
      width: 160px;
      position: absolute;
      top: 61%;
      left: 45%;
    }
    a.csd-selling-button {
      position: absolute;
      top: 65%;
      left: 48.5%;
      color: #FFCE00;
      text-decoration:none;
    }
    .cjs-swiper-wrap{
      position:absolute; top:27%;
      width:100%;
      padding:0 14px;
    }

    .swiper-slide{
      background:#000;
      padding:12px;
      border-radius:10px;
      height:auto;
    }
    .product-image img{
      width:100%;
      display:block;
      border-radius:10px;
      height:auto;
    }
    .product-information{ margin-top:8px; }
    .product-title-custom{ color:#fff; margin:6px 0 0; font-size:13px; line-height:20px; }
    .price-pr{ color:#fff; font-weight:600; font-size:14px; display:block; }
    .product-links{ color:#fff; text-decoration:none; display:block; }

    #cjs-{{ section.id }} .custom-button-prev{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background: #111;
        /* border: 1px solid rgba(255, 255, 255, .15); */
        position: absolute;
        top: 45%;
        left:2%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor:pointer;
        padding: 0 !important;
    }
    #cjs-{{ section.id }} .custom-button-next{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background: #111;
        /* border: 1px solid rgba(255, 255, 255, .15); */
        position: absolute;
        top: 45%;
        left:94%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor:pointer;
         padding: 0 !important;
    }
    img.custom-jewel-pump-eye {
        width: 64px;
        position: absolute;
        top: 6.9%;
        left: 37.8%;
        transform: rotate(-13deg);
        animation: fadeinout 4s infinite;
    }
    @keyframes fadeinout { 0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;} }
    img.custom-jewel-eye-second {
        position: absolute;
        width: 51px;
        top: 7.6%;
        left: 58.8%;
        transform: rotate(10deg);
        animation: fadeinout 4s infinite;
    }
    @keyframes fadeinout { 0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;} }

    /* ========= Scroll reveal for main heading ========= */
    .reveal-from-top{
      opacity:0;
      transform: translateY(-24px);
      transition: transform 4s ease, opacity 4s ease;
      will-change: transform, opacity;
    }
    .reveal-from-top.in-view{
      opacity:1;
      transform: translateY(0);
    }
    @media (prefers-reduced-motion: reduce){
      .reveal-from-top{
        transition: none;
        transform:none;
        opacity:1;
      }
    }
    /* ================================================== */

    @media (min-width:769px) and (max-width:1180px){
      #cjs-template--24993212465456__custom_jewelry_TidXiT .product-grid {
      height: 336px !important;
      }
        img.cud-image-heading {
            position: absolute;
            top: 11%;
            width: 341px;
            left: 28%;  
        }
        .custom-jewelry-heading {
            margin: 0;
            position: absolute;
            left: 36.5%;
            top: 17%;
            color: #FFCE00;
            z-index: 99;
            font-size: 32px;
            font-family: 'Vampliers' !important;
        }
        img.cuj-bg-banner-image-tablet{ display:block; width:100%; margin-top:-82px; height: 991px; }
      img.cuj-bg-banner-image-desktop{ display:none; }
      img.cuj-bg-banner-image-mobile{ display:none; }
      .product-grid {
        width: 33.33% !important;
      }   
      .cjs-swiper-wrap {
        position: absolute;
        top: 32%;
        width: 100%;
        padding: 0 14px;
      } 
      .custom-jewel-pump-eye {
        display: none;
      }
      .csd-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 67%;
        left: 40%;
      }
      a.csd-selling-button {
        position: absolute;
        top: 70.9%;
        left: 46.2%;
        color: #FFCE00;
      }
      a.csd-selling-button {
        position: absolute;
        top: 70.8%;
        left: 44.8%;
        color: #FFCE00;
      }
      .cjs-swiper-wrap {
        position: absolute;
        top: 32%;
        width: 100%;
        padding: 0 14px;
      } 
      a.csd-selling-button {
        position: absolute;
        top: 71.3%;
        left: 46.2%;
        color: #FFCE00;
      }
    }

    @media (min-width:1024px) and (max-width:1180px){
      img.cuj-bg-banner-image-tablet {
        display: block;
        width: 100%;
        margin-top: -101px;
        height: 1359px;
      }
      img.cud-image-heading {
        position: absolute;
        top: 15%;
        width: 341px;
        left: 30%;
      }
      .custom-jewelry-heading {
        margin: 0;
        position: absolute;
        left: 36.7%;
        top: 19.7%;
        color: #FFCE00;
        z-index: 99;
        font-size: 32px;
        font-family: 'Vampliers' !important;
      }
      .cjs-swiper-wrap {
        position: absolute;
        top: 36%;
        width: 100%;
        padding: 0 14px;
      } 
      .csd-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 68%;
        left: 40%;
      } 
      .custom-jewelry-heading {
        margin: 0;
        position: absolute;
        left: 36.7%;
        top: 19.3%;
        color: #FFCE00;
        z-index: 99;
        font-size: 32px;
        font-family: 'Vampliers' !important;
      }
      a.csd-selling-button {
        position: absolute;
        top: 70.8%;
        left: 45%;
        color: #FFCE00;
      }
    }

    @media (max-width:500px){
    .product-grid {
        width: 100% !important;
    }
    #cjs-{{ section.id }} .custom-button-prev{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background: #111;
        /* border: 1px solid rgba(255, 255, 255, .15); */
        position: absolute;
        top: 45%;
        left:2%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #cjs-{{ section.id }} .custom-button-next{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background: #111;
        /* border: 1px solid rgba(255, 255, 255, .15); */
        position: absolute;
        top: 45%;
        left:84%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

      img.cuj-bg-banner-image-tablet{ display:none; }
      img.cuj-bg-banner-image-desktop{ display:none; }
      img.cuj-bg-banner-image-mobile{ display:block; width:100%; margin-top:-85px; }

      img.cud-image-heading{ top:11%; width:300px; left:21%; }
      .custom-jewelry-heading{ left:38.5%; top:11%; font-size:20px; letter-spacing:1px; }
    }

    @media screen and (max-width:430px){
      img.custom-jewel-pump-eye{
        display:none;
      }
      img.custom-jewel-eye-second {
        display:none;
      }
      img.cud-image-heading {
        top: 11%;
        width: 300px;
        left: 13%;
      }
      .custom-jewelry-heading{
        left: 27.5%;
        top: 17.2%;
        font-size: 26px;
        letter-spacing: 1px;
      }
      #csd-slider {
        position: absolute;
        top: 29%;
        width: 100%;
        padding: 0 14px;
      }
      .csd-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 65%;
        left: 29%;
      }
      a.csd-selling-button {
        position: absolute;
        top: 68.4%;
        left: 40.4%;
        color: #FFCE00;
      }
      img.cuj-bg-banner-image-mobile {
        display: block;
        width: 100%;
        margin-top: -85px;
        height: 1100px;
      }
      .custom-jewelry-heading {
        left: 27.5%;
        top: 16%;
        font-size: 26px;
        letter-spacing: 1px;
      }
    }
    
    @media screen and (max-width:384px){
      .cjs-swiper-wrap {
        position: absolute;
        top: 28%;
        width: 100%;
        padding: 0 14px;
      }
      .csd-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 68%;
        left: 27%;
      }
      a.csd-selling-button {
        position: absolute;
        top: 71.5%;
        left: 39.8%;
        color: #FFCE00;
      }
      img.cuj-bg-banner-image-mobile {
        display: block;
        width: 100%;
        margin-top: -85px;
        height: 700px;
      }
      .custom-jewelry-heading {
        left: 27.9%;
        top: 16%;
        font-size: 26px;
        letter-spacing: 1px;
        right:0 !important;  
        width:100% !important; 
      }
    }
    @media screen and (max-width:393px){
      img.cuj-bg-banner-image-mobile {
        display: block;
        width: 100%;
        margin-top: -85px;
        height: 847px;
      }
      .csd-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 68%;
        left: 27%;
      } 
      a.csd-selling-button {
        position: absolute;
        top: 72.4%;
        left: 38.4%;
        color: #FFCE00;
        font-size: 17px;
      }
      img.cuj-bg-banner-image-mobile {
        display: block;
        width: 100%;
        margin-top: -85px;
        height: 847px;
      }
      .custom-jewelry-heading{
        left: 27.7%;
        top: 17.3%;
        font-size: 26px;
        letter-spacing: 1px;
      } 
      .custom-jewelry-container {
          position: relative;
          z-index: 17;
      }
      .swiper-slide.product-grid {
        flex: 0 0 72% !important;
      }
    }
    @media screen and (max-width:360px){
      .banner-custom-image img {
        display: none;
      }
      img.cud-image-heading {
        top: 11%;
        width: 300px;
        left: 11%;
      }
    }
    @media screen and (min-width:1920px){
      img.cuj-bg-banner-image-desktop {
        width: 100% !important; 
        margin-top: -118px !important;  
      }
      .custom-jewelry-heading {
        margin: 0 !important;
        position: absolute !important;
        left: 44.5% !important;
        top: 12% !important;
        color: #FFCE00 !important;
        z-index: 99 !important;
        font-size: 33px !important;
        font-family: 'Vampliers' !important;
      }
      img.cud-image-heading {
        position: absolute !important;
        top: 3% !important;
        width: 26% !important;
        left: 37% !important;
      }
      .cjs-swiper-wrap {
        position: absolute !important;
        top: 27% !important;
        width: 100% !important;
        padding: 0 14px !important;
      }
      img.custom-jewel-pump-eye {
        width: 89px !important; 
        position: absolute !important;
        top: 7.6% !important; 
        left: 37.8% !important;
        transform: rotate(-13deg) !important;
        animation: fadeinout 4s infinite;
      }
      img.custom-jewel-eye-second {
        position: absolute !important;
        width: 68px !important;
        top: 8.5% !important;
        left: 58.9% !important;
        transform: rotate(10deg) !important;
        animation: fadeinout 4s infinite;
      }
      a.csd-selling-button {
        position: absolute !important;
        top: 65.5% !important;
        left: 47.6% !important; 
        color: #FFCE00 !important;
      } 
      img.cuj-bg-banner-image-desktop {
        width: 100%;
        margin-top: -104px;
        height: 1165px !important;
      }
    }

    @media screen and (min-width:1905px){
      img.cuj-bg-banner-image-desktop {
        width: 100% !important; 
        margin-top: -118px !important;  
      }
      .custom-jewelry-heading {
        margin: 0 !important;
        position: absolute !important;
        left: 44.5% !important;
        top: 12% !important;
        color: #FFCE00 !important;
        z-index: 99 !important;
        font-size: 33px !important;
        font-family: 'Vampliers' !important;
      }
      img.cud-image-heading {
        position: absolute !important;
        top: 3% !important;
        width: 26% !important;
        left: 37% !important;
      }
      .cjs-swiper-wrap {
        position: absolute !important;
        top: 27% !important;
        width: 100% !important;
        padding: 0 14px !important;
      }
      img.custom-jewel-pump-eye {
        width: 89px !important; 
        position: absolute !important;
        top: 7.6% !important; 
        left: 37.8% !important;
        transform: rotate(-13deg) !important;
        animation: fadeinout 4s infinite;
      }
      img.custom-jewel-eye-second {
        position: absolute !important;
        width: 68px !important;
        top: 8.5% !important;
        left: 58.9% !important;
        transform: rotate(10deg) !important;
        animation: fadeinout 4s infinite;
      }
      a.csd-selling-button {
        position: absolute !important;
        top: 65.5% !important;
        left: 47.6% !important; 
        color: #FFCE00 !important;
      } 
      img.cuj-bg-banner-image-desktop {
        width: 100%;
        margin-top: -104px;
        height: 1165px !important;
      }
    }

    @media screen and (min-width:1660px){  
      img.cud-image-heading {
        position: absolute;
        top: 3%;
        width: 26%;
        left: 37%;  
      }
      img.custom-jewel-pump-eye {
        width: 74px;
        position: absolute;
        top: 7.7%;
        left: 37.9%;
        transform: rotate(-13deg);
        animation: fadeinout 4s infinite;
      }
      img.custom-jewel-eye-second {
        position: absolute;
        width: 55px;
        top: 8.7%;
        left: 59%;
        transform: rotate(10deg);
        animation: fadeinout 4s infinite;
      }
      .custom-jewelry-heading {
        margin: 0;
        position: absolute;
        left: 44%;
        top: 12%;
        color: #FFCE00;
        z-index: 99;
        font-size: 32px;
        font-family: 'Vampliers' !important;
      }
      .csd-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 62%;
        left: 45%;
      }
      a.csd-selling-button {
        position: absolute;
        top: 66%;
        left: 48%;
        color: #FFCE00;
      }
      img.cuj-bg-banner-image-desktop {
        width: 100%;
        margin-top: -104px;
        height: 984px;
      }
      .cjs-swiper-wrap {
        position: absolute;
        top: 25%;
        width: 100%;
        padding: 0 14px;
      }
    }

    @media (min-width:1536px) and (max-width:1600px){
      img.cuj-bg-banner-image-desktop {
        width: 100% !important;
        margin-top: -100px !important;
        height: 984px !important;
      }
      img.custom-jewel-pump-eye {
        width: 74px !important;
        position: absolute !important;
        top: 7.5% !important;
        left: 37.7% !important;
        transform: rotate(-13deg) !important;
        animation: fadeinout 4s infinite;
      }
      img.custom-jewel-eye-second {
        position: absolute !important;
        width: 53px !important;
        top: 8.3% !important;
        left: 58.9% !important;
        transform: rotate(10deg) !important;
        animation: fadeinout 4s infinite;
      }
      .custom-jewelry-heading {
        margin: 0 !important;
        position: absolute !important;
        left: 43.2% !important;
        top: 11.2% !important;
        color: #FFCE00 !important;
        z-index: 99 !important;
        font-size: 32px !important;
        font-family: 'Vampliers' !important;
      }
      a.csd-selling-button {
        position: absolute !important;
        top: 65% !important;
        left: 48.3% !important;
        color: #FFCE00 !important;
        text-decoration: none !important;
      }
    }
@media screen and (max-width: 400px) {
    img.cuj-bg-banner-image-mobile {
        display: block !important;
        width: 100% !important;
        margin-top: -85px !important;
        height: 899px !important;
    }
    .custom-jewelry-heading {
        left: 27.5% !important;
        top: 17% !important;
        font-size: 26px !important;
        letter-spacing: 1px !important;
    }
    .csd-selling-bottom-button img {
        width: 160px !important;
        position: absolute !important; 
        top: 61% !important;
        left: 45% !important;
    }
    a.csd-selling-button {
        position: absolute !important; 
        top: 65% !important;
        left: 48.5% !important;
        color: #FFCE00 !important;
    }
  }
    @media screen and (max-width: 393px) {
  .csd-selling-bottom-button img {
        width: 160px !important;
        position: absolute !important; 
        top: 65% !important;
        left: 30% !important;
    }
    a.csd-selling-button {
        position: absolute !important;
        top: 69% !important;
        left: 41.5% !important;
        color: #FFCE00 !important;
    }

  }
  @media screen and (max-width: 382px) {
  .csd-selling-bottom-button img {
        width: 160px !important;
        position: absolute !important; 
        top: 65% !important;
        left: 30% !important;
    }
    a.csd-selling-button {
        position: absolute !important;
        top: 69% !important;
        left: 41.5% !important;
        color: #FFCE00 !important;
    }

  }