@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body, #footer {background-color: #f5f5f5 !important}

.headline-l {
    display: flex; 
    align-items: center; 
    text-align: center;
}

/* Creates the line on both sides */
.headline-l::before,
.headline-l::after {
    content: ''; 
    flex-grow: 1; 
    background-color: #bfb4bc26;
    height: 1px;
}

/* Adds a gap between the text and the lines */
.headline-l span {
    padding: 0 1rem;
}

.gradient-line{ 
    margin: 20px 0 20px 0;
    display: block;
    border: none;
    height: 1px;
    background: #e7e7e7;
    background: linear-gradient(to right, #fbfafa, #efefef, #efeded, #efefef, #fbfafa)
}

section#welcome {
  display:none;
     /*background-color: #eeecef;*/
     background-color: #fcfcfc;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin: 30px auto 50px auto;
    border-radius: 10px;
    text-align: center;
    font-family: 'Roboto Slab';
    font-weight: 200;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}
section#welcome h1{
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}

section#welcome p{
    font-weight: 200;
    font-size: 14px;
    font-family: 'Roboto Slab';
}

/* The main flex container for the row of items */
section#welcome #wc_cats {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin-top:30px
}

/* Main wrapper for ONE circle AND its text below */
.wct_container {
    display: flex;
    flex-direction: column; /* Stacks the circle on top of the outside label */
    align-items: center;   /* Horizontally centers them */
}

.wct_container a{
text-decoration: none;
}

/* The circle itself (also a flex container for its content) */
.wct_item {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    color: white;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 21%);
    line-height: 1.1;
    box-shadow: rgb(108 103 57 / 0%) 0px 30px 60px -12px inset, rgb(19 19 13 / 50%) 0px 18px 36px -18px inset;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    outline: 1px dashed #514c548f;
    outline-offset: 2px;
    cursor: pointer;
}
.wct_item:hover {
    transform: scale(1.08);
    box-shadow: rgba(50, 50, 93, 0.15) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.1) 0px 18px 36px -18px inset;
}

#wct_candles {
  background-image: linear-gradient(#9f8ca3e3, #b5a3b9), url(https://aromaworld.co.uk/images/wct_cats/candles.jpg);
}
#wct_diffusers {
  background-image: linear-gradient(#9f8ca3e3, #b5a3b9), url(https://aromaworld.co.uk/images/wct_cats/diffusers.jpg);
}
#wct_incense {
  background-image: linear-gradient(#9f8ca3e3, #b5a3b9), url(https://aromaworld.co.uk/images/wct_cats/incense.jpg);
}
#wct_oilwax {
  background-image: linear-gradient(#9f8ca3e3, #b5a3b9), url(https://aromaworld.co.uk/images/wct_cats/wax.jpg);
}
#wct_bathroom {
  background-image: linear-gradient(#9f8ca3e3, #b5a3b9), url(https://aromaworld.co.uk/images/wct_cats/bathroom.jpg);
}

/* The BIG NUMBER inside the circle */
.item-number {
    font-size: 1.5rem;
    font-weight: 400;
}

/* The small "products" text INSIDE the circle */
.item-label-inside {
    font-size: 0.6rem;
    font-weight:200
}

/* The main label UNDERNEATH (OUTSIDE) the circle */
.wct_label-outside {
    margin-top: 8px;
    font-family: 'Roboto Slab', serif;
    color: #262f2d;
    max-width: 80px;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 12px !important;
    font-weight: 300 !important;
}

@media (max-width: 530px) {
section#welcome p{
    font-size: 13px;
}

  /* --- The Non-Scrolling Wrapper --- */
  .scroll-wrapper {
    position: relative;
  }

  .scroll-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    box-shadow: inset -25px 0 15px -10px #382d2d24;
    pointer-events: none;
  }

  section#welcome #wc_cats {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    padding: 0;
    padding-top:20px;
    scroll-snap-type: x mandatory;
    margin-top: 10px;
    /* Hide the scrollbar */
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  section#welcome #wc_cats::-webkit-scrollbar {
    display: none;
  }

  .wct_container {
    flex-shrink: 0;
    scroll-snap-align: center;
  }

  .wct_container:first-child {
    margin-left: 20px;
  }

  .wct_container:last-child {
    margin-right: 20px;
  }
}

/* slider */
#slider_wrapper {
width:100%;
border-top:1px thin #71636c;
box-shadow:rgb(95 84 84 / 29%) 0px 25px 20px -20px
}

 .hero-slider { width: 100%; height: 350px; color: white; }
        .swiper-slide { display: flex; justify-content: center; align-items: center; text-align: center; background-size:cover; background-position: center; }
        .slide-content { background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }

        /* --- ANIMATION CSS --- */
        /* 1. Define the animations */
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } }
        
        /* 2. Create helper classes to apply the animations */
        .animate-fade-in-up { animation: fadeInUp 1s both; }
        .animate-fade-in-left { animation: fadeInLeft 1s both; }

        /* 3. Hide animatable content by default */
        .slide-content h2, .slide-content h1,
        .slide-content p,
        .slide-content .slider-button {
            opacity: 0;
        }

        /* Stagger the animations using delays (applied by JS) */
        .delay-1 { animation-delay: 0.2s; }
        .delay-2 { animation-delay: 0.4s; }
        .delay-3 { animation-delay: 0.6s; }

        /* Other styles */
        .slide-content h2, .slide-content h1 { font-size: clamp(1.5rem, 5vw, 3rem); margin: 0 0 0.5rem 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.7); }
        .slide-content p { font-size: clamp(1rem, 2.5vw, 1.25rem); margin: 0 0 1.5rem 0; }
        .slider-button { display: inline-block; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: bold; color: #fff; background-color: #ffffff; border-radius: 5px; text-decoration: none; transition: background-color 0.3s ease; }
        .swiper-button-next, .swiper-button-prev { color: #adadad !important; --swiper-navigation-size: 24px;  }
        .swiper-pagination-bullet { background-color: #9c9c9c !important; }
        .swiper-pagination-bullet-active { background-color: #adadad !important; }
        .page-content { padding: 2rem; max-width: 1000px; margin: 0 auto; }
        
        #sl1 .slide-content {align-items: flex-start; padding-left: 10%;}

        #sl1 .slide-content {align-items: flex-start; padding-left: 10%;}

        #sl1 h2 {
             font-family: "Merriweather", serif !important; color:#e3d4d1; font-weight:500 !important; font-size:40px; max-width: 500px; text-align: left;
        }
        #sl1 p.adi {
           font-family:'Roboto Slab',serif !important; font-weight:100 !important; font-size:18px; display: block; max-width: 400px; text-align: left;
        }

        #sl1 a{
background-color: rgb(161 131 104 / 81%); display:block; padding:16px 32px; color:#fff; text-decoration: none; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; font-family:'Roboto Slab',sans-serif; font-weight:250; letter-spacing: normal; font-size:18px; border-radius:58px
}
#sl1 a:hover{
background-color: rgb(161 131 104 / 100%);
}


        #sl2 .slide-content {align-items: flex-start; padding-left: 10%;}

        #sl2 h2 {
           font-family:'Playfair Display',serif;font-size:36px;font-weight:300;text-align: left;display:block; max-width: 500px;
        }
         #sl2 p {
           font-family:'Roboto Slab',serif !important; font-weight:200 !important; font-size:21px; display: block; max-width: 500px; text-align: left; color:#bca896ff
        }

        #sl2 a{
background-color: rgb(163 144 144); display:block; padding:18px 21px; color:#fff; text-decoration: none; font-family:'roboto slab',sans-serif;font-weight:250;letter-spacing: normal; font-size: 21px; text-align: center; border-radius:58px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
#sl2 a:hover{
background-color: rgb(176, 156, 156);
}

/* sl3 */
#sl3 .slide-content { background-color:#2a242ad4}

#sl3 a{
background-color: rgb(148 121 157); display:block; padding:18px 21px; color:#fff; text-decoration: none; font-family:'roboto slab',sans-serif;font-weight:250;letter-spacing: normal; font-size: 21px; text-align: center; border-radius:58px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
#sl3 a:hover{
background-color: rgb(165, 136, 175);
}


#sl3 p {
           font-family:'Roboto Slab',serif; font-size:18px;text-align: center; font-weight: 100; max-width: 600px;
        }

#sl3 h2 {
           font-family:'Roboto Slab',serif;font-size:36px;font-weight:300;text-align: center;display:block; max-width: 500px;
        }
/* sl3 */

 /* sl5 */
           #sl5 .slide-content {align-items: flex-start; padding-left: 10%; background-color: rgb(27 25 36 / 78%)}

         #sl5 h1 {
    font-family: 'Lobster Two',serif;
    font-size: 42px;
    font-weight: 300;
    text-align: left;
    display: block;
    max-width: 590px;
    padding-right: 20px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 10%) !important;
        }
         #sl5 p {
           font-family:'Roboto Slab',serif !important; font-weight:200 !important; font-size:18px; display: block; max-width: 700px; text-align: left; color:#d5e4de
        }

        #sl5 a{
background-color: rgb(141 127 108); display:block; padding:18px 21px; color:#fff; text-decoration: none; font-family:'roboto slab',sans-serif;font-weight:250;letter-spacing: normal; font-size: 21px; text-align: center; border-radius:58px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
        /* end sl 5*/


@media (max-width:600px) {
 .hero-slider { height: 300px }

 #sl1{
        background-image: url('https://aromaworld.co.uk/images/lpslider/tea-800x1200.jpg') !important;
    }

#sl1 .slide-content, #sl2 .slide-content, #sl3 .slide-content, #sl5 .slide-content {align-items:center; padding-left:0; padding:0 40px}

 #sl1 p, #sl2 p, #sl3 p {
           font-size:16px; text-align:center; max-width:400px
        }


#sl1 h2 {
        font-size:25px;text-align:center; margin-bottom: 20px;
        }
#sl1 p, #sl5 p {
           font-size:16px;text-align: center; font-weight: 100;
        }

     #sl1 p.adi {
           font-size:16px; text-align: center;
        }

#sl2 h2 {
        font-size:26px;text-align:center
        }

#sl3 h2 {
        font-size:26px;text-align:center
        }

#sl5 h1 {
        font-size:32px;text-align:center;padding-right:0
        }

#sl1 a, #sl2 a, #sl3 a, #sl5 a {
           font-size:16px
}

.slide-content a {
    padding:10px 16px !important
}

}

@media screen and (min-width: 601px) {
#sl1{
        background-image: url('https://aromaworld.co.uk/images/lpslider/tea.jpg') !important;
    }
}

@media screen and (max-width: 400px) {
#sl5 h1, #sl2 h2 {
        font-size:27px
        }

  }
/* end slider */

.dsc_contain2, #bestsellers_nav select {display:none}

/* 10 off promo */
#lp_promo {
background-image:url("https://aromaworld.co.uk/images/promo_bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
width:100%;
text-align: center;
font-size:35px;
font-family: 'Roboto Slab', serif;
font-weight:200;
color:#fff;
margin-bottom:50px;
margin-top:50px;
border-radius:10px;
box-shadow: rgb(237 237 237 / 74%);
}

#lp_promo .lp_inf {
    font-size: 24px;
    margin-top: 20px;
    font-family: 'Roboto Slab';
    color: #ffd8bd;
}

#lp_promo .overlay{
    /*background-color: rgb(96 106 141 / 81%);*/
    background-color:rgb(96 120 141 / 86%);
    padding: 30px;
    overflow: hidden;
    color: #ffffff;
    font-family: 'Roboto Slab';
    border-radius: inherit;
    box-sizing: border-box;
}

@media (max-width: 768px) {
  #lp_promo {
    background-image: url("https://aromaworld.co.uk/images/promo_bg_mb.jpg");
    /* turn off the expensive 'fixed' effect ONLY for mobile */
    background-attachment: scroll; 
  }

  #lp_promo .overlay{
    background-color:rgb(96 120 141 / 89%);
}
}

#lp_promo hr {
    border: 0;
    height: 1px;
    width: 170px;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #c1bbbb));
    opacity: 0.7;
}
/* end 10 off promo */




@media (max-width:500px) {
section#welcome {
    padding: 15px;
}
section#welcome h1{
    font-size: 21px;
}

}

#sitecontainer_landing {
padding:10px 30px 0px 30px;
}

.lp_head {
	padding-bottom: 10px;
	margin-bottom: 10px
}

.newprods_head, .discover_head {
padding-bottom: 0px;
margin-top: 30px;
text-align: center;
}

.discover_head {
padding-bottom: 10px;
}

.lp_head h3 {font-size:30px; font-weight:200; margin: 0; font-family: 'Roboto Slab',sans-serif;color:#292929;}

/* best sellers */
section.best_sellers{
text-align: center;
margin-top:30px
}

section.best_sellers h3{
font-family: 'Roboto Slab',sans-serif;
margin:0;
font-size: 30px;
font-weight:200;
color:#292929
}

#bestsellers_nav {
font-size: 16px;
margin:15px 0
}

#bestsellers_nav a{
color:#666666;
font-family: 'Roboto Slab', serif;
font-weight: 200;
text-decoration: none
}

.bs_selected{
padding-bottom: 4px;
border-bottom:1px solid #878787;
font-weight:200 !important;
color:#271d24 !important
}

#bestsellers_nav ul
{
margin: 0;
 padding: 0;
}

#bestsellers_nav ul li
{
list-style-type: none;
display: inline;
}

#bestsellers_nav li:not(:first-child):before {
    content: " | ";
    margin: 0 5px;
    color:#e3e3e3;
}
.glider-contain {
width:90%;
max-width:1600px;
margin:0 auto;
}

.glider-contain .itm{
text-align: center;
padding:0  10px 5px 10px;
}

.glider-contain .itm .bestseller_item{
    background: #fff;
    padding: 5px 0;
    margin: 20px 0;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
   box-shadow: rgb(255 255 255 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 32%) 0px 8px 16px -8px
}

.glider-contain .itm .bestseller_item::after {
  content: "";
  border-radius:6px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.glider-contain .itm .bestseller_item:hover {
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}

.glider-contain .itm .bestseller_item:hover::after {
    opacity: 1;
}

.glider-contain .itm .bestseller_item .imgwrap{
cursor:pointer
}

.glider-contain .itm .bestseller_item h6{
font-size:16px;
margin:20px 5px;
font-weight:200;
font-family: 'Roboto Slab', serif;
}

.glider-contain .itm .bestseller_item h6 a{
color:#000;
text-decoration: none;
display:block;
min-height:40px
}

.glider-contain .itm .bestseller_item h6 a:hover{
text-decoration:underline
}

.glider-contain .itm .bestseller_item hr {
border: 0;
height: 1px;
width:90%;
background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #dfdfdf));
opacity:0.7;
}

.glider-contain .itm .bestseller_item img.prodimg{
    width: 100%;
    max-width: 400px;
    text-align: center;
    /* overflow: hidden; */
    padding: 5px;
    box-sizing: border-box;
    border-radius: 4%;
    /* box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; */
}

.glider-contain .itm .bestseller_item .urating_wrap span, .gs_item .urating_wrap span{
    color: #464646;
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -5px;
    font-family: 'Roboto Slab', serif;
}

.glider-contain .itm .bestseller_item img.urating, .gs_item img.urating{
width:80%;
max-width: 100px;
text-align: center;
margin:5px 5px 5px 0;
vertical-align: text-bottom;
}

.bsdata_wrap {
text-align: center;
margin: 20px;
}

.bsdata_wrap .bs_price{
font-size: 21px;
font-weight: 300;
font-family: 'Roboto Slab';
color:#000
}

section#lp_rpbanner {
padding:50px 0 140px 0; /*the padding bottom needs to be adjusted acccording to the height otherwise it will have less padding on bottom if grows larger */
}

#lprp_wrapper {
position: absolute;
left:0;
right:0;
padding:30px 0;
box-sizing: border-box;
/*background:#78648d;*/
background:#6f627d;
 /* background-image: -webkit-linear-gradient(30deg, #78648d 50%, #004E95 50%);*/
width:100%;
height:120px;
display: flex;
flex-direction: row;
justify-content:center;
vertical-align: middle;
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

#lprp_wrapper img {width:55px; opacity:0.8}

/*#lprp_wrapper a.signup{
display: block;
background-color:#fdfdfd;
padding:16px 20px;
border:1px solid #493a59;
border-radius: 80px;
text-decoration: none;
color:#736560;
box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}*/

#lprp_wrapper a.signup {
display: block;
background-color: #9aa0b9;
padding: 16px 20px;
border: 1px solid #6c5d7d;
border-radius: 80px;
text-decoration: none;
color: #ffffff;
box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}


#lprp_wrapper .h {
font-size: 31px; margin: 0 25px; font-family: 'Roboto Slab',sans-serif; color:#fff; font-weight: normal
}
#lprp_wrapper .link {
text-align: center; font-size: 16px;margin-top: 5px;
}

#lprp_wrapper .link a{
color:#ebcbca
}

/* shop by cat */
section#shopcats {
position:relative;
}

.shopbycat {
margin-top: 30px;
margin-bottom: 80px;
max-width:1800px;
width:95%;
}

@media (max-width: 1000px) {
.shopbycat {
width:100%
}
}

.dcgnext, .dcgprev, .discounts-next, .discounts-prev, .npglider-prev, .npglider-next, .glider-prev, .glider-next {
position:absolute;
width:26px;
height:26px;
background-color:#e1d6df73 !important;
top:50%;
border:none;
transform: translateY(-50%);
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px
}

.dcgnext.disabled,.dcgprev.disabled, .discounts-next.disabled, .discounts-prev.disabled, .npglider-prev.disabled, .npglider-next.disabled, .glider-prev.disabled, .glider-next.disabled {display:none;cursor:default}

.dcgnext img, .dcgprev img, .discounts-next img, .discounts-prev img, .npglider-prev img, .npglider-next img, .glider-prev img, .glider-next img{
width:90%;
height:auto;
margin:0 auto;
margin-bottom: -4px
}

.npglider-prev img, .npglider-next img, .glider-prev img, .glider-next img {width:16px !important; height:16px !important}

.dcgnext, .discounts-next{
right:-10px
}
.dcgprev, .discounts-prev{
left:-10px
}

.shopcat_item {
border-radius:12px; background-color:#fff; margin:0.5em; background-size: cover;overflow:hidden;
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.shopcat_item h5 {
font-size:17px;
margin:10px 0;
text-overflow:clip;
white-space: nowrap;
  overflow:visible;
font-weight: 300;
color:#232323
}

.shopcat_item .sb_info p {
margin:0;
font-size: 14px;
font-family: 'Roboto Slab',sans-serif;
font-weight:200;
color:#696969
}

.shopcat_item .sb_info {
height:60px;
margin-bottom:10px
}

@media (max-width: 1300px) {
.shopcat_item .sb_info {
height:80px;
}
}

.shopcat_item .imgcontain {
background-repeat: no-repeat;
width:100%;
height: 200px;
background-size: cover;
background-position: center;
}

.shopcat_item .sccontent{
/*max-width: 240px;*/
width:100%;
padding: 1em;
border-top:1px solid #f5f5f5;
box-sizing: border-box;
background-color: #fff;
}
.shopcat_item .sccontent a{
display:inline-block;
color:#1b1b1b;
text-decoration: none;
background-color:#f4f4f4;
border-radius:12px;
font-size:14px;
font-family: 'Roboto Slab',sans-serif;
font-weight:200;
padding:7px 16px;
border:none;
box-sizing: border-box;
text-align: center;
width:100%;
box-shadow:rgb(169 164 167 / 54%) 0px 1px 4px
}
/* end shop by cat */

/* shop by cat NEW VERSION */
section#discover {
display:none;
margin-bottom: 50px;
}

.shopcat_wrapper {
display: flex;
flex-direction: row;
justify-content:center; 
align-content: flex-start;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
background-color:#efefef;
padding:20px 20px 10px 20px;
margin: 20px -30px 20px -30px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.shopcat_wrapper .sbct_item{
width:240px;
min-width: 100px;
margin: 10px;
}

.shopcat_wrapper .sbct_item:hover .sub_photo{
box-shadow: none;
 transition: all 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shopcat_wrapper .sbct_item:hover .sub_photo .ovly{
opacity:0 !important;
 transition: all 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shopcat_wrapper .sbct_item .sub_photo{
background-color:#ffe8f8;
background-image: url("../images/background_samples/ezgif.com-gif-maker.jpg");
background-size: cover;
background-position: center;
border-radius: 10%;
width: 100%;
height: auto;
padding-top: 100%;
position: relative;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
transition: all 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
overflow:hidden;
}

.shopcat_wrapper .sbct_item .sub_photo .ovly{
border-radius:10%; 
background-color:#000000; 
opacity:0.3; 
position:absolute;
height:100%;
width:100%;
z-index: 99;  top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shopcat_wrapper .sbct_item .sub_photo .ovly_txt{
position:absolute;
width:100%;
min-height:35%;
display:flex;
justify-content: center;
align-items: center;
z-index: 100;
text-align: center;
background-color:#99737bd1;
padding:10px 10%;
box-sizing: border-box;
top: 100%;
left: 50%; 
color:#fff; 
transform: translateX(-50%) translateY(-100%);
font-size: 18px;
}

.shopcat_wrapper .sbct_item .sub_label{
margin-top: 6px;
text-align: center
}
.shopcat_wrapper .sbct_item .sub_label h4{
font-weight: normal;
font-size: 16px;
margin:0;
color:#1a1a1a;
padding:10px;
background-color:#fcfbfb;
border-radius:10px;
margin-bottom:10px;
box-shadow: rgb(155 155 155 / 25%) 0px 1px 1px, rgb(203 203 203 / 13%) 0px 0px 1px 1px
}
/* end shop by cat NEW VERSION */

.gsglider-dot,.gsglider-next,.gsglider-prev{border:0;padding:0;user-select:none;outline:0}
.gsglider-next,.gsglider-prev{position:absolute;background:0 0;z-index:2;font-size:50px;text-decoration:none;left:0px;top:40%;cursor:pointer;color:#bfbfbf;opacity:1;line-height:1;transition:opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67)}.gsglider-next:focus,.gsglider-next:hover,.gsglider-prev:focus,.gsglider-prev:hover{color:#ccc}.gsglider-next{right:0px;left:auto}.gsglider-next.disabled,.gsglider-prev.disabled{opacity:.15;color:#666;cursor:default}.gsglider-hide{opacity:0}.gsglider-dots.gsglider-dots{user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0}

.npdots, .dsc-dots{margin-top: -20px !important}

#reward_howto {
width:100%;
/*background-image:url("../images/background_samples/ezgif.com-gif-maker (1).jpg");
background-repeat: repeat;*/
margin: 50px auto 0px auto;
border-radius:5px;
text-align: center;
background: #403A3E;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #BE5869, #403A3E);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #BE5869, #403A3E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*background-image:url("../images/background_samples/photo-1510284876186-b1a84b94418f.jfif");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;*/

box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#reward_howto .overlay{
padding:30px 10px;
box-sizing: border-box;
border-radius: 5px;
background-color:rgb(255 255 255 / 94%);
}

#reward_howto h5{
font-size:30px;
font-weight:normal;
margin:0;
margin-bottom:10px;
}

#reward_howto .rpcontainer {
width:100%;
max-width: 900px;
margin:0 auto;
padding-top: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

#reward_howto .rpcontainer .rpitem {
width:30%;
text-align: center;
margin-bottom: auto
}

#reward_howto .rpcontainer .rpstep {
width:3%;
opacity:0.4;
margin-bottom:0
}

#reward_howto .rpcontainer .rpitem .rptxt {
margin-top:10px;
font-size: 15px;
display:inline-block;
padding:5px;
}

#reward_howto .rpcontainer .rpitem .rpimg{
background-color: #fff;
height:140px;
width:140px;
border-radius:50%;
overflow: hidden;
margin: 0 auto;
border:2px thin #e5e5e5;
position: relative;
box-shadow:rgb(205 205 205 / 75%) -3px 20px 20px -12px inset, rgb(248 245 247 / 0%) 0px 0px 3px 30px inset;
}

#reward_howto .rpcontainer .rpitem .rpimg img{
width: 50%;
position: absolute;  
top: 0;  
bottom: 0;  
left: 0;  
right: 0;  
margin: auto;
}

@media (max-width: 1200px) {
.discover_contain{
padding:0 5px;
}

.shopcat_wrapper .sbct_item{
width:180px;
margin: 5px
}

}


@media (max-width: 783px) {
#reward_howto .rpcontainer .rpitem .rpimg{
height:100px;
width:100px;
}

#reward_howto .rpcontainer .rpitem .rptxt {
margin-top:10px;
font-size: 14px;
margin: 10px 20px 0 20px
}

.shopcat_wrapper .sbct_item{
width:150px;
}


}

section.discover hr, section#new_products hr {
    border: 0;
    height: 1px;
    background: #c3c3c3;
    background-image: linear-gradient(to right, #fdfdfd, #e7e7e7, #fdfdfd);
}

section.discover .lp_discover{
text-align: center;
margin: 50px 0 20px 0;
}

.discover_contain{
width:100%;
max-width:1600px;
box-sizing: border-box;
margin:0 auto;
}

.MultiCarousel { float: left; overflow: hidden; padding: 5px 0px; box-sizing: border-box; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left; padding:0 12px; box-sizing: border-box;}
.MultiCarousel .MultiCarousel-inner .item img{
width:100%;
opacity: 0.7
}
.MultiCarousel .MultiCarousel-inner .item .discover_brand { 
text-align: center; padding:5px; margin:0px; border-radius:25px !important;
overflow:hidden !important;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
box-sizing: border-box;
cursor:pointer
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; top: 50%;transform: translateY(-50%);background-color: rgb(107 81 99 / 10%); border:none;  width:36px; height:36px; border-radius:50%}
.MultiCarousel .leftLst img, .MultiCarousel .rightLst img{width:14px; margin-left:0px}
.MultiCarousel .leftLst { left:0px; border-radius:15px 0 0 15px}
.MultiCarousel .rightLst { right:0px;  border-radius: 0 15px 15px 0}

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; opacity:0 }
.discover_contain .discover_brand::after {
  content: "";
  border-radius:6px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.discover_contain .discover_brand:hover {
  -webkit-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04);
}
.discover_contain .discover_brand:hover img{
  opacity:1.0;
  transition: opacity .25s ease-in-out;
}

.discover_contain .discover_brand:hover::after {
    opacity: 1;
}

section#deals{
position:relative
}

section#deals .lp_deals{
text-align: center;
margin: 40px 40px 0 40px;
}

section#deals .lp_deals h3{
margin:20px 0
}

section#deals .deals_wrap{
margin: 0 auto;
flex-direction: row;
justify-content:center;
flex-wrap: wrap;
margin-bottom: 30px;
}


        /* --- Individual Item Card --- */
        .item-card {
    background-color: #f4f4f5;
    border-radius: 0.75rem;
    overflow: hidden;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    font-family: 'Roboto Slab',sans-serif;
    margin: 10px;
    flex-direction: column;
    box-sizing: border-box;
    max-width: 330px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
        }
        .item-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
        }
        .item-card img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }


        @media (min-width: 1441px) {
              .item-card img {
            height: 320px; 
        }
        .item-card {
            max-width:none
        }
        }

        .item-card .item-content {
            padding: 1rem;
            padding-top: 0;
            display: flex;
            flex-direction: column;
            flex-grow: 1; /* Allows content to fill space */
        }
        .item-card h5 {
            font-size: 0.9rem;
            font-weight: 300;
            color: #26292d;
            margin-top: 0.9rem; 
            margin-bottom: auto; 
            min-height: 2.5rem; 
        }

        .item-card .cen {
     padding: 10px 0 5px 0;
    font-size: 0.8rem;
    font-weight: 350;
    color: #a8a8a8;
        }

        .item-card .cta-button {
        width: 100%;
    background-color: #d9dbe5;
    font-family: 'Roboto Slab',sans-serif;
    color: #000000;
    font-weight: 200;
    padding: 0.5rem 1rem;
    border-radius: 16px;
    font-size: 14px;
    max-width: 150px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-top: 1rem;
    margin: 1rem auto 0 auto;
    box-shadow: rgb(169 164 167 / 54%) 0px 1px 4px;
        }
        .item-card .cta-button:hover {
               background-color: #d8dae1

        }

        /* --- Countdown Timer inside Card --- */
        .item-countdown {
      display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 0.25rem;
    background-color: #ffffff;
    padding: 0.25rem;
    border-radius: 0.375rem;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        }
        .item-countdown .countdown-segment {
            font-weight: 300;
            color: #000000;
            font-size: 0.875rem;
        }
        .item-countdown .countdown-label {
            font-size: 0.65rem;
            font-weight: 300;
            color: #000000;
        }
        .item-expired-message {
            font-weight: 300;
            color: #dc2626;
            background-color: #ffffff;
            padding: 0.25rem;
            border-radius: 0.375rem;
            font-size: 0.875rem;
            box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        }

        .hidden {
            display: none;
        }

        /* --- Responsive Styles for Desktop --- */
        @media (min-width: 768px) { /* md: breakpoint */
            .items-grid {
                grid-template-columns: repeat(4, 1fr); /* 4 columns on desktop */
                gap: 1.5rem;
            }
        }

section#new_products .newprods_wrapper{
width:95%;
margin: 0 auto;
box-sizing: border-box;
position:relative
}

section#new_products .newprods_wrapper .newp_itm{
padding:0 5px;
box-sizing: border-box;
}

section#new_products .newprods_wrapper .newp_itm .newprod_item{
background-color: #fbfbfb;
margin: 10px 5px 20px 5px;
box-sizing: border-box;
border-radius:6px;
overflow:hidden;
box-shadow: rgb(228 228 228 / 10%) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative
}

/* shop with confidence */
.swc_head {
margin:0;
text-align: center
}

section#swc {
/*padding:0 25px 25px 25px;*/
margin: 50px auto 0 auto;
border-radius:5px;
text-align: center;
width:100%;
/*max-width: 1200px;*/
box-sizing: border-box;
}

section#swc .swc_wrapper{
margin:0 auto
}

section#swc hr {
margin:0 0 40px 0;
height: 1px;
border: none;
background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #e1e1e1));
}

section#swc p {color:#777; font-family: 'Roboto Slab',sans-serif;font-weight: 200;}

#swc_group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 800px;
    justify-content: space-evenly;
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
}

#swc_group_wrapper {
width:100%;
 background-color: #f4f4f4;
/*background-color: #fcfcfc;*/
box-shadow: rgb(177 170 170 / 18%) 0px 2px 4px;
margin:5px 0
}



section#swc .swc_ci_wrap {
width:170px;
margin:20px;
}

#swc_inf {
max-width: 800px;
margin: 0 auto;
padding:0 30px;
font-size: 18px;
box-sizing: border-box
}

section#swc .swc_ci_wrap h6{
font-size: 19px;
margin: 15px 0 15px 0;
font-weight:300;
color:#494949;
border-bottom:1px dashed #c6becd;
padding-bottom: 4px;
font-family: 'Roboto Slab',sans-serif;
}

section#swc .swc_ci_wrap .swc_details{
	display:none;
font-size: 14px;
color:#7e7e7e;
width:80%;
padding:8px;
border-radius:8px;
background-color: #fefefe;
margin:0 auto;
position: relative;
}

section#swc .swc_ci_wrap .swc_details:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fefefe;
	border-top: 0;
	margin-left: -10px;
	margin-top: -10px;
}

/*section#swc .swc_ci_wrap .swc_details:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #f6f4f5 transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -10px;
    top: -10px;
    left: 50%;
}
*/
section#swc .swc_ci {
border-radius: 50%;
width:150px;
height:150px;
padding:30px;
background-color:#9f98a5;
box-sizing: border-box;
background-size: cover;
background-position: center center;
background-origin: content-box;
background-repeat: no-repeat;
box-shadow: rgb(45 45 45 / 10%) 0px 4px 12px;
margin:0 auto;
transition: transform 0.3s ease;
}
.swc_ci_wrap a:hover .swc_ci {
    transform: scale(1.02); /* Scales the element to 105% of its original size */
}
.swc_ci_wrap a:hover .swc_ci {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* end shop with confidence */

/*secure payments*/
.securepay_overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity 0.3s ease-in-out;
  z-index: 999;
}

.securepay_overlay.is-visible {
  visibility: visible;
  opacity: 1;
}

.securepay_popup {
  position: relative;
  background-color: #f3f3f3;
  border-radius: 0.75rem;
  padding: 2rem;
  width: 90%;
  max-width: 500px;
  box-sizing: border-box;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transform: scale(0.95);
  transition: transform 0.3s ease-in-out;
  margin: 0;
}

/* This makes the popup scale in when the modal is visible */
.securepay_overlay.is-visible .securepay_popup {
  transform: scale(1);
}

.securepay_popup .close {
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    font-size: 1.75rem;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
    transition: color 0.2s;
    cursor: pointer;
    background: none !important;
    border: none !important;
}

.securepay_popup .close:hover {
  opacity: 1;
}

.securepay_popup .close img {
  width: 24px;
}

.securepay_popup h2,
.securepay_popup h3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.securepay_popup h3 {
  font-weight: 300;
  margin-top: 40px;
}

.securepay_popup h2 svg {
  margin-left: 10px;
  color: #424242;
}

.securepay_popup h3 svg {
  margin-right: 10px;
  color: #767676;
}

.securepay_popup .payment-methods {
  display: flex;
  flex-direction: row;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-around;
  border: 1px solid #eaeaea;
}

.securepay_popup .pay_cards {
  width: 10%;
  display: flex;
  align-items: center;
}

.securepay_popup .pay_cards img {
  width: 100%;
}

.security-features > div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.security-features > div:not(:last-child) {
  margin-bottom: 1.5rem;
}

.icon-feature {
  margin-right: 0.75rem;
  margin-top: 0.25rem;
  flex-shrink: 0;
  color: #8e6c80;
}

.security-features h4,
.security-features p {
  margin: 0;
}

.security-features p {
  font-size: 14px;
}

.security-features h4 {
  font-weight: 300;
  margin-bottom: 5px;
}

#privacy-cta {
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 20px;
    font-weight: 200;
    text-align: center;
    font-family: 'Roboto Slab';
    font-size: 13px;
}

#privacy-cta a {
  color: #000;
}

@media (max-width: 450px) {
  .securepay_popup h2 {
    flex-direction: column-reverse
  }
  .securepay_popup h3 {
    flex-direction: column
  }
  .securepay_popup h2 svg,
  .securepay_popup h3 svg {
    margin: 0 0 5px 0;
  }
}
/*end secure payments*/

section#new_products .newprods_wrapper .newp_itm .newprod_item::after {
  content: "";
  border-radius:6px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

section#new_products .newprods_wrapper .newp_itm .newprod_item:hover {
  -webkit-transform: scale(1.01, 1.01);
  transform: scale(1.01, 1.01);
}
section#new_products .newprods_wrapper .newp_itm .newprod_item:hover::after {
    opacity: 1;
}

.npglider-dot,.npglider-next,.npglider-prev{border:0;padding:0;user-select:none;outline:0}


#newprods_dots {
margin-top: 20px
}

section#new_products .newprods_wrapper .newp_itm .newprod_item img{
cursor: pointer;
width:100%
}

section#new_products .newprods_wrapper .newp_itm .newprod_item .newp_data{
    background-color: #f8f8f8;
    text-align: center;
    padding: 20px 0 10px 0;
    border-top: 1px solid #f9f9f9;
}
section#new_products .newprods_wrapper .newp_itm .newprod_item .newp_data h6{
font-size: 15px;
font-weight: 200;
font-family: 'Roboto Slab';
margin: 0 8px 15px 8px;
}
section#new_products .newprods_wrapper .newp_itm .newprod_item .newp_data h6 a{
text-decoration: none;
color:#000;
display: block;
min-height: 40px
}
section#new_products .newprods_wrapper .newp_itm .newprod_item .newp_data h6 a:hover{
text-decoration:underline
}

section#new_products .newprods_wrapper .newp_itm .newprod_item .newp_price{
font-size: 18px;
font-weight: 300;
font-family: 'Roboto Slab';
color:#000
}


/* blog */
section#lbp {
margin:50px auto 0 auto;
text-align: center;
}

section#lbp img {
	border-style: none;
	height: auto;
}

section#lbp a img {
	border: none;
	outline: none;
}

section#lbp figure {
	display: block;
	background-color: #fff;
	-ms-interpolation-mode: bicubic;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	border-radius:5px
}

section#lbp figure img {
	display: block;
	width: auto;
	max-width: 100%;
}

/**
 * Variables 
 */
section#lbp {
	--master-color: #7c5b71;
	--master-color-partner-dark: #7c5b71;
	
	--headings-color: #000000;	
	
	--main-bg-color: #fff;
	--secondary1-bg-color: #fdfdfd;
	--secondary2-bg-color: #EEEEEE;
	
	--main-txt-color: #333;
	--secondary-txt-color: #757575;
	
	--sub-color: #5b5b5b;
}

.blog_group {
	text-align: left !important;
	/*min-height: 100vh;*/
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 1.5em;
  margin-top:-10px
}

section#lbp h1, h2 {
	display: block;
/*	font-family: 'Roboto Slab', serif !important;*/
	font-style: normal;
	font-weight: 300;
	line-height: 1.4em;
	color: var(--headings-color);
}

section#lbph1 {
	font-size: calc(12px + 2vw);
	margin: 1.2em 0;
}

section#lbp h2 {
	font-size: calc(12px + .8vw);
	margin-top:5px
}

section#lbp h1 a,
section#lbp h2 a {
	font-weight: 350;
	text-decoration: none;
	color: #383539;
	background-color: transparent;
    font-family: 'Roboto Slab', serif;
    font-size: large;
	outline: none;
}

section#lbp a:hover {
	color: #312e32;
}

section#lbp a:focus {
	color: #262427;
}

/**
 * Post List Layout
 */
.post-list_grid * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
}

.post-list_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
}

.post-list__post {
	display: grid;
	grid-template-areas: 
		"header"
		"footer"
		"pr_img";
	grid-auto-rows: 1fr auto auto;
	align-items: start;
	grid-gap: 1em 0;
}

.post-list__post:nth-child(2n+1) {
	background-color: var(--secondary1-bg-color);
}

.post-list__post:nth-child(3n+2) {
	grid-template-areas: 
		"pr_img"
		"header"
		"footer";
	grid-auto-rows: auto 1fr auto;	
}

.post__preview-img {
	grid-area: pr_img;
}

.post__header {
	grid-area: header;
}

.post__header time{
	font-family: 'Roboto Slab', serif;
	font-weight:200;
	font-size: 16px;
}

.post__meta {
	grid-area: footer;
	align-self: start;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-family: 'Roboto Slab', serif;
	font-weight:200;
		font-size: 14px;
}

/**
 * Post List Design
 */
.post-list {
	margin-bottom: 2em;
} 
 
.post {
	position: relative;
	padding: 1.6em;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#moreblog {display: flex; justify-content: center}
#moreblog a {
	text-decoration: none;
	color:#000;
	background-color: #efeeee;
	padding:20px;
	font-size:14px;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	width:200px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300
}
#moreblog a:hover {
	background-color: #DBDBDB;
}

.post:hover {
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}

.post > * {
	z-index: 4;
	position: relative;
}

.post__preview-img {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
}

.post__preview-img img {
	width: 100%;
    height: auto;
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    margin: auto;
}

.post__time {
	color: var(--sub-color);
}

.post__meta a {
	color: var(--sub-color);
	text-decoration: none;
	border-bottom: 1px #bbbbbb dashed
}

.post__meta a:hover {
	color: var(--master-color-partner-dark);
}

.post__comments {
	position: relative;
	padding-left: 24px;
}

.post__comments:before,
.post__comments:after {
	content: '';
	display: block;
	position: absolute;
	border: 1px var(--sub-color) solid;
}

.post__comments:before {
	width: 16px;
	height: 11px;
	border-radius: 50%;
	left: 0;
	top: calc(50% - 8px);
	z-index: 1;
}

.post__comments:after {
	width: 3px;
    height: 6px;
    border-width: 0 1px 1px 0;
    transform: rotate(31deg);
    top: 50%;
    left: 11px;
	z-index: 2;
	background-color: var(--secondary1-bg-color);
} 

/**
 * Breakpoint 900px
 */
@media all and (max-width: 900px) {
	.post-list_grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.post-list__post:nth-child(n) {
		background-color: transparent;
		grid-template-areas: 
			"header"
			"footer"
			"pr_img";
		grid-auto-rows: 1fr auto auto;
	}
	
	.post-list__post:nth-child(4n), 
	.post-list__post:nth-child(4n+1) {
		background-color: var(--secondary1-bg-color);
	}
	
	.post-list__post:nth-child(even) {
		grid-template-areas: 
			"pr_img"
			"header"
			"footer";
		grid-auto-rows: auto 1fr auto;	
	}
}

/**
 * Breakpoint 670px
 */
@media all and (max-width: 670px) { 
	
	.blog_group {
	margin-top:0px
}
	
	.post-list_grid {
		grid-template-columns: 1fr;
	}
	
	.post-list__post:nth-child(n) {
		background-color: var(--secondary1-bg-color);
		grid-template-areas: 
			"header"
			"footer"
			"pr_img";
		grid-auto-rows: 1fr auto auto;
	}
	
	.post-list__post:nth-child(even) {
		background-color: transparent;
	}
} 

/* end blog */

/* media 1024 */
@media (max-width: 1024px) {

section#new_products .newprods_wrapper .newp_itm{
padding:0 0px;
}

}
/* end  media 1024 */

@media (max-width: 900px) {
section#product_sets, section#new_products {
margin-top:0px
}

}

@media (max-width: 850px) {
#sitecontainer_landing {
padding:5px 30px 0 30px;
}

#lp_promo {
font-size:24px;
margin-bottom:30px;
}
#lp_promo .overlay{
padding:20px;
}
#lp_promo .lp_inf {
font-size:16px;margin-top:10px
}

section#lp_rpbanner {
padding:40px 0 100px 0;
}

#lprp_wrapper {
position: absolute;
left:0;
right:0;
padding:20px 0;
height:100px;
}

#lprp_wrapper img {width:55px}

#lprp_wrapper a.signup{
padding:16px 20px;
font-size:12px
}

#lprp_wrapper .h {
font-size: 28px; margin: 0 25px;
}
#lprp_wrapper .link {
font-size: 14px;
}

#lprp_wrapper .link a{
color:#ebcbca
}

section.best_sellers h3{
font-size: 28px;
}
#bestsellers_nav {
font-size: 15px;
}

.glider-contain .itm {
padding:0  5px 5px 5px
}

.glider-contain .itm .bestseller_item h6{
font-size:14px;
}

section#new_products .newprods_wrapper .newp_itm .newprod_item .newp_data h6{
font-size: 14px
}

.glider-contain .itm .bestseller_item img.urating, .gs_item img.urating{
width:80%;
max-width: 90px;
}

section#deals .deals_wrap .offeritem .offer_date{
font-size:12px
}

#reward_howto {
margin: 30px 0 0 0;
}

#reward_howto .overlay{
padding:30px 10px;
box-sizing: border-box;
background-color:rgb(255 255 255 / 94%);
}

#reward_howto h5{
font-size:24px;
margin-bottom:5px;
}

#reward_howto .rpcontainer {
width:100%;
max-width: 900px;
margin:0 auto;
padding-top: 20px;
display: flex;
flex-direction: row;
align-items: center;
}

.lp_head h3 {font-size:28px}

/*.lp_head h3:before {
	 background-size: 16px 16px;
	margin-left:0px;
	padding-right: 6px;
	top:0px;
    width: 16px; 
    height: 16px;
}*/

section#deals .lp_deals{
margin:0px 0 0 0;
}

section#deals .lp_deals h3{
margin:10px 0 15px 0
}

.shopcat_wrapper .sbct_item .sub_label h4{
font-size: 14px;
}

.shopcat_wrapper .sbct_item .sub_photo .ovly_txt{
font-size: 16px;
}

.shopcat_item .sb_info p {
font-size: 13px;
}

#swc_group {
justify-content: space-evenly;
}

section#swc {
margin: 30px auto 0 auto;
}

section#swc .swc_ci_wrap {
width:160px;
margin:10px;
}

section#swc .swc_ci_wrap h6{
font-size: 17px;
margin: 15px 0 10px 0;
}

section#swc .swc_ci {
width:130px;
height:130px;
padding:30px;
}

#swc_inf {
font-size: 16px
}

}

/* media 910 */
@media (max-width: 910px) {
section#deals .deals_wrap .offeritem{
width:28%;
min-width: auto;
}
}
/* end media 910 */

@media (max-width: 680px) {
section#deals .deals_wrap .offeritem{
width:45%;
min-width: auto;
}
}

@media (max-width: 720px) {
#bestsellers_nav {
font-size: 14px;
}

section#lp_rpbanner {
padding:40px 0 80px 0;
}

#lprp_wrapper {
position: absolute;
left:0;
right:0;
padding:20px 0;
height:90px;
}

#lprp_wrapper img {width:48px}

#lprp_wrapper a.signup{
padding:12px 18px;
font-size:12px
}

#lprp_wrapper .h {
font-size: 21px; margin: 0 20px;
}
#lprp_wrapper .link {
font-size: 14px;
}

}

@media (max-width: 850px) {
#giftsets_container .giftsets_glider .gs_item .gs_lbel h4{
font-size:14px;
}

#giftsets_container .giftsets_glider .gs_item .gs_lbel .gf_price{
font-size:16px;
}
}

/* media 700 */
@media (max-width: 700px) {
.glider-contain .itm .bestseller_item h6{
font-size:14px;
margin:15px 5px;
}

section#new_products .newprods_wrapper .newp_itm .newprod_item .newp_data h6{
font-size: 14px
}

.bsdata_wrap .bs_price{
font-size: 16px
}

.bsdata_wrap {
margin:10px;
}

/*.discover_contain .cardwrap .carditem{
width:45%;
}
*/
.prod_displayer .prodd_item .prodd_rater img {
width:70%;
max-width:100px
}

}
/* end media 700 */


@media (max-width: 650px) {
#sitecontainer_landing {
padding:10px 10px 0 10px;
}

.shopcat_wrapper {
margin:0 -10px 40px -10px;
}

.shopbycat {
width:100%
}

.shopcat_item {
margin:0.5em 0.3em;
}

.glider-contain .itm .bestseller_item{
margin: 15px 0;
}

.glider-contain .itm .bestseller_item img.prodimg{
width:100%;
max-width:auto;
text-align: center
}

.glider-contain {
width:100%;
}

/*.glider-contain .itm{
text-align: center;
padding:0 10px 0 10px;
}*/

.lp_head {
	padding-bottom: 0px;
	margin-bottom: 0px
}

.newprods_head{
margin-top:10px
}

.discover_head {
margin-top: 50px;
margin-bottom: 10px
}

.newprods_head h3, .discover_head h3 {
padding-bottom:0px
}

section#discover .newprods_head {
margin-top:20px !important;
margin-bottom: 20px !important;
}


#giftsets_container h3{
padding-bottom: 20px;
}

#reward_howto .rpcontainer .rpitem .rptxt {
margin-top:5px;
font-size: 13px;
}

section#new_products .newprods_wrapper{
width:95%;
}

.npglider-prev{left:-20px}
.npglider-next{right:-25px;left:auto}

.npglider-next img,.npglider-prev img, .glider-next img,.glider-prev img{height:16px !important; width:16px !important; opacity:0.6}

.gradient-line{ 
    margin: -10px 0 25px 0;
}

section#swc .swc_ci_wrap {
width:30%;
margin:10px 0;
}

section#swc .swc_ci_wrap h6{
font-size: 16px;
}

section#swc .swc_ci {
width:120px;
height:120px;
}

section#shopcats {
margin-top: -40px
}

}

@media (max-width: 620px) {
#bestsellers_nav {
margin:10px 0 5px 0;
}

section#welcome {
    margin:0 0 30px 0
}

  #bestsellers_nav ul { display: none; }
  #bestsellers_nav select {
    text-align: center;
    background-color: #ffffff;
    border: thin solid #dcd9dc;
    border-radius: 4px;
    width: 95%;
    color: #000000;
    display: inline-block;
    font: inherit;
    font-family: 'Roboto Slab',sans-serif;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
}

#bestsellers_nav select:focus {
  background-image:
    linear-gradient(45deg, #999 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #999 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: #999;
  outline: 0;
}

#bestsellers_nav select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

#reward_howto .rpcontainer .rpitem .rptxt {
margin-top:10px;
font-size: 14px;
margin: 10px 10px 0 10px
}

section#lp_rpbanner {
padding:30px 0 80px 0;
}

#lprp_wrapper {
position: absolute;
left:0;
right:0;
padding:15px 0;
height:80px;
}

#lprp_wrapper img {width:38px}

#lprp_wrapper a.signup{
padding:10px 15px;
font-size:12px
}

#lprp_wrapper .h {
font-size: 18px; margin: 0 20px;
}
#lprp_wrapper .link {
font-size: 12px;
}

  
}

@media (max-width:520px) {
.shopcat_wrapper .sbct_item{
width:30%;
}

.shopcat_wrapper {
padding:10px 10px 5px 10px;
}

}

@media (max-width:650px) {
section.best_sellers {
    margin-top: 20px;
}
}

@media (max-width:500px) {
section#lbp {
margin:40px auto 0 auto;
}


section.best_sellers {
    margin-top: 20px;
}

#lp_promo {
font-size:24px;
margin-top:20px;
}
#lp_promo .overlay{
padding:20px;
}
#lp_promo .lp_inf {
font-size:16px;
}

section#lp_rpbanner {
padding:20px 0 125px 0
}

#lprp_wrapper {
display: flex;
height:auto;
flex-direction:column;
justify-content:center;
vertical-align: middle;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

#lprp_wrapper img {margin-top:-23px; opacity:1}

#lprp_wrapper a.signup {
width:40%;
margin:10px auto 0 auto
}

#bestsellers_nav ul { display: none; }
#bestsellers_nav select {
font-size:12px;
}

section.best_sellers h3{
font-size: 24px;
}

section#deals .deals_wrap .offeritem .offer_details{
padding:15px 5px 40px 5px;
font-size:14px;
}

#reward_howto {
margin: 30px 0 0 0;
}

#reward_howto .overlay{
padding:15px 5px;
}

#reward_howto h5{
font-size:18px;
margin-bottom:0px;
}

#reward_howto .rpcontainer {
padding-top: 10px;
}

.lp_head h3 {font-size:24px}

#reward_howto {
margin: 20px 0 10px 0;
}

#reward_howto .rpcontainer .rpitem .rptxt {
font-size: 12px;
margin: 5px 5px 0 5px
}

#reward_howto .rpcontainer .rpitem .rpimg{
height:80px;
width:80px;
}

.shopcat_wrapper .sbct_item .sub_label h4{
font-size: 12px;
}

.shopcat_wrapper .sbct_item .sub_photo .ovly_txt{
font-size: 14px;
}

#swc_group {
padding:8px 0
}

section#swc .swc_ci_wrap h6{
    font-size: 15px;
    display: block;
    width: 90px;
    text-align: center;
    margin: 10px auto 0 auto;
}

section#swc .swc_ci {
width:90px;
height:90px;
padding:25px
}

section#swc .swc_ci_wrap .swc_details {
width:80%
}

#swc_inf {
font-size: 15px
}

section#shopcats {
margin-top: -50px
}
	
.blog_group {
padding: 0 5px
}
	
section#lbp h2 {
	font-size: calc(14px + .8vw);
	margin-top:5px
}

}

@media (max-width:450px) {
section#deals .deals_wrap .offeritem .offer_details{
font-size:13px;
}

.MultiCarousel .MultiCarousel-inner .item { padding:0 5px;}

}

@media (max-width:400px) {
#lp_promo {
font-size:21px;
margin-bottom:20px;
}
#lp_promo .overlay{
padding:15px;
}
#lp_promo .lp_inf {
font-size:15px;
}


section#deals .lp_deals h3{
margin:0 0 20px 0
}

#reward_howto .rpcontainer .rpitem .rptxt {
font-size: 11px;
margin: 5px 17px 0px 17px;
}
#reward_howto .rpcontainer .rpitem .rpimg{
height:70px;
width:70px;
}
}

@media (max-width:383px) {
section#deals .deals_wrap .offeritem .offer_details a {
    min-height: 0;
}
}

@media (max-width:369px) {
section#deals .deals_wrap .offeritem{
width:95%;
margin: 0;
overflow: hidden
}

section#deals .lp_deals h3{
margin:0 0 20px 0
}

.shopcat_wrapper .sbct_item{
width:45%;
}

section#swc .swc_ci {
width:90px;
height:90px;
padding:20px
}

section#swc .swc_ci_wrap .swc_details {
width:85%
}

section#swc .swc_ci_wrap h6 {
font-size: 14px
}

section#swc .swc_ci_wrap .swc_details {
font-size: 13px
}

}