/*********************************************************************************
	Template Name: Belle Multipurpose eCommerce Bootstrap4 Template
	Description: A perfect template to build beautiful and unique Fashion websites. It comes with nice and clean design.
	Version: 1.0
**********************************************************************************/
.floating-cart-btn {
  position: fixed;
  top: 60px; /* Lowered from 15px to 60px */
  right: 20px;
  background: linear-gradient(135deg, #ff416c, #ff4b2b); /* Vibrant gradient */
  color: #fff;
  padding: 12px;
  border-radius: 50%;
  font-size: 20px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.floating-cart-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(255, 75, 43, 0.4);
}

.floating-cart-btn .cart-count {
  position: absolute;
  top: -6px;
  right: -6px;
  background: #ffffff;
  color: #ff4b2b;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

**********************************************************************************/



.mobile-search-box {
  width: 100%;
  padding: 16px;
  background-color: #ffffff; /* White background */
}

.mobile-search-input {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  border: none;              /* No border */
  outline: none;
  background-color: #f9f9f9; /* Light fill inside */
  border-radius: 8px;
  color: #333;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* Optional subtle shadow */
}

**********************************************************************************/

.quick-view-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.quick-view-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 700px;
    width: 90%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    position: relative;
}

.quick-view-inner {
    display: flex;
}

.quick-view-content .close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
}

.quick-view-image {
    flex: 1; /* Allow image section to grow */
    margin-right: 20px; /* Spacing between image and details */
}

.quick-view-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px; /* Rounded corners for the image */
}

.quick-view-details {
    flex: 1.5; /* Allow details section to grow more than image */
}

.quick-view-details h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.quick-view-details p {
    margin-bottom: 15px;
}

.price {
    font-size: 1.2em;
    margin-bottom: 20px;
}









/* Cart Icon Styling */
.cart-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 0.7rem; /* Small icon size */
    color: #000; /* Black color for the icon */
    background-color: #fff; /* White background for contrast */
    padding: 4px;
    border-radius: 50%;
    border: 1px solid #000; /* Black border */
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    cursor: pointer;
}













body{
background:#dcdcdc;    
}
.total-like-user-main a {
    display: inline-block;
    margin: 0 -17px 0 0;
}
.total-like {
    border: 1px solid;
    border-radius: 50px;
    display: inline-block;
    font-weight: 500;
    height: 34px;
    line-height: 33px;
    padding: 0 13px;
    vertical-align: top;
}
.restaurant-detailed-ratings-and-reviews hr {
    margin: 0 -24px;
}
.graph-star-rating-header .star-rating {
    font-size: 17px;
}
.progress {
    background: #f2f4f8 none repeat scroll 0 0;
    border-radius: 0;
    height: 30px;
}
.rating-list {
    display: inline-flex;
    margin-bottom: 15px;
    width: 100%;
}
.rating-list-left {
    height: 16px;
    line-height: 29px;
    width: 10%;
}
.rating-list-center {
    width: 80%;
}
.rating-list-right {
    line-height: 29px;
    text-align: right;
    width: 10%;
}
.restaurant-slider-pics {
    bottom: 0;
    font-size: 12px;
    left: 0;
    z-index: 999;
    padding: 0 10px;
}
.restaurant-slider-view-all {
    bottom: 15px;
    right: 15px;
    z-index: 999;
}
.offer-dedicated-nav .nav-link.active,
.offer-dedicated-nav .nav-link:hover,
.offer-dedicated-nav .nav-link:focus {
    border-color: #3868fb;
    color: #3868fb;
}
.offer-dedicated-nav .nav-link {
    border-bottom: 2px solid #fff;
    color: #000000;
    padding: 16px 0;
    font-weight: 600;
}
.offer-dedicated-nav .nav-item {
    margin: 0 37px 0 0;
}
.restaurant-detailed-action-btn {
    margin-top: 12px;
}
.restaurant-detailed-header-right .btn-success {
    border-radius: 3px;
    height: 45px;
    margin: -18px 0 18px;
    min-width: 130px;
    padding: 7px;
}
.text-black {
    color: #000000;
}
.icon-overlap {
    bottom: -23px;
    font-size: 74px;
    opacity: 0.23;
    position: absolute;
    right: -32px;
}
.menu-list img {
    width: 41px;
    height: 41px;
    object-fit: cover;
}
.restaurant-detailed-header-left img {
    width: 88px;
    height: 88px;
    border-radius: 3px;
    object-fit: cover;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
}
.reviews-members .media .mr-3 {
    width: 56px;
    height: 56px;
    object-fit: cover;
}
.rounded-pill {
    border-radius: 50rem!important;
}
.total-like-user {
    border: 2px solid #fff;
    height: 34px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    width: 34px;
}
.total-like-user-main a {
    display: inline-block;
    margin: 0 -17px 0 0;
}
.total-like {
    border: 1px solid;
    border-radius: 50px;
    display: inline-block;
    font-weight: 500;
    height: 34px;
    line-height: 33px;
    padding: 0 13px;
    vertical-align: top;
}
.restaurant-detailed-ratings-and-reviews hr {
    margin: 0 -24px;
}
.graph-star-rating-header .star-rating {
    font-size: 17px;
}
.progress {
    background: #f2f4f8 none repeat scroll 0 0;
    border-radius: 0;
    height: 30px;
}
.rating-list {
    display: inline-flex;
    margin-bottom: 15px;
    width: 100%;
}
.rating-list-left {
    height: 16px;
    line-height: 29px;
    width: 10%;
}
.rating-list-center {
    width: 80%;
}
.rating-list-right {
    line-height: 29px;
    text-align: right;
    width: 10%;
}

.progress {
    background: #f2f4f8 none repeat scroll 0 0;
    border-radius: 0;
    height: 30px;
}


body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 20px;
}

.popular-categories {
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

h1 {
    color: #333;
    margin-bottom: 40px;
}

.category {
    display: inline-block;
    margin: 20px;
    width: 200px; /* Adjust as needed */
    text-align: center;
    transition: transform 0.3s;
}

.category img {
    width: 100%; /* Adjust size according to your image */
    border-radius: 8px; /* Slightly rounded corners */
}

.category h2 {
    margin-top: 10px;
    color: #009DDD;
    font-size: 18px;
}

.category:hover {
    transform: scale(1.05);
}


/*======================================================================
  13. Product Grid
========================================================================*/

/* Pagination Menu */
.pagination {
    display: flex;                 /* Use flexbox */
    justify-content: center;       /* Center the items */
    align-items: center;           /* Center vertically */
    margin: 20px 0;               /* Space above and below */
}

/* Pagination links */
.pagination a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color 0.3s;
}

/* Style the active/current link */
.pagination a.active {
    background-color: dodgerblue;
    color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {
    background-color: #ddd;
}

/* Adjust slider-item to show 6 items per row on desktop */
.slider-item {
    flex: 0 0 16.66%; /* Show 6 items per slide on desktop */
    max-width: 15.66%;
    text-align: center;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.slider-item img {
    width: 100%;
    border-radius: 8px 8px 0 0;
    transition: transform 0.3s ease;
}

.slider-item h3 {
    font-size: 0.9em;
    color: #333;
    margin: 8px 0;
    font-weight: 600;
}


.original-price {
    color: #999;
    text-decoration: line-through;
}

.discounted-price {
    color: #e53935;
    font-weight: bold;
}
.discount-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ff4d4d; /* Red color for discount tag */
    color: #fff;
    padding: 5px 10px;
    font-size: 0.9em;
    font-weight: bold;
    border-radius: 5px;
    z-index: 1;
}

.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff; /* Fully white background */
    color: #000; /* Dark text color for contrast */
    border: 2px solid transparent; /* Transparent border for default state */
    font-size: 1.5em;
    padding: 10px 14px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Soft shadow */
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.slider-nav:hover {
    border-color: #00e5ff; /* Neon outline on hover */
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.6), 0 0 30px rgba(0, 229, 255, 0.4); /* Neon glow effect */
}

.slider-nav.prev {
    left: 10px;
}

.slider-nav.next {
    right: 10px;
}
@media (max-width: 768px) {
    .slider-item {
        flex: 0 0 100%; /* Take full width on mobile */
        max-width: 100%;
        margin: 0 auto; /* Center-align items */
    }

    .product-slider {
        padding: 0 10px; /* Reduce padding on mobile */
    }
}
.view-all-container {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically (if there's height) */
  height: 100px; /* Set a height if you want it vertically centered in a specific area */
}


.view-all-button:hover {
  background-color: #0056b3; /* Darker shade on hover */
}


/* Product Grid Styling */
.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Adjust min size for smaller cards */
  gap: 15px;  /* Reduced gap */
  padding: 20px;
  margin: 0 auto;
}

/* Product Card Styling */
.product-card {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  max-width: q0px;  /* Set a smaller max-width for product cards */
  margin: auto;  /* Center card within grid item */
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 480px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 products per row on small screens */
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .product-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 products per row on tablets */
  }
}

@media (min-width: 769px) {
  .product-grid {
    grid-template-columns: repeat(6, 1fr); /* 6 products per row on desktops */
  }
}

.product-card:hover img {
  transform: scale(1.05);
}

/* Product Info */
.product-info {
  text-align: center;
  padding: 15px;
}

.product-info h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.product-info .price {
  color: #ff6347;
  font-weight: bold;
}

/* Text Links Styling */
.text-links {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.text-link {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.text-link:hover {
  color: #ff6347;
}


.product-info {
  text-align: center;
  padding: 10px;
}

button.prev, button.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 10;
}

button.prev {
  left: 10px;
}

button.next {
  right: 10px;
}

/* Media Query for Mobile View */
@media (max-width: 768px) {
  .slide {
    min-width: 100%; /* Show 1 product */
  }
}
.collection-header {
    margin-top: 20px; /* Adjust the value to increase or decrease space */
}

.collection-hero__image {
    margin-top: 10px; /* Optional: adds space above the image */
}
@media (max-width: 768px) {
    .collection-header {
        margin-top: 15px; /* Less space on smaller screens */
    }
}






.grid-view_image:hover .primary { opacity:0; visibility:hidden; }
.grid-view_image:hover .hover:not(.variantImg) { opacity:1; visibility:visible; }

.grid-view-item.style2 .grid-view-item__link { position:relative; overflow:hidden; margin:0 auto 15px; }
.grid-view-item.style2 .grid-view-item__link { display:block; white-space:nowrap; opacity:1; }
.grid-view-item.style2 .grid-view-item__image { display:inline-block; width:100%; margin:0 auto; vertical-align:middle; -ms-transition:all ease-out 0.4s; -webkit-transition:all ease-out 0.4s; transition:all ease-out 0.4s; }
.grid-view-item.style2 .grid-view-item__link .hover { visibility:hidden; opacity:0; left:50%; top:50%; position:absolute; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.grid-view-item.style2 .grid-view-item__link:hover .primary { opacity:0 !important; visibility:hidden; }
.grid-view-item.style2 .grid-view-item__link:hover .hover:not(.variantImg) { opacity:1; visibility:visible; }
.grid-view-item.style2 .hoverDetails { width:94%; opacity:0; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -ms-transition:all ease-out 0.4s; -webkit-transition:all ease-out 0.4s; transition:all ease-out 0.4s; }
.template-collection .grid-view-item.style2 i { vertical-align:middle; }
.grid-view-item.style2 .grid-view-item__link,
.grid-view-item.style2 .grid-view_image { margin-bottom:0; }
.grid-view-item.style2 .grid-view-item__link .hover { opacity:0 !important; visibility:hidden; }
.grid-view-item.style2:hover .grid-view-item__link .hover { opacity:0.2 !important; visibility:visible; }
.grid-view-item.style2:hover .hoverDetails { opacity:1; }
.grid-view-item.style2 .button-set, .grid-view-item.style2 .variants.add { position:static; opacity:1; margin:0; }
.grid-view-item.style2 .button-set { margin-top:10px; }
.grid-view-item.style2 .button-set a.quick-view, .grid-view-item.style2 .button-set .wishlist-btn, .grid-view-item.style2 .button-set .compare-btn, .grid-view-item.style2 .button-set > form { display:inline-block; margin:0 2px; vertical-align:middle; }
.grid-view-item.style2 .button-set i { line-height:35px; }
.grid-view-item.style2 .button-set > form button { padding:0; width:35px; height:35px; }
.grid-view_image { position:relative; overflow:hidden; margin:0 auto 15px; }
.grid-products.style3 .item .product-name { margin-bottom:10px; }


.slick-prev, .slick-next { position:absolute; z-index:9; display:block; height:auto; line-height:normal; font-size:0px; padding:6px 10px; cursor:pointer; background:transparent; color:transparent; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); padding:0; border:none; opacity:0.5; }
.slick-prev:before, .slick-next:before { font-family:"annimex-icons"; font-size:20px; line-height:1; color:#000; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-prev:before { content:"\ea8b"; }
.slick-next::before { content:"\ea8c"; }

.product-labels { position:absolute; left:5px; top:5px; }
.product-labels.rectangular .lbl { border-radius:0; }
.product-labels.radius .lbl { border-radius:3px; }
.product-labels .lbl { display: block; white-space:nowrap; color:#fff; font-size:11px; font-weight:400; text-transform:uppercase; text-align:center; padding:0 5px; height:20px; line-height:20px; margin-bottom:5px; }
.product-labels .on-sale { right:5px; background:#f54337; }
.product-labels .pr-label1 { left:5px; background:#01bad4; }
.product-labels .pr-label2 { left:5px; background:#e9a400; }
.product-labels .pr-label3 { left:5px; background:#81d53d; }
.product-labels.rounded .lbl { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; 
	align-items:center; white-space:nowrap; word-break:break-all;-webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; text-align:center; height:50px; width:50px; }
.grid-view-item--sold-out .grid-view-item__image { opacity:0.5; }
.sold-out { position:absolute; top:0; width:100%; left:0; height:100%; }
.sold-out span { color:#000; position:absolute; top:50%; left:0; right:0; text-transform:uppercase; letter-spacing:0.08em; text-align:center; }
.variants.add button { color:#000000; background-color:#ffffff; width:100%; text-transform:uppercase; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.variants.add { position:absolute; bottom:-50px; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; left:5px; right:5px; }
.button-set { position:absolute; right:5px; top:30px; opacity:0; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.button-set i { line-height:34px; }
a.quick-view, a.wishlist, .cartIcon, .add-to-compare { color: #000000; background-color:#ffffff; border:0; width:35px; height:35px; line-height:34px; display:block; text-transform:uppercase; text-align:center; padding:0; margin-bottom:5px; }
a.quick-view:hover, a.wishlist:hover, .cartIcon:hover, .variants.add button:hover, .add-to-compare:hover { color:#ffffff; background-color:#000000; opacity:0.8; }
a.quick-view { margin-bottom:5px !important; }

.button-style2, .button-style2 .variants.add { position:static; opacity:1; }
.button-style2 .btn-style2 { display:block; float:left; width:25%; }
.button-style2 .cartIcon, .button-style2 .quick-view-popup, .button-style2 .wishlist, .button-style2 .compare { color:#fff; background-color:#000; border-right:1px solid #fff; }
.button-style2 .compare { border-right: 0; }
.button-style2 .wishlist, .button-style2 .compare { width:100%; }
.button-style2 .variants.add button { color:#fff; background-color:#000; }

.grid-products .item { margin:0 0 30px; text-align:center; }
.tab_container .grid-products .item { margin-bottom:0; }
.grid-products .item .product-name a { color:#000; font-size:1em; line-height:1.2; margin-bottom:0; }
.grid-products .item .product-name a:hover { opacity:0.8; }
.grid-products .item .product-price { margin:5px 0; color:#000000; font-weight:600; }
.product-price .old-price { color:#555; font-size:12px; opacity:0.8; text-decoration:line-through; }
.product-price .old-price + .price { padding-left:5px; color:#e95144 !important; }
.product-price .price { color:#000000; }
.product-price__sale, .product__price--sale { color:#e95144 !important; }

.grid-products .item .swatches { margin:8px 0 0; list-style:none; padding:0; }
.grid-products .item .swatches li { display:inline-block; height:15px; width:15px; margin:3px 1px; cursor:pointer; box-shadow:0 0 1px 1px #ddd; -webkit-box-shadow:0 0 1px 1px #ddd; }
.grid-products .item .swatches li img { display:block; border-radius:50%; -webkit-border-radius:50%; max-height:30px; margin:0 auto; }
.grid-products .item .swatches li.square img { border-radius:0; -webkit-border-radius:0; }
.grid-products .item .swatches li.radius img { border-radius:5px; -webkit-border-radius:5px;}
.grid-products .item .swatches li:hover { box-shadow:0 0 1px 1px #000; -webkit-box-shadow:0 0 1px 1px #000; }
.grid-products .item .swatches li.rounded { border-radius:50% !important; -webkit-border-radius:50% !important; }
.grid-products .item .swatches li.radius { border-radius:5px !important; -webkit-border-radius:5px !important; }
.grid-products .item .swatches li.medium { height:30px; width:30px; }
.grid-products .item .swatches li.navy { background-color:navy; }
.grid-products .item .swatches li.green { background-color:green; }
.grid-products .item .swatches li.gray { background-color:gray; }
.grid-products .item .swatches li.aqua { background-color:aqua; }
.grid-products .item .swatches li.orange { background-color:orange; }
.grid-products .item .swatches li.purple { background-color:purple; }
.grid-products .item .swatches li.teal { background-color:teal; }
.grid-products .item .swatches li.black { background-color:black; }
.grid-products .item .swatches li.red { background-color:red; }
.grid-products .item .swatches li.yellow { background-color:yellow; }
.grid-products .item .swatches li.darkgreen { background-color:darkgreen; }
.grid-products .item .swatches li.maroon { background-color:maroon; }

.grid-view-item__title { color:#000; font-size:1em; line-height:1.2; margin-bottom:0; }
.grid-view-item__meta { margin:5px 0; }
.product-price__price { color:#000000; font-weight:600; display:inline-block; }

.grid-products-hover-btn a.quick-view, .grid-products-hover-btn a.wishlist, .grid-products-hover-btn .variants.add button,
.grid-products-hover-btn .cartIcon, .grid-products-hover-btn .add-to-compare { color:#ffffff; background-color:#000000; }

.grid-products-hover-gry a.quick-view, .grid-products-hover-gry a.wishlist, .grid-products-hover-gry .variants.add button,
.grid-products-hover-gry .cartIcon, .grid-products-hover-gry .add-to-compare { color:#ffffff; background-color:#555555; }

.brand-name a { color:#555; font-size:12px; text-transform:uppercase; }

/* --------------------------------------------------
Table of Content:

1.  Google Fonts
2.  Basic Styles
3.  Typography
4.  Utilities
5.  Container
6.  Button
7.  Input Placeholder
8.  Pre Loader
9.  Header Style
10. Homepage Slideshow
11. Section
12. 
16. Latest Blog Post
17. Store Feature
18. Shop Pages
19. Product Listview
20. Bredcrumb
21. Product Detail
22. Categories List
23. Pages
24. Cart Pages
25. Quick View
26. Promotional Top Popup
27. Image Banners
28. Homepages Demo
	28.1 Home 2 - Default
	28.2 Home 3 - Boxed
	28.3 Home 4 - Fulwidth
	28.4 Home 5 - Cosmetic
	28.5 Home 6 - Modern
	28.6 Home 7 - Shoes
	28.7 Home 8 - Jewellery
	28.8 Home 9 - Parallax
	28.9 Home 10 - Minimal
	28.10 Home 11 - Grid
	28.11 Home 12 - Category
	28.12 Home 13 - Autoparts
	28.13 Home 14 - Bags
	28.14 Home 15 - Furniture

30. Instagram Feed
31. Hero Banners
32. Newsletter Cookie Popup
33. Footer
=======================================================================*/


.product-image {
    position: relative;
}

.product-details {
    padding: 10px; /* Add some padding for better spacing */
}
















/* Reset Styles */
body {
    margin: 0;
    font-family: 'Roboto', sans-serif; /* Default font */
}

/* Top Header */
.top-header {
    background-color: #009DDD; /* Yellow */
    color: #fff; /* Text Color */
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; /* Wrap elements on smaller screens */
}

/* Contact Info and Phone Number */
.contact-info, 
.phone-number {
    flex: 1;
    font-size: 14px;
}

/* Tagline */
.tagline {
    text-align: center;
    font-family: 'Amiri', serif; /* Arabic font */
    font-size: 15px;
    margin: 0;
}

/* Phone Number Alignment */
.phone-number {
    text-align: right;
}

/* Responsive Adjustments for Top Header */
@media (max-width: 768px) {
    .top-header {
        flex-direction: column; /* Stack elements */
        align-items: flex-start; /* Align to the left */
        padding: 10px;
    }

    .contact-info, 
   
    
    .tagline {
        font-size: 13px; /* Adjust font size for smaller screens */
    }
}






/* General Blog Section Styles */
.new-blogs, .popular-blogs {
    margin-top: 40px;
}

.new-blogs h2, .popular-blogs h2 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
}

/* Blog Item Styles */
.blog-item, .blog-grid-item {
    margin-bottom: 30px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.blog-item:hover, .blog-grid-item:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.blog-item img, .blog-grid-item img {
    width: 100%;
    height: auto;
}

/* Blog Titles and Content */
.blog-item h4, .blog-grid-item__title {
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.blog-grid-item__content {
    padding: 15px;
    text-align: center;
}

.blog-grid-item__excerpt {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

/* Blog Collection Section */
.blog-collection {
    padding: 60px 0;
}

/* Responsive Grid Layout */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns on large screens */
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Tablet View (1024px and below) */
@media (max-width: 1024px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
    }
}

/* Mobile View (768px and below) */
@media (max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr; /* 1 column on mobile */
    }
}





  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f5f5f5;
    }

    .editors-picks {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
      text-align: center;
    }

    .editors-picks h2 {
      font-size: 36px;
      font-weight: bold;
      color: #333;
      margin-bottom: 10px;
    }

    .editors-picks p {
      font-size: 20px;
      color: #666;
      margin-bottom: 40px;
    }


body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f8f9fa;
}

h1 {
    text-align: center;
    margin-bottom: 20px;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
th, td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.total-amount {
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
    
}






/* General styling */
.section {
    padding: 20px 0;
    background-color: #f9f9f9;
}

.container {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px;
}

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

/* Column layout */
.col-md-4, .col-xs-6 {
    width: 100%;
    padding: 15px;
}

@media (min-width: 768px) {
    .col-md-4 {
        width: 33.33%;
    }
}

/* Section title styling */
.section-title {
    text-align: center; /* Centered heading */
    margin-bottom: 20px;
}

.section-title .title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

/* Simple navigation styling */
.section-nav {
    text-align: center;
    margin-top: 10px;
}

.section-nav .products-slick-nav {
    cursor: pointer;
    font-size: 16px;
    color: #007BFF;
    margin: 0 5px;
    text-decoration: none;
    transition: color 0.3s;
}

.section-nav .products-slick-nav:hover {
    color: #0056b3;
}

/* Product widget styling */
.product-widget {
    display: flex;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s;
}

.product-widget:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}

.product-img {
    width: 80px;
    height: 80px;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-category {
    font-size: 12px;
    color: #888;
    margin-bottom: 3px;
}

.product-name {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.product-price {
    font-size: 15px;
    color: #E53935;
    font-weight: bold;
}

.product-old-price {
    font-size: 12px;
    color: #bbb;
    text-decoration: line-through;
    margin-left: 5px;
}

/* Small screen adjustments */
@media (max-width: 767px) {
    .clearfix.visible-sm, .clearfix.visible-xs {
        clear: both;
    }
}


/* General Layout */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}



/* Typography */
h1, h2 {
    text-align: center;
    color: #333;
}

p {
    margin: 10px 0;
    color: #666;
}

.total-amount {
    font-weight: bold;
    font-size: 1.2rem;
}

/* Table Styling */
table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #ddd;
}

th, td {
    padding: 10px;
    text-align: left;
}

th {
    background-color: #f4f4f4;
    font-weight: bold;
}

/* Form Section */
.form-section {
    margin-bottom: 20px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

input, select, textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1rem;
}

/*======================================================================
  1. Google Fonts
========================================================================*/
@import url('http://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700&amp;display=swap');
@import url('http://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&amp;display=swap');
@import url('http://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&amp;display=swap');


/*======================================================================
  2. Basic Styles
========================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, ::before, ::after { box-sizing:border-box; -webkit-box-sizing:border-box; }
html { overflow:hidden; overflow-y:auto; }
body { font-size:13px; line-height:1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:"Poppins",Helvetica,Tahoma,Arial,serif; color:#424242; font-weight:400; margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }
html, button, input, select, textarea { font-family:'Poppins', sans-serif; }
input:focus, textarea:focus, select:focus { border-color:#cdcfd3; }
input, textarea { padding:10px 18px; }
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-position:right center; background-image:url(../images/arrow-select.png) !important; background-repeat:no-repeat !important; 
	background-position:right 10px center !important; line-height:1.2; text-indent:0.01px; text-overflow: ''; cursor:pointer; padding-bottom:8px 28px 8px 15px; }

iframe { border:0; width:100%; }

a { color:#555555; text-decoration:none; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
a:focus { outline:thin dotted; }
a:active, a:hover { color:#000; outline:0; }
a:hover, a:focus { opacity:0.8; }
a:hover { text-decoration:underline; }

p { margin:0 0 24px; }
pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; }
blockquote blockquote { margin-right: 0; }
blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; }
blockquote em, blockquote i { font-style: normal; font-weight: 300; }
blockquote strong, blockquote b { font-weight: 400; }
img { -ms-interpolation-mode:bicubic; border:0; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
ol, ul { padding:0; margin:0; }
.list-items { margin-left:15px; }
.hide { display:none !important; }

/*======================================================================
  3. Typography
========================================================================*/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color:inherit; text-decoration:none; font-weight:inherit; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr { margin:0; margin-bottom:15px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color:#000; margin:0 0 10px; font-family:"Roboto Slab",Helvetica,Tahoma,Arial,serif; font-weight:400; line-height:1.2; overflow-wrap: break-word; word-wrap: break-word; }
h1, .h1 { font-size:24px; }
h2, .h2 { font-size:19px; letter-spacing:0.03em; text-transform:uppercase; }
h3, .h3 { font-size:16px; }
h4, .h4 { font-size:1em; }
h5, .h5 { font-size:18px; }
h6, .h6 { font-size:14px; }

img { max-width:100%; }

p { color:#555; }
p:last-child { margin-bottom:0; }

input, button, select, textarea { background: transparent; border:1px solid #d7d7d7; transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; color:#424242; }
input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active { outline:none; border-color:#5b77d8; }
input, select, textarea { width: 100%; font-size: 14px; box-shadow:none; -webkit-box-shadow:none; border-radius:0; -webkit-border-radius:0; }
input, select { height:40px; padding:0 10px; }
input[type="checkbox"], input[type="radio"] { width:auto; height:auto; }
input[type="checkbox"]:focus, input[type="radio"]:focus { outline:0; box-shadow:none; }

.text-left { text-align:left !important; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }

hr { margin:20px 0; border:0; border-bottom:1px solid #e8e9eb; }

.border-bottom { border-bottom:1px solid #f5f5f5 !important; }

/*======================================================================
  4. Utilities
========================================================================*/
.hidden { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.poss_relative { position: relative; }
.poss_absolute { position: absolute; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table;/* 2 */ }
.clearfix:after { clear: both; }

th { font-family:"Roboto Slab",Helvetica,Tahoma,Arial,serif; font-weight:700; }

/* Text specialized */
.text-italic { font-style: italic; }
.text-normal { font-style: normal; }
.text-underline { font-style: underline; }
/* Font specialized */
.body-font { font-family: "Poppins", sans-serif; }
.heading-font { font-family: "Poppins", sans-serif; }

.list--inline { padding:0; margin:0; }
.list--inline li { display:inline-block; margin-bottom:0; vertical-align:middle; }

.display-table { display:table; table-layout:fixed; width:100%; margin:0 !important; }
.display-table-cell { float:none; display:table-cell; vertical-align:middle; }

.form-section {
  margin: 20px 0;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  max-width: 500px;
}

.form-section h2 {
  font-size: 20px;
  color: #333;
  margin-bottom: 15px;
  text-align: center;
}

.form-section label {
  font-size: 16px;
  color: #555;
  margin-bottom: 5px;
  display: block;
}

.form-section select {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
}

.payment-details {
  margin-top: 15px;
  padding: 15px;
  background-color: #e6f7ff;
  border: 1px solid #b3e0ff;
  border-radius: 8px;
  color: #0056b3;
  font-size: 16px;
  line-height: 1.6;
  display: none;
}

.payment-details strong {
  color: #0056b3;
}

.payment-details p {
  margin: 0;
}

@media (max-width: 600px) {
  .form-section {
    padding: 15px;
  }

  .form-section h2 {
    font-size: 18px;
  }

  .form-section select {
    font-size: 14px;
  }

  .payment-details {
    font-size: 14px;
  }
}

/*======================================================================
  5. Container
========================================================================*/
.container { max-width:1300px; padding-left:30px; padding-right:30px; }
.container-fluid { padding:0 55px; }
.container-fluid:before,
.container-fluid:after { content:''; clear:both; display:block; }

/*======================================================================
  6. Button
========================================================================*/
.btn, .shopify-payment-button__button--unbranded { -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block; width:auto; height:auto; 
	text-decoration:none; text-align:center; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:0; padding:8px 15px 8px; background-color:#0096D6; color:#fff; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; 
	font-weight:400; text-transform:uppercase; letter-spacing:1px; line-height:normal; white-space:normal; font-size:13px; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.btn:hover, .btn:focus, .shopify-payment-button__button--unbranded:hover, .shopify-payment-button__button--unbranded:focus { background-color:#0096D6; opacity:0.8; color:#fff; text-decoration:none; }
.btn--small { padding:8px 10px; font-size:0.92308em; line-height:1; }
.btn--secondary { background-color:#ededed; color:#0096D6; border:1px solid #0096D6; }
text-align:left; text-decoration:none; outline:none !important;box-shadow:none !important; }
.btn--link:hover, .btn--link:focus { opacity:0.8; text-decoration:none; }

/*======================================================================
  7. Input Placeholder
========================================================================*/
input:-moz-placeholder, textarea:-moz-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*======================================================================
  8. Pre Loader
========================================================================*/
#pre-loader { background-color:#fff; height:100%; width:100%; position:fixed; z-index:1; margin-top:0px; top:0px; left:0px; bottom:0px; overflow:hidden !important; right:0px; z-index:999999; }
#pre-loader img { text-align:center; left:0; position:absolute; right:0; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:99; margin:0 auto; }

/*======================================================================
  9. Header Style
========================================================================*/

  .product-info h3 {
    font-family: 'Poppins', sans-serif; /* Change to the new font */
    font-size: 14px; /* Make the font smaller */
    font-weight: 600; /* Adjust weight for a sleek look */
    color: #34495e; /* Darker color for readability */
    text-transform: capitalize; /* Capitalize each word */
    letter-spacing: 0.5px; /* Slight letter spacing */
    margin: 5px 0; /* Add some margin */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: color 0.3s ease; /* Smooth color transition on hover */
  }

  .product-info h3:hover {
    color: #e74c3c; /* Change color on hover */
  }

/* Basic Header Styles */
.header-wrap {
    background-color: #ffffff;
    padding: 10px 0;
    color: #000;
}

.site-cart {
    position: relative;
    text-align: right;
}

/* Cart Icon Styles */
.site-header__cart {
    position: relative;
    font-size: 22px;
    color: white;
}

.site-header__cart-count {
    position: absolute;
    top: -5px;
    right: -10px;
    background: red;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}
@media (max-width: 768px) {
    .header-wrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999; /* Ensure it's above other content */
        background-color: white; /* Adjust as needed for your design */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for better visibility */
    }

    /* Add padding to body to avoid content being hidden behind the header */
    body {
        padding-top: 60px; /* Adjust this value based on your header height */
    }

    .mini-cart-popup {
        position: absolute; /* Ensure it appears below the header */
        top: 60px; /* Adjust to match your header height */
    }
}
/* General Styles */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

/* Header */
.header {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 24px;
}
.header-logo {
    width: 140px;  /* Adjust for desired size */
    height: auto;  /* Maintain aspect ratio */
}

@media (max-width: 768px) {
    .header-logo {
        width: 140px;  /* Smaller size on mobile */
    }
}
.footer-logo-wrap {
    display: flex;
    justify-content: flex-start; /* Aligns the logo to the left */
    padding: 10px 20px; /* Adjust as needed */
}

.footer-logo-img {
    width: 140px;  /* Default size */
    height: auto;  /* Maintain aspect ratio */
}

@media (max-width: 768px) {
    .footer-logo-img {
        width: 140px;  /* Smaller size for mobile */
    }
}


/* Search Box */
.search-box {
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 10px auto;
}

/* Search Input */
.search-input {
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

/* Search Button */
.search-btn {
    position: absolute;
    right: 10px;
    top: 40%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 4px;
}

/* Suggestion Box */
.suggestion-box {
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    display: none;
    max-height: 120px;
    overflow-y: auto;
}

/* Suggestion Item */
.suggestion-item {
    padding: 8px;
    cursor: pointer;
    font-size: 14px;
}

.suggestion-item:hover {
    background: #f0f0f0;
}

/* Mobile-Friendly Adjustments */
@media (max-width: 480px) {
    /* Move search below header */
    .search-container {
        order: 1; /* Ensures it appears below the header */
        width: 100%; /* Full width on small screens */
        padding: 10px 15px;
    }

    .search-box {
        max-width: 100%; /* Ensure search box takes full width */
    }

    .search-input {
        font-size: 12px;
    }

    .search-btn {
        font-size: 14px;
    }

    .suggestion-item {
        font-size: 12px;
    }
}
/* Search Icon Styles */
.search-toggle {
    display: inline-flex; /* Aligns icon in center */
    align-items: center; /* Center icon vertically */
    justify-content: center; /* Center icon horizontally */
    cursor: pointer; /* Cursor change on hover */
    transition: transform 0.2s; /* Smooth transition for scaling */
    margin-right: 10px; /* Add margin to the right of the search icon */
}

.search-toggle:hover {
    transform: scale(1.1); /* Slightly enlarge the icon on hover */
}

.search-toggle i {
    font-size: 20px; /* Icon size */
    color: #333; /* Icon color */
}

/* Cart Icon Styles */
.site-header__cart {
    display: inline-flex; /* Aligns icon in center */
    align-items: center; /* Center icon vertically */
    cursor: pointer; /* Cursor change on hover */
}

.site-header__cart i {
    font-size: 20px; /* Icon size */
    color: #333; /* Icon color */
}

/* Show the search container */
.search-container.show {
    display: block; /* Change to block when shown */
}

/* Mobile-Friendly Adjustments */
@media (max-width: 768px) {
    /* Ensure the search container is hidden on mobile */
    .search-container {
        display: none; /* Hidden by default */
    }

    .search-container.show {
        display: block; /* Show when .show class is added */
    }
}


.logo { padding-top:15px; padding-bottom:15px; margin:0; }

.stickyNav { position:fixed; top:0; z-index:333; width:100%; left:0; background-color:#fff; box-shadow:0 0 7px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 7px rgba(0,0,0,0.2); }
.stickyNav .logo { padding-left:0; }
.site-cart { float:right; position:relative; }
.site-header__cart { color:#000; text-decoration:none; }
.site-header__cart:hover { text-decoration:none; }
.site-header__cart .icon { font-size:22px; text-decoration:none; }
.site-header__cart-count { font-size:11px; display:inline-block; color:#fff; background-color:#000; border-radius:50%; text-align:center; width:14px; height:14px; line-height:14px; position:absolute; right:-5px; bottom:0; }
#header-cart { z-index:333; width:320px; margin-top:5px; display:none; background-color:#fff; border:1px solid #e8e9eb; position:absolute; top:100%; right:-5px; z-index:555; border-radius:0; }
#header-cart hr { margin:20px 0 }
#header-cart .btn { color:#fff; margin:0 2% 0 0; width:48%; padding:10px; }
#header-cart .btn:nth-of-type(2n){ margin-right:0; }
#header-cart #cart-title { text-align:left; margin-bottom:0; }
#header-cart #cart-title strong { color:#000000; }
#header-cart .variant-cart { color:#777; font-size:11px; }
#header-cart .wrapQtyBtn { display:block; float:none; margin-top:5px; }
#header-cart .qtyField .label { float:left; line-height:30px; padding-right:5px; }
#header-cart .qtyField .qtyBtn, #header-cart .qtyField .qty { font-size:11px; width:25px; height:30px; display:inline-block; padding:3px;}
#header-cart .qtyField a .fa { font-size:11px; }
#header-cart .priceRow { margin-top:0; color:#000000; }
.mini-products-list { padding:15px 15px 0; max-height:380px; overflow-x:hidden; overflow-y:auto; list-style:none; margin:0; }
.mini-products-list + .mini-products-list { padding-top:0; }
.mini-products-list li { padding-bottom:10px; margin-bottom:10px; line-height:normal; display:block; border-bottom:solid 1px #eee; }
.mini-products-list li:last-of-type { border-bottom:0; padding-bottom:0; }
.mini-products-list li:before, .mini-products-list li:after { content:''; clear:both; display:block; }
.mini-products-list li .pro-img { float:left; width:30%; }
.mini-products-list li .pName { color:#000; font-size:13px; white-space:normal; text-decoration:none; display:block; line-height:normal; margin-right:18px; margin-bottom:0; }
.mini-products-list li .pName:hover { color:#222; }
.mini-products-list li .product-details { float:left; width:75%; padding-left:15px; text-align:left; }
.mini-products-list li .remove { color:#5c5c5c; float:right; font-size:14px; padding:0 2px 0 7px; margin-top:0; text-decoration:none; }
.mini-products-list li .remove:hover { color:#000; }
.mini-products-list li .edit-i.remove { font-size:11px; padding-top:1px; }
.mini-products-list li .priceRow { margin:10px 0 0; }
.mini-products-list li .priceRow .prodMulti { display:inline-block; font-size:10px; }
.mini-products-list li .priceRow .product-price { display:inline-block; }
.mini-products-list li .qtyField { display:inline-block; padding-left:2px; }
.mini-products-list li .qtyField a { display:none; }
.mini-products-list li .qtyField span { display:inline-block; padding:0; border:0; }
#header-cart .total { padding:0 10px 15px; }
#header-cart .total .total-in { color:#000; margin:10px 0; padding:8px 10px; border-top:1px solid #e8e9eb; border-bottom:1px solid #e8e9eb; text-align:left; display:inline-block; width:100%; }
#header-cart .total .product-price { float:right; font-size:16px; }
#header-cart .total label { float:left; line-height:24px; text-transform:uppercase; margin:0; }
#header-cart .total .total-in .label { text-transform:uppercase; }

#siteNav { position:relative; max-width:1100px; margin:0 auto; padding:0; list-style:none; }
#siteNav.right { text-align:right; }
#siteNav.left { text-align:left; }
#siteNav.center { text-align:center; }
#AccessibleNav { padding-left:0; }
.mobile-nav-wrapper, .site-header__logo.mobileview { display:none; }
@media (min-width:990px) {
	#siteNav a { text-decoration:none; font-size:13px; display:block; opacity:1; -webkit-font-smoothing: antialiased; letter-spacing:0.05em; position:relative; }
	#siteNav > li { display:inline-block; text-align:left; }
	#siteNav > li > a { color:#000000; padding:0 20px; text-transform:uppercase; line-height:40px; }
	#siteNav.medium > li a { font-weight:600; }
	#siteNav.medium > li > a .anm { display:none; }
	
	#siteNav > li > a:hover:hover,
	#siteNav > li > a:hover { color:#339498; }
	
	#siteNav > li .megamenu { opacity:0; visibility:hidden; padding:25px 25px 0; width:100%; position:absolute; top:59px; left:0; z-index:2001; background-color:#fff; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); pointer-events:none; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border:1px solid #eee; max-height:600px; overflow:auto; }
	#siteNav > li .megamenu ul { padding:0; list-style:none; }
	#siteNav > li:hover > .megamenu { top:40px; opacity:1; visibility:visible; pointer-events:visible; }
	#siteNav > li .megamenu li.lvl-1 { margin-bottom:25px; }
	
	#siteNav > li .megamenu li.lvl-1 a.lvl-1 { color:#000; font-size:14px; text-transform:uppercase; padding:0 0 8px; font-weight:600; }
	#siteNav > li .megamenu li.lvl-1 li .site-nav { color:#000; padding:5px 0; font-weight:400; }
	
	#siteNav > li .megamenu li.lvl-1 li .site-nav:hover { color:#000; }
	#siteNav > li .megamenu li.lvl-1 li .site-nav:before { content: ""; display:inline-block; width:0px; height:2px; vertical-align:middle; background-color:#000; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
	#siteNav > li .megamenu li.lvl-1 li .site-nav:hover:before { width:5px; margin-right:3px; }
	
	#siteNav > li .megamenu.style4 { background-repeat:no-repeat; background-size:auto 100%; }
	#siteNav > li .megamenu .imageCol { padding-bottom:25px; }
	
	#siteNav > li ul.dropdown li a .anm { position:absolute; right:10px; top:10px; }
	
	#siteNav a .lbl { color:#ffffff; font-size:10px; font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; display:inline-block; padding:2px 4px; border-radius:3px; background-color:#f00; box-shadow:0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3); position:relative; vertical-align:middle; }	
	#siteNav a .lbl:after { content:" "; display:block; width:0; height:0; position:absolute; bottom:3px; left:-7px; border:4px solid transparent; border-right-color:transparent; border-right-color:#f00; }
	#siteNav a .lbl.nm_label3 { background-color:#fb6c3e; }
	#siteNav a .lbl.nm_label1 { background-color:#01bad4; }
	#siteNav a .lbl.nm_label3:after { border-right-color:#fb6c3e; }
	#siteNav a .lbl.nm_label1:after { border-right-color:#01bad4; }
	
	#siteNav > li.dropdown { position:relative; }
	#siteNav > li .dropdown,
	#siteNav > li .dropdown ul { list-style:none; border:1px solid #eeeeee; opacity:0; visibility:hidden; width:220px; position:absolute; top:59px; left:0; z-index:999; box-shadow:2px 2px 1px 0px rgba(0,0,0,0.3); -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding:0; }
	#siteNav > li:hover > .dropdown,
	#siteNav > li .dropdown li:hover > ul { top:40px; opacity:1; visibility:visible; }
	#siteNav > li ul.dropdown li { border-top:1px solid #eeeeee; position:relative; }
	#siteNav > li ul.dropdown li:first-child { border:0; }
	#siteNav > li ul.dropdown li a { color:#000; font-weight:400; padding:8px 12px; background-color:#fff; }
	#siteNav > li ul.dropdown li a:hover { color:#000; background-color:#eee; padding-left:17px; }
	#siteNav > li ul.dropdown li ul { top:20px; left:100%; }
	#siteNav > li ul.dropdown li:hover > ul { top:0; }

}

.header-content-wrapper { width:100%; padding:15px 0; }

/*======================================================================
  10. Homepage Slideshow
========================================================================*/
.slideshow-wrapper { position:relative; }
.slideshow .slide { position:relative; }
.slideshow .wrap-caption.center { max-width:1200px; }
.slideshow .wrap-caption.right { float:right; }
.slideshow .wrap-caption.left { float:left; }
.slideshow .wrap-caption { display:inline-block; padding:25px; }
.slideshow__text-content { text-align:center; margin-top:30px; position:absolute; width:100%; top:50%; -ms-transform:translateY(-40%); -webkit-transform:translateY(-40%); transform:translateY(-40%); opacity:0; transition:all 0.5s cubic-bezier(0.44, 0.13, 0.48, 0.87); -webkit-transition:all 0.5s cubic-bezier(0.44, 0.13, 0.48, 0.87); -ms-transition:all 0.5s cubic-bezier(0.44, 0.13, 0.48, 0.87); transition-delay:0.3s; -webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; z-index:3; }
.slideshow__text-content.bottom { top:inherit; bottom:10%; -ms-transform:translateY(10%); -webkit-transform:translateY(10%); transform:translateY(10%); }
.slideshow__text-content.top { top:10%; -ms-transform:translateY(10%); -webkit-transform:translateY(10%); transform:translateY(10%); }
.slick-active .slideshow__text-content.bottom { -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); }
.slick-active .slideshow__text-content.top { -ms-transform:translateY(-5%); -webkit-transform:translateY(-5%); transform:translateY(-5%); }
.slick-active .slideshow__text-content, .no-js .slideshow__text-content { -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:1; }
.slideshow .slideshow__title { color:#000000; font-weight:700; font-size:66px; text-transform:uppercase; line-height:1.1; text-shadow:1px 1px 7px rgba(0,0,0,0); }
.slideshow .slideshow__subtitle { color:#000000; font-weight:400; font-size:16px; text-transform:uppercase; margin-bottom:20px; line-height:1.2; text-shadow:1px 1px 4px rgba(0,0,0,0); display:block; }
.slideshow__text-wrap { height:100%; }
.slick-active .slideshow__image.img-animate { -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); }
.slideshow__image.img-animate { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
.slideshow__overlay.bottom:before { background:-ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, #000 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%); }
.slideshow__overlay:before { content: ''; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.5; z-index:3; }
.slideshow .slick-slide img { width:100%; }
.slideshow .slick-prev, .slideshow .slick-next { line-height:normal; font-size:0px; padding:0; border:0; opacity:0.5; position:absolute; z-index:4; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:40px; height:40px; border-radius:5px; text-align:center; background-color:rgba(255,255,255,0.1); -ms-transition:all ease-out 0.2s; -webkit-transition:all ease-out 0.2s; transition:all ease-out 0.2s; }
.slideshow .slick-prev { left:10px; }
.slideshow .slick-next { right:10px; }
.slideshow .slick-next:before { content:"\ea8c"; font-family:"annimex-icons"; color:#000; }
.slideshow .slick-prev:before { content:"\ea8b"; font-family:"annimex-icons"; color:#000; }
.slideshow .slick-prev:before, .slideshow .slick-next:before { font-size:20px; line-height:20px; }
.slideshow .slick-prev:hover, .slideshow .slick-next:hover { opacity:0.7; background-color:rgba(255,255,255,0.7); box-shadow:0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); }
.slideshow .btn { color:#fff; background-color:#000; }
.slideshow .btn:hover, .slideshow .btn:focus { opacity:0.8; }

/*======================================================================
  11. Section
========================================================================*/
.section { padding-top:35px; padding-bottom:35px; }
.section-header { margin-bottom:35px; }
.pb-section { padding-bottom:35px; }
.pt-section { padding-top:35px; }
.no-pb-section { padding-bottom:0; }

/*======================================================================
  17. Store Feature
========================================================================*/
.store-info h5, .store-info .h5 { margin-bottom:5px; text-transform:uppercase; letter-spacing:0.08em; font-size:13px; font-weight:600; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; }
.store-info li { padding:0 20px; text-align:center; }
.store-info li + li { border-left:1px dotted #ddd; }
.store-info .icon { color:#a9a9a9; font-size:40px; vertical-align:middle; display:block; margin-bottom:20px; }

/*======================================================================
  18. Shop Pages
========================================================================*/
.template-collection .collection-header { margin-bottom:45px; }
.collection-hero { position:relative; overflow:hidden; }
.collection-hero__image { height:250px; opacity:1; }
.collection-hero__image img { width:100%; }
.collection-hero__title-wrapper::before { content: ''; position:absolute; top:0; right:0; bottom:0;left:0; background-color:#000;opacity:0.4; }
.collection-hero__title { font-size:1.84615em; position:absolute; color:#fff; width:100%; text-align:center; left:0; right:0; top:50%; text-transform:uppercase; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.category-description { margin-bottom:40px; }

.sidebar .sidebar_widget { margin-bottom:35px;clear:both; width:100%; }
.sidebar h2, .sidebar .h2 { margin-bottom:20px; font-size:15px; }
.sidebar .sidebar_widget .widget-content ul { margin:0 0 15px; list-style:none; }
.sidebar .sidebar_widget .widget-content ul li { list-style:none; padding:3px 0; font-size:12px; }
.filterBox ul:not(.filter-color) { margin-left:-5px; list-style:none; }
.filterBox ul:not(.filter-color) li { padding:3px 0; }
.filterBox ul:not(.filter-color) input[type="checkbox"] { width:20px; height:auto; margin:0; padding:0; font-size:1em; opacity:0; }
.filterBox ul:not(.filter-color) input[type="checkbox"] + label { display:inline-block; margin-left:-20px; line-height:1.5em; cursor:pointer; margin-bottom:0; }
.filterBox ul:not(.filter-color) li label { font-weight:400; font-size:12px; }
.filterBox ul:not(.filter-color) input[type="checkbox"] + label > span { display:inline-block; width:13px;height:13px; margin:0.25em 0.5em 0.25em 0.25em; border:1px solid #d0d0d0; vertical-align:bottom; }
.filterBox ul:not(.filter-color) input[type="checkbox"]:checked + label > span::before { content:"\f00c"; font-family:"FontAwesome"; display:block; width:12px; color:#000; font-size:9px; line-height:11px; text-align:center; }
.filterBox .filter-color { display:table; list-style:none; width:100%; }
.filterBox .filter-color .swacth-btn { display:block; float:left; margin-bottom:10px; position:relative; height:25px; width:25px; border:1px solid #fff; background-color:#f8f8f8; margin-right:10px; text-align:center; font-size:10px; line-height:21px; color:#000; cursor:pointer; }
.filterBox .filter-color .swacth-btn.checked { border-color:#000; }
.filterBox .filter-color .black { background-color:#000; }
.filterBox .filter-color .white { background-color:#fff; border:1px solid #ddd; }
.filterBox .filter-color .red { background-color:#fe0000; }
.filterBox .filter-color .blue { background-color:#0000fe; }
.filterBox .filter-color .pink { background-color:#ffc1cc; }
.filterBox .filter-color .gray { background-color:#818181; }
.filterBox .filter-color .green { background-color:#027b02; }
.filterBox .filter-color .orange { background-color:#fca300; }
.filterBox .filter-color .yellow { background-color:#f9f900; }
.filterBox .filter-color .blueviolet { background-color:#8A2BE2; }
.filterBox .filter-color .brown { background-color:#A52A2A; }
.filterBox .filter-color .darkGoldenRod { background-color:#B8860B; }
.filterBox .filter-color .darkGreen { background-color:#006400; }
.filterBox .filter-color .darkRed { background-color:#8B0000; }
.filterBox .filter-color .dimGrey { background-color:#696969; }
.filterBox .filter-color .khaki { background-color:#F0E68C; }

.sidebar .sidebar_widget.categories .sub-level { position:relative; }
.sidebar .sidebar_widget.categories .sub-level > a:after { content:'\ebe0'; font-family:'annimex-icons'; display:inline-block; position:absolute; right:0; top:3px; }
.sidebar .sidebar_widget.categories .sub-level > a.active:after { content:'\ebd1'; font-family:'annimex-icons'; display:inline-block; }
.sidebar .sidebar_widget.categories .sub-level ul { margin-left:15px; margin-bottom:0; display:none; }
.sidebar .sidebar_widget.categories li a { display:block; }

.filter-widget .widget-title { position:relative; cursor:pointer; }
.filter-widget .widget-title:after { content:'\eb69'; font-family:'annimex-icons'; display:inline-block; position:absolute; right:0; top:-1px; font-size:17px; }
.filter-widget .widget-title.active:after { content:'\eb66'; font-family:'annimex-icons'; display:inline-block; }

.size-swacthes .swacth-list ul { margin-left:0; }
.size-swacthes .swacth-list li { float:left; display:block; }
.size-swacthes .swacth-list .swacth-btn { font-size:12px; display:block; margin-bottom:2px; width:31px; height:31px; line-height:31px; }
/* Price Range */
.price-filter input[type="text"] { height:30px; padding:0 10px; text-align:center; font-size:12px; width:100px; }

/* Color Swatches */
.grid-products .item .swatches.color-style li { box-shadow:none; -webkit-box-shadow:none; }
.grid-products .item .swatches.color-style li input[type="checkbox"] { display:none; }
.grid-products .item .swatches.color-style li input[type="checkbox"] + label.color { margin:0; cursor:pointer; border:1px solid #ccc; }
.grid-products .item .swatches.color-style li input[type="checkbox"] + label.color span { display:block; height:25px; width:25px; }
.grid-products .item .swatches.color-style li input[type="checkbox"]:checked + label.color { border:1px solid #000; box-shadow:0 0 1px #000; }
.grid-products .item .swatches.color-style li .black { background-color:#000; }
.grid-products .item .swatches.color-style li .white { background-color:#fff; }
.grid-products .item .swatches.color-style li .red { background-color:#fe0000; }
.grid-products .item .swatches.color-style li .blue { background-color:#0000fe; }
.grid-products .item .swatches.color-style li.rounded { width:25px; height:25px; border-radius:50% !important; -webkit-border-radius:50% !important; }
.grid-products .item .swatches.color-style li.rounded input[type="checkbox"] + label.color,
.grid-products .item .swatches.color-style li.rounded input[type="checkbox"] + label.color span,
.grid-products .item .swatches.color-style li.rounded input[type="checkbox"]:checked + label.color { border-radius:50% !important; -webkit-border-radius:50% !important; }
.grid-products .item .swatches.color-style li.radius input[type="checkbox"] + label.color,
.grid-products .item .swatches.color-style li.radius input[type="checkbox"] + label.color span,
.grid-products .item .swatches.color-style li.radius input[type="checkbox"]:checked + label.color { border-radius:5px !important; -webkit-border-radius:5px !important; }
.grid-products .item .swatches.color-style li.small,
.grid-products .item .swatches.color-style li.small input[type="checkbox"] + label.color span { width:15px; height:15px; }
/* End Color Swatches */

.list-sidebar-products { margin-top:30px; }
.list-sidebar-products:before, .list-sidebar-products:after,
.sidebar .sidebar_widget:before, .sidebar .sidebar_widget:after { content:''; clear:both; display:block; }
.list-sidebar-products .grid__item { margin-bottom:5px; } 
.mini-list-item { margin-bottom:10px; }
.mini-list-item:before, .mini-list-item:after { content:''; clear:both; display:block; }
.mini-list-item .mini-view_image { float:left; width:25%; }
.mini-list-item .mini-view_image img { width:100%; max-width:70px; }
.mini-list-item .details { margin-left:30%; }
.product-tags li { border-radius:18px; display:inline-block; border:1px solid #e8e9eb; margin-bottom:5px; height:25px;  }
.product-tags li a { padding:5px 10px; font-size:11px; }
.btnview { background:none; color:#000; padding:5px 0; border-bottom:1px solid #000; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.btnview:hover { background:none; border-color:#fff; color:#000; }

.filters-toolbar-wrapper { border:0; margin:-10px 0 20px 0; }
.filters-toolbar-wrapper .change-view { cursor:pointer; background:none; opacity:0.6; border:0; padding:0 3px; }
.filters-toolbar-wrapper .change-view--active { opacity:1; }
.filters-toolbar__product-count { font-size:0.92308em; line-height:35px; margin-bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.filters-toolbar-wrapper select { width:auto; font-size:12px; }
.filters-toolbar__input { -ms-transition: all ease-out 0.15s; -webkit-transition:all ease-out 0.15s; transition:all ease-out 0.15s; background-color: #fff; border:0 solid transparent; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; height:35px; opacity:1; }

.infinitpagin { clear:both; padding:15px 0 30px; text-align:center; }
.loadMore { color:#fff !important; }

.pagination { width:100%; text-align:center; list-style:none; font-size:1.15385em; }
.pagination ul { display:block; margin:0 auto; }
.pagination li { display:inline-block; }
.pagination li.active a { border:2px solid #636871; color:#555; }
.pagination li a { font-size:12px; color:#a2a2a2; height:30px; width:30px; line-height:28px; display:inline-block; border:2px solid #e8e9eb; vertical-align:middle; }
.pagination li a i { line-height:28px; vertical-align:middle; }

/* Countdown Timer On listing */
.grid-products .item:hover .saleTime { display:none }
.saleTime { position:absolute; bottom:5px; left:0; right:0; z-index:111 }
.saleTime .time-count { font-weight:700; font-size:14px; }
.saleTime span>span { font-weight:700; min-width:30px; padding:6px 4px 4px; line-height:12px; display:inline-block; margin:0 0 0 1px; text-align:center; background:rgba(255, 255, 255, 0.9); color:#141414 }
.saleTime span>span span { display:block; background:none; font-size:10px; font-weight:400; margin-top:-3px; text-transform:uppercase; line-height:8px }
.timermobile { margin:0 -10px; display:none }
.timermobile .saleTime { position:relative; margin-top:20px }

.countdown-deals { line-height:35px; text-align:center; width:100%; margin-bottom:10px; }
.countdown-deals .cdown { background:#efefef; display:inline-block; height:50px; width:44px; }
.countdown-deals .cdown span { font-size:14px; font-weight:500; }
.countdown-deals .cdown > p { font-size:12px; text-transform:uppercase; line-height:0; margin:0; }
.grid-products .countdown-deals { position:absolute; bottom:-10px; }
.grid-products .countdown-deals .cdown { color:#fff; background-color:#000; }
.product-list .countdown-deals { line-height:40px; text-align:left; }
.product-list .countdown-deals .cdown { font-size:14px; height:59px; width:65px; text-align:center; color:#fff; background-color:#000; }

.product-load-more .item { display:none; }

/*======================================================================
  19. Product Listview
========================================================================*/
.list-view-item { display:table; table-layout:fixed; margin-bottom:15px; padding-bottom:15px; width:100%; border-bottom:1px solid #e8e9eb; text-decoration:none; }
.list-view-item:hover { text-decoration:none; }
.list-view-item p { color:#555; }
.list-view-item__image-column { display:table-cell; vertical-align:middle; width:230px; }
.list-view-item__image-wrapper { position:relative; margin-right:20px; }
.list-view-item__title-column { display:table-cell; vertical-align:middle; }
.list-view-items .grid-view-item__title { margin-bottom:10px; text-align:left; }
.list-view-items .product-price__sale { padding-left:5px; }
.list-view-items .variants { margin-top:10px; }

.main-content { min-height:500px; }

/*======================================================================
  20. Bredcrumb
========================================================================*/
.bredcrumbWrap { background:#f9f9f9; padding:10px 0; margin:0 0 30px; border-top:solid 1px #e8e9eb; }
.breadcrumbs a, .breadcrumbs span { color:#111; display:inline-block; padding:0 7px 0 0; margin-right:7px; font-size:12px; }

/*======================================================================
  21. Product Detail
========================================================================*/
.product-single-1 .product-details-img .product-zoom-right { width:100%; }
.product-details-img:before, .product-details-img:after { content:''; clear:both; display:block; } 
.product-details-img .product-thumb { display:inline-block; padding:0; width:12.5%; margin:0; float:left; padding-right:5px; }
.product-details-img .product-thumb-1 { display:block; padding:0; width:100%; margin:0; float:left; padding-right:0; }
.product-details-img .product-zoom-right { display:inline-block; position:relative; width:87%; float:left; }

.product-details-img .product-thumb .slick-arrow { top:auto; background:#fff; border-radius:3px; padding:0 5px; opacity:0; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.product-details-img:hover .product-thumb .slick-arrow { opacity:1; }
.product-details-img .product-thumb .slick-prev { top:5px; left:50%; margin-left:-12px; }
.product-details-img .product-thumb .slick-next { bottom:-10px; left:50%; right:auto; margin-left:-12px; }
.product-details-img .product-thumb .slick-prev:before { content:"\f106"; font-family:"FontAwesome"; font-size:20px; }
.product-details-img .product-thumb .slick-next:before { content:"\f107"; font-family:"FontAwesome"; font-size:20px; }
.product-details-img .product-labels { z-index:99; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-arrow { background:transparent; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-next { right:0; top:50%; left:inherit; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-prev { left:15px; top:50%; bottom:0; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-prev:before { content:"\ea8b"; font-family:"annimex-icons"; font-size:16px; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-next:before { content:"\ea8c"; font-family:"annimex-icons"; font-size:16px; }

.product-form .swatch .swatchInput + .swatchLbl.rounded { border-radius:50% !important; }
.product-form .swatch .swatchInput + .swatchLbl.rectangle { border-radius:7px !important; }

.product-buttons { position:absolute; right:10px; bottom:10px; z-index:99; }
.product-buttons .btn.popup-video i, .product-buttons .btn i { line-height:33px; }
.product-buttons .btn { font-size:19px; height:36px; width:36px; text-align:center; margin-top:5px; clear:both; border-radius:3px; padding:0; line-height:33px; float:right; background:#000000; color:#ffffff; opacity:0.9; }

.product-template__container .product-single { margin-bottom:20px; }
.product-template__container .product-single__meta { position:relative; margin-bottom:20px; }
h1.product-single__title, .product-single__title.h1 { color:#000; font-size:23px; margin-bottom:10px; padding-right:60px; text-transform:uppercase; }
.product-template__container .product-nav { position:absolute; right:0; top:10px; }
.product-template__container .product-nav .next { float:right; }
.product-template__container .product-nav .prev, .product-template__container .product-nav .next { font-size:20px; display:block; line-height:22px; text-align:center; height:20px; width:20px; padding:0; color:#000; }

.product-template__container .prInfoRow { margin-bottom:10px; }
.product-template__container .prInfoRow > div { display:inline-block; margin-right:5%; }
.product-template__container .prInfoRow .instock { color:#447900; }
.product-template__container .prInfoRow .spr-badge-caption { color:#424242; padding-left:5px; }
.product-template__container .prInfoRow a:hover { text-decoration:none; }
.product-single__price .product-price__price { font-size:1.46154em; padding-left:3px; }
.discount-badge { display:inline-block; vertical-align:middle; margin:-2px 0 0 5px; font-size:13px; }
.discount-badge .product-single__save-amount { font-weight:700; }
.discount-badge .off, .discount-badge .product-single__save-amount { color:#e95144; }
.product-single__price { display:inline-block; margin-right:10px; color:#555; font-size:1.15385em; font-weight:400; margin-bottom:15px; }
.orderMsg { color:#e95144; font-size:15px; margin-bottom:20px; }
.orderMsg img { margin-right:3px; vertical-align:top; -webkit-animation-name:blinker; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:cubic-bezier(.6, 0, 1, 1); -webkit-animation-duration:0.8s; }
@-webkit-keyframes blinker {
  from { opacity: 1.0; }
  to { opacity:0.0; } 
}
.product-description ul, .product-single__description ul { margin-left:0; }
.product-single__description ul { text-align:left; }
.product-description ul li, .product-single__description ul li { position:relative; margin-left:15px; list-style:disc; }

.rte { color:#555; margin-bottom:20px; }
.rte li { margin-bottom:4px; list-style:inherit; }
.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 { margin-top:30px; margin-bottom:15px; }
.rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child { margin-top:0 }
.rte:last-child { margin-bottom:0; }


.product-template__container #quantity_message .items { font-weight:700; }

.product-form { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:end; -webkit-align-items:flex-end; -moz-align-items:flex-end; -ms-align-items:flex-end; -o-align-items:flex-end; align-items:flex-end; width:auto; margin:0 -5px -10px; }
.product-template__container .product-form .swatch { width:100%; }
.product-form .swatch { margin-bottom:10px; }
.product-form .swatch .product-form__item { margin-bottom:0; padding-bottom:0; padding-top:0; }
.product-form__item { -webkit-flex:1 1 200px; -moz-flex:1 1 200px; -ms-flex:1 1 200px; flex:1 1 200px; margin-bottom:10px; padding:5px; }
.product-form .swatch label { display:block; text-transform:uppercase; font-weight:400; }
.product-template__container label .slVariant { font-weight:700; }
.product-form .swatch .swatch-element { display:inline-block; margin-right:8px; cursor:pointer; }
.product-form .swatch .swatchInput + .swatchLbl.color.medium { width:50px; height:50px; }
.product-form .swatch .swatchInput:checked + .swatchLbl { border:2px solid #111111; box-shadow:none; }
.product-form .swatch .swatchInput + .swatchLbl.color { width:30px; padding:0; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto; cursor:pointer; }
.product-form .swatch .swatchInput + .swatchLbl.large { width:40px; height:40px; }
.product-form .swatch .swatchInput + .swatchLbl.large:not(.color) { line-height:36px; }
.product-form .swatch .swatchInput + .swatchLbl { color:#333; font-size:12px; font-weight:400; line-height:28px; text-transform:capitalize; display:inline-block; margin:0; min-width:30px; height:30px; overflow:hidden; text-align:center; background-color:#f9f9f9; padding:0 10px; border:2px solid #fff; box-shadow:0 0 0 1px #ddd; 
	border-radius:0; -ms-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; cursor:pointer; }
.product-form .swatch .swatchInput { display:none; }

.infolinks { margin-bottom:25px; padding:0 5px; }
.infolinks .btn { font-size:11px; background-color:transparent; color:#000; padding:0; margin-right:15px; display:inline-block; vertical-align:top; border-bottom:1px solid #000; }
.infolinks .btn:focus { outline:0; }

#sizechart { text-align:center; background:#fff; margin:0 auto; padding:20px; max-width:800px; position:relative; }
#sizechart table tr th { background:#000; color:#fff; border:0 !important; }
#sizechart table tr th, #sizechart table tr td { padding:7px 12px; text-align:center; font-size:12px; border:1px solid #e8e9eb; }
table { margin-bottom:15px; width:100%; border-collapse:collapse; border-spacing:0; }

#productInquiry { background:#eee; margin:0 auto; padding:20px; max-width:600px; position:relative; }
#productInquiry input[type="tel"], #productInquiry input[type="email"], #productInquiry input[type="text"], #productInquiry textarea { background-color:#fff; margin-bottom:10px; }
#productInquiry textarea { padding:10px; }

.product-template__container .product-action { width:100%; display:block; margin-bottom:15px; padding:0 5px; }
.product-template__container .product-form__item--quantity { float:left; margin:0 10px 10px 0; }
.wrapQtyBtn { float:left; }
.qtyField { display:table; margin:0 auto; }
.qtyField .qty { width:40px; }
.qtyField .qtyBtn, .qtyField .qty { padding:10px 6px; width:30px; height:42px; border-radius:0; float:left; }
.qtyField a { background-color:#eee; color:#000; }
.qtyField a .fa { font-size:12px; line-height:21px; }
.qtyField > a, .qtyField > span, .qtyField input { display:table-cell; line-height:normal; text-align:center; padding:3px 6px; border:1px solid #f5f5f5; }
.product-template__container .product-form__item--submit { width:auto; overflow:hidden; }
.product-template__container .product-form__item--submit .btn { width:100%; padding:6px 15px; min-height:42px; }
.product-template__container .shopify-payment-button .shopify-payment-button__button--unbranded { border-radius:0; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#fff; background-color:#e95144; float:right; }
.shopify-payment-button__button { cursor:pointer; display:block; font-size:1em; font-weight:500; line-height:1; text-align:center; width:100%; }
.shopify-payment-button__button--unbranded { padding:1em 2em; }

.product-template__container .shareRow { padding:10px 0 20px; }
.product-template__container .shareRow .wishlist { background:none !important; color:#000 !important; text-transform:capitalize; width:auto; text-align:left; line-height:inherit; height:auto; text-decoration:none; }
.product-template__container .shareRow .wishlist span { display:inline; padding-left:5px; letter-spacing:0.02em; }
.product-template__container .shareRow .medium-up--one-third { width:33%; }
.social-sharing .btn { color:#000 !important; padding:0 5px; margin-bottom:0; background:none !important; border:0; letter-spacing:normal; text-transform:capitalize; }
.btn--share .fa { color:#222222; font-size:14px; }

.freeShipMsg { margin-bottom:12px; }
.freeShipMsg .fa { font-size:20px; width:25px; vertical-align:middle; }
.shippingMsg { margin-bottom:12px; }
.shippingMsg .fa { font-size:18px; width:25px; vertical-align:middle; }

.userViewMsg { clear:both; margin-bottom:12px; }
.userViewMsg .fa, .userViewMsg .uersView { color:#e95144; }
.userViewMsg .fa { font-size:18px; width:25px; }

.prFeatures { padding:20px 0; }
.prFeatures .feature { margin-bottom:20px; }
.prFeatures img { float:left; }
.prFeatures .details { margin-left:65px; line-height:1.5; }
.prFeatures .details h3, .prFeatures .details .h3 { margin-bottom:5px; text-transform:uppercase; }

.template-product .tabs-listing .product-tabs { border-bottom:1px solid #e8e9eb; width:100%; margin-bottom:0; }
.template-product .tabs-listing .product-tabs li { float:none; display:inline-block; cursor:pointer; }
.template-product .tabs-listing .product-tabs a { border-bottom:1px solid transparent; margin-bottom:-1px; letter-spacing:1px; display:block; border:none; padding:15px 25px; background:none !important; text-transform:uppercase; font-weight:600; border-radius:0; outline:none; color:#2e2d2d; text-decoration:none; }
.template-product .product-tabs li.active a, .template-product .product-tabs li.active a:focus { text-decoration:none; border:0; color:#000; border-bottom:1px solid #000; opacity:1; }
.acor-ttl.active { border-bottom:1px solid #000; }
.acor-ttl { display:block; padding:15px 0; position:relative; font-weight:600; letter-spacing:1px; border-bottom:1px solid #e8e9eb; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; margin:0; font-size:12px; cursor:pointer; }
.template-product .tabs-listing .tab-container { padding:30px 0; text-align:left; }
.tab-container .tab-content { display:none; }
.product-template__container .product-single-1 .tab-container .tab-content { padding-top:20px; }
.template-product .prstyle2 .tabs-listing .acor-ttl:before { position:absolute; right:15px; top:15px; content:"\f107"; font-family:"FontAwesome"; font-size:16px; font-weight:normal; }
.template-product .prstyle2 .tabs-listing .acor-ttl.active:before { content:"\f106"; color:#000; }

.template-product .tabs-listing .tab-container table tr th { background:#000; color:#fff; border:0 !important; }
.template-product .tabs-listing .tab-container table tr th, .template-product .tabs-listing .tab-container table tr td { padding:7px 12px; text-align:center; font-size:12px; border:1px solid #e8e9eb; }

.related-product { margin-bottom:30px; }
.product-template__container .section-header { margin-bottom:40px; }
.sub-heading { text-align:center; max-width:500px; margin:0 auto; }
.related-product .grid--view-items { overflow:visible; }
.recently-product .grid-products .item { float:left; }

.product-info .lbl { font-weight:700; }

.left-content-product { float:left; width:80%; padding-right:30px; }
.sidebar-product { float:left; width:20%; }
.sidebar-product .prFeatures { padding-top:0; }
.sidebar-product .prFeatures h5 { font-size:1.07692em; font-family:'Poppins', sans-serif; font-weight:600; }
.template-product-right-thumb .sidebar-product .prFeatures { padding-top:0; }
.sidebar-product .section-header { margin-bottom:20px; }

.prstyle3 .related-product { margin-bottom:20px; }
.prstyle3 .related-product:before, .prstyle3 .related-product:after { content:''; clear:both; display:block; }
.prstyle3 .related-product .section-header .h2, .prstyle3 .related-product .section-header .sub-heading { text-align:left; }
.prstyle3 .related-product .section-header { margin-bottom:12px; }
.prSidebar .section-header h2, .prSidebar .section-header .h2 { font-size:130%; text-align:left !important; }
.prstyle3 .mini-list-item .mini-view_image img { max-width:110px; }
.prstyle3 .mini-list-item .mini-view_image { width:28%; }
.prstyle3 .mini-list-item .details { margin-left:32%; }

.template-product-right-thumb .product-details-img .product-thumb { padding-right:0; padding-left:5px; }

.template-product-right-thumb .prFeatures { padding:40px 0 20px; }

.product-countdown { position:static; margin:15px 0; }
.product-countdown:before, .product-countdown:after { content:''; clear:both; display:block; }
.product-countdown .time-count { font-weight:700; font-size:24px; display:block; width:100%; text-align:center; margin:0; }
.product-countdown span>span { font-weight:700; width:24%; margin-right:0.3%; padding:10px; line-height:18px; display:inline-block; text-align:center; background:#000; color:#fff; float:left; }
.product-countdown span>span span { display:block; background:none; font-size:15px; font-weight:400; text-transform:uppercase; line-height:16px; text-align:center; width:100%; padding:8px; }

.product-right-sidebar .product-details-img { width:50%; float:left; padding-right:10px; }
.product-right-sidebar .product-information { width:50%; float:left; padding-left:10px; }
.product-right-sidebar .sidebar-product { width:100%; }
.product-right-sidebar .tabs-listing { clear:both; padding-top:30px; }
.product-right-sidebar .sub-heading { text-align:left; }
.product-right-sidebar .related-product { margin-bottom:20px; }

.product-labels .pr-label3 { left:5px; background:#fb6c3e; }

.product-single .product-single__meta { position:relative; }
.product-single .product-featured-img { width:100%; display:block; margin:0 auto; }
.product-single .grid_item-title { font-size:26px; margin-bottom:25px; }
.product-single .product-single__title { font-size:18px; }

/*======================================================================
  22. Categories List
========================================================================*/
.categories-list-items:before, .categories-list-items:after { content: ''; clear:both; display:block; }
.categories-item { float:left; width:23.2%; margin-right:2.307692307692308%; }
.categories-item:last-of-type { margin-right:0; }
.categories-item ul { list-style:none; padding:0; margin:0; }
.categories-item ul li { list-style:disc; margin-left:15px; }
.categories-item .thumb { margin-bottom:15px; display:block; }
.categories-item h4 { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-size:14px; text-transform:uppercase; margin:0 0 10px; }
.categories-item .rte-setting { margin-bottom:20px; }
.categories-list-items .row { margin-bottom:40px; }

/*======================================================================
  23. Pages
========================================================================*/
.page.section-header { background:#f9f9f9; border:1px solid #e8e9eb; }
.page.section-header h1 { text-transform:uppercase; margin:0; color:#000; padding:25px 0; font-size:18px; }

.page-template .addressFooter { font-size:14px; list-style:none; }
.page-template #page-content .addressFooter .icon { color:#000 !important; font-size:18px; }
.page-template .addressFooter li p { padding-left:30px; }

.contact-template .section-header { margin-bottom:0; }
.contact-template .map-section { margin-bottom:0; overflow:hidden; height:350px; }
.contact-template .map-section .container { position:relative; height:100%; }
.contact-template .map-section__overlay { left:auto; width:300px; padding:20px; display:inline-block; text-align:center; z-index:3; position:absolute; left:0; top:0; transform:translateY(-135%); -webkit-transform:translateY(-135%); margin-top:0; background:rgba(255,255,255,0.8); }
.contact-template .map-section__overlay-wrapper { position:static; text-align:left; height:100%; }
.rte-setting { margin-bottom:11.11111px; }
.contact-template .btn--secondary { background-color:#ededed; color:#000; border:1px solid #000; }
.contact-form textarea { height:120px; }

#accordionExample .title { margin:35px 0 20px; }
#accordionExample .panel-title { cursor:pointer; font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-size:14px; text-transform:none; margin:0; background:none; padding:15px; border-top:2px solid #eee; display:block; color:#555; padding-left:30px; position:relative; }
#accordionExample .panel-title.active { color:#000; }
#accordionExample .panel-content { padding:1px 5px 15px 30px; }
#accordionExample .panel-title[aria-expanded="true"] { color:#000; }
#accordionExample .panel-title[aria-expanded="false"]:before { content:"\e61a"; font-family:'themify'; display:inline-block; position:absolute; left:5px; font-size:14px; }
#accordionExample .panel-title[aria-expanded="true"]:before { content:"\e622"; font-family:'themify'; display:inline-block; position:absolute; left:5px; font-size:14px; }

.lookbook-template .page.section-header { margin-bottom:0; }
.lookbook:before, .lookbook:after { content:''; clear:both; display:block; }
.lookbook .grid-lookbook, .lookbook .grid-sizer { float:left; }
.lookbook .grid-lookbook > img { width:100%; }
.lookbook .caption { -webkit-transition-duration:0.5s; transition-duration:0.5s; position:absolute; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; text-align:center; top:50%; z-index:9; }
.lookbook .overlay { z-index:222; position:absolute; content:" "; height:100%; width:100%; top:0; left:0; background:#000; opacity:0.2; visibility:visible; }
.lookbook h2, .lookbook .h2 { color:#fff; font-size:22px; letter-spacing:0.03em; transition-duration:0.5s; -webkit-transition-duration:0.5s; margin-bottom:-20px; }
.lookbook .btn { color:#fff; transition-duration:0.3s; -webkit-transition-duration:0.3s; opacity:0; visibility:hidden; margin-top:-20px; position:relative; z-index:555; padding:10px 60px; }
.lookbook > div:hover .btn { opacity:1; visibility:visible; }
.lookbook > div:hover { transition-duration:0.5s; -webkit-transition-duration:0.5s; } 
.lookbook > div:hover .overlay { opacity:0.1; }
.grid:after { content:''; display:block; clear:both; }
.grid-sizer, .grid-item { width:50%; }
@media (max-width: 575px) {
  .grid-sizer, .grid-item { width:100%; }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-sizer, .grid-item { width:50%; }
}
.grid-item { float:left; }
.grid-item img { display:block; max-width:100%; }

.empty-page-content { padding:140px 0; }
.empty-page-content .btn { color:#fff; }

.site-header__logo-image { margin-bottom:10px; display:block; }
.template-password .shopify-section { height:100vh; }
.password-table { display:table; height:100%; width:100%; }
.password-cell { width:50%; display:table-cell; vertical-align:middle; text-align:center; position:relative; }
.password-page { background:none !important; display:table; height:100%; width:100%; color:#555; background-color:#fff; background-size:cover; }
.password-table .password-cell { background:url(../images/coming-soon.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
.password-header { position:absolute; right:0; }
.password-main { width:100%; height:100%; margin:0 auto; display:table; vertical-align:middle; }
.password-main__inner { display:table-cell; vertical-align: middle; padding:15px 30px; }
.password__title { margin-bottom:30px; }
.password__input-group { max-width:340px; margin:0 auto 30px; }
.password-cell .input-group { position:relative; display:table; width:100%; border-collapse:separate; height:40px; }
.password-cell .input-group__field { width:100%; border-right:0; border-radius:3px 0 0 3px; }
.password-cell .input-group__btn .btn { border-radius:0 3px 3px 0; white-space:nowrap; }
.password-cell .input-group__field, .password-cell .input-group__btn { display:table-cell; vertical-align:middle; margin:0; }
.password-cell .input-group__btn { white-space:nowrap; width:1%; }

.template-blog .bredcrumbWrap { border:0; }


.article_featured-image { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center; min-height:140px; }
.article_featured-image img { margin-bottom:20px; }
.publish-detail { margin:0 0 10px 0; }
.publish-detail li { list-style:none; display:inline-block; margin-right:10px; }
.blog--list-view .article { margin-bottom:20px; }

.featured-content .list-items { margin-left:10px; }

#comment_form { padding:20px; border:1px solid #e8e9eb; background:#f5f5f5; margin-top:40px; }
#comment_form input[type="text"], #comment_form input[type="email"], #comment_form textarea { background:#fff; }
.blog-nav { margin-top:20px; } 
.blog-nav .icon { vertical-align:middle; padding-right:4px; }
.blog-nav .text-right .icon { padding-left:4px; }

.tags-clouds li { display:inline-block; margin-bottom:6px; margin-right:6px; }
.tags-clouds li a { color:#000000; display:block; border:1px solid #ddd; padding:5px 9px !important; text-transform:uppercase; }
.tags-clouds li a:hover { background-color:#efefef; }

.loadmore-post { text-align:center; }
.blog--grid-load-more .article { display:none; border-bottom:1px solid #ddd; padding:0 0 30px; margin-bottom:30px; }

.error-page .empty-page-content h1 { font-size:60px; text-transform:uppercase; font-weight:bold; }

.compare-page .table { border:1px solid #ddd; }
.compare-page .table th { background-color:#efefef; vertical-align:middle; }
.compare-page .table td { border:1px solid #ddd; vertical-align:middle; }
.compare-page .table .remove-compare { border:0; cursor:pointer; }
.compare-page .table .remove-compare:hover { color:#000000; }
.compare-page .table .featured-image { max-width:200px; margin-bottom:10px; }
.compare-page .table .product-price.product_price { margin-bottom:10px; display:block; }
.compare-page .table .available-stock p { color:#090; text-transform:uppercase; }

.compare-page2 .table .remove-compare { float:right; width:100%; text-align:right; }
.compare-page2 .table .grid-link__title { margin-bottom:10px; }

/* Wishlist -------------------------------*/
.wishlist-table .table-bordered, .wishlist-table .table-bordered td, .wishlist-table .table-bordered th { vertical-align:middle; white-space: nowrap; }
.wishlist-table .table-bordered th { text-transform:uppercase; }
.wishlist-table .product-thumbnail img { max-width:100px; }
.wishlist-table .product-subtotal .btn { white-space:nowrap; }
/* End Wishlist --------------------------*/

/* Checkout Page ------------------------------------------------*/
.customer-box h3 { color:#fff; font-size:17px;  font-weight:400; line-height:normal; margin:0; padding:15px; text-transform:uppercase; background-color:#000; }
.customer-box h3 i { margin-right:5px; }
.customer-box h3 a { font-weight:700; text-decoration:none; }
.billing-fields { margin-bottom:30px; }
.order-table .table thead th { background-color:#fff; font-size:13px; padding:8px 5px 5px; border-bottom:1px solid #ddd; }
.order-table .table td { font-size:13px; padding:8px 5px 5px; }
.card { border-radius:0; margin-bottom:10px; }
.card-header { position:relative; padding:6px 15px; }
.card-header:before{ content:"\f078"; font-family:'FontAwesome'; font-size:13px; position:absolute; right:10px; top:9px; color:#555; }
.payment-accordion .card .card-header { background-color:#fff; }
.payment-accordion .card .card-header a { display:block; font-size:16px; font-weight:500; text-transform:uppercase; }
.order-button-payment .btn { font-size:18px; font-size:700; padding: 10px 20px; }
.customer-box .discount-coupon, .customer-box .customer-info { background-color:#f7f7f7; padding:20px; }
.create-ac-content, .your-order-payment { border:1px solid #ddd; padding:20px; }
.create-ac-content .form-check { margin-left:15px; }
.customer-box input[type="email"], .customer-box input[type="text"], .customer-box input[type="password"] { background-color:#fff; }
.order-button-payment { margin-top:30px; }
/* End Checkout Page ------------------------------------------*/

/*Collection Page ---------------------------------------------*/
.collection-box .colletion-item { position:relative; overflow:hidden; margin-bottom:30px; }
.collection-box a { display:block; }
.collection-box a img { display:block; transition:transform .5s ease; -webkit-transition:transform .5s ease; -ms-transition:transform .5s ease; }
.collection-box .colletion-item:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); }
.collection-box .title { font-size:14px; text-align:center; position:absolute; bottom:45px; left:0; right:0; }
.collection-box .title span { display:inline-block; margin:0 auto; text-transform:uppercase; background-color:#ffffff; padding:5px 10px; }
/* End Collection Page ---------------------------------------*/

/*======================================================================
  24. Cart Pages
========================================================================*/
/* Typography */
h1, h2 {
    color: #333;
}


.cart-summary {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #fefefe; /* Light border for contrast */
   
   
    background-color: #ffffff; /* White background for contrast */
}





/* Table Styles */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table th, table td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

table th {
    background-color: #f2f2f2;
    color: #333;
}

.total-amount {
    font-weight: bold;
    font-size: 1.2em;
}


.form-row {
    display: flex;
    justify-content: space-between;
}

.form-group {
    flex: 1;
    margin-right: 10px;
}

.form-group:last-child {
    margin-right: 0;
}

label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

input[type="text"], 
input[type="email"], 
input[type="tel"], 
select, 
textarea {
    width: 100%;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

textarea {
    resize: none;
}

/* Mini Cart Popup */
.mini-cart-popup {
    position: fixed;
    top: 100px;
    right: 10px;
    width: 380px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
    z-index: 1000;
    display: none;
    transition: all 0.3s ease;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Mini Cart Header */
.mini-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #0096D6;
    color: #fff;
    padding: 10px;
    border-radius: 8px 8px 0 0;
}

.mini-cart-header h2 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.close-btn {
    cursor: pointer;
    font-size: 18px;
    transition: color 0.3s ease;
}

.close-btn:hover {
    color: #ff3b3b;
}

/* Mini Cart Body */
.mini-cart-body {
    max-height: 280px;
    overflow-y: auto;
    padding: 15px;
    background-color: #fff;
}

.mini-cart-body table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.mini-cart-body td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

/* Buttons */
.quantity-btn, .remove-btn {
    padding: 6px 12px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    background-color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.quantity-btn:hover {
    background-color: #f0f0f0;
    color: #333;
}

.remove-btn {
    float: right;
    margin-left: 10px;
    color: #000; /* Default color */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

.remove-btn:hover {
    background-color: #d32f2f; /* Background color on hover */
    color: #fff; /* Change text color to white on hover */
}

/* Mini Cart Footer */
.mini-cart-footer {
    padding: 15px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    text-align: center;
}

.mini-cart-footer p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.clear-btn, .checkout-btn {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.checkout-btn {
    background-color: #009DDD; /* Original background color */
    color: #fff;
}

.checkout-btn:hover {
    background-color: #009DDD; /* Darker shade for hover effect */
}

/* Responsive Styles */
@media (max-width: 768px) {
    .mini-cart-popup {
        width: 90%;
        right: 5%;
        top: 80px;
    }

    .mini-cart-body td {
        padding: 8px;
        font-size: 12px;
    }

    .quantity-btn, .remove-btn {
        padding: 5px 8px;
        font-size: 12px;
    }

    .mini-cart-footer p {
        font-size: 16px;
    }

    .clear-btn, .checkout-btn {
        font-size: 14px;
        padding: 10px;
    }
}

@media (min-width: 1200px) {
    .mini-cart-popup {
        right: 30px;
        top: 120px;
        width: 420px;
    }

    .mini-cart-header h2 {
        font-size: 15px;
    }

    .mini-cart-body td {
        padding: 12px;
    }
}



/*======================================================================
  27. Image Banners
========================================================================*/
.section.imgBanners { padding-top:8px; padding-bottom:20px; }
.imgBnrOuter .inner img { display:block; width:100%; }
.imgBnrOuter .inner * { -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.imgBnrOuter .inner a, .imgBnrOuter .inner a:hover { opacity:1; }
.imgBnrOuter .inner .ttl { line-height:25px; color:#000000; font-size:17px; display:inline-block; padding:10px 20px; max-width:80%; position:absolute; background-color:rgba(255,255,255,0.8); }
.imgBnrOuter .inner:hover .ttl { background-color:#fff; }
.imgBnrOuter .inner .ttl h3 { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-weight:700; font-size:21px; }
.imgBnrOuter .inner .ttl h5 { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-weight:700; font-size:16px; }
.imgBnrOuter .inner.center .ttl { left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.imgBnrOuter .inner.btmright .ttl { right:20px; bottom:20px; text-align:right; }
.imgBnrOuter .inner.topleft .ttl { left:20px; top:20px; text-align:left; }
.imgBnrOuter .inner.topright .ttl { right:20px; top:20px; text-align:right; }
.imgBnrOuter .inner { position:relative; overflow:hidden; }
.imgBnrOuter .inner:hover img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
.imgBnrOuter .inner.btmleft .ttl { left:20px; bottom:20px; text-align:left; }
.imgBnrOuter .img-bnr { text-align:center; padding:10px; }
 
.custom-content-style1 .mb-4 { margin-bottom:30px !important; }
.custom-content-style1 .h3 { font-size:16px; line-height:normal; line-height:24px; text-transform:uppercase; }

/*---------------------------------------
  Home - Farshah Store  ---------------
  ---------------------------------------*/
body.home8-jewellery { font-size:14px; }
.home8-jewellery .section-header h2, .home8-jewellery .section-header .h2 { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-size:20px; font-weight:400;letter-spacing:0.03em; }
.home8-jewellery-top { background:#141414; color:#fff; }
.home8-jewellery-top p, .home8-jewellery-top a, .home8-jewellery-top select, .home8-jewellery-top .fa, .home8-jewellery-top span.selected-currency { color:#fff; }


.home8-jewellery #AccessibleNav.belowlogo { border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; }
.home8-jewellery #siteNav.medium > li a { font-weight:400; }

.home8-jewellery .slideshow__text-content { margin-top:0; }
.home8-jewellery .slideshow .slideshow__title { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; color:#000; font-size:40px; }
.home8-jewellery .slideshow .slideshow__subtitle { color:#000; font-size:16px; line-height:normal; text-transform:none; }

.home8-jewellery .variants.add button, .home8-jewellery a.quick-view, .home8-jewellery a.wishlist, .home8-jewellery .cartIcon,
.home8-jewellery .add-to-compare { color:#fff; background-color:#000; }
.home8-jewellery .variants.add button:hover, .home15-funiture-template a.quick-view:hover, .home15-funiture-template a.wishlist:hover, .home15-funiture-template .cartIcon:hover, .home15-funiture-template .add-to-compare:hover { color:#000; background-color:#fff; }

.home-lookbook .custom-text { max-width:800px; margin:0 auto; font-size:14px; }
.home8-jewellery .store-info .anm { margin-right:15px; font-size:40px; vertical-align:middle; display:block; margin-bottom:20px; }
.home8-jewellery .anm, .home8-jewellery .mfp-container::before, .home8-jewellery .mfp-content { vertical-align:middle; }

.home8-jewellery .imgBnrOuter .inner .ttl { font-size:16px; background-color:rgba(255,255,255,0.8); }
.home8-jewellery .collection-box-style1 a img { width:100%; }
.home8-jewellery .hero .text-medium .mega-title { font-family:Poppins,Helvetica,Tahoma,Arial,sans-serif; font-weight:600; }
.home8-jewellery .hero { margin:35px 0; }
.home8-jewellery #instafeed.imlow_resolution .insta-img { width:12.5%; }

.home8-jewellery .site-footer { background:#000; }
@media (min-width: 999px) {
.home8-jewellery .footer-3 .col-md-3.col-lg-3 { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
}
.home8-jewellery .social-icons .icon { color:#fff; }



/*********************************
5.1 New Arrivals Sorting
*********************************/


.grid_sorting_button.view-all .view-all-link {
    color: #000; /* Black color for the link */
    text-decoration: none; /* Remove underline from the link */
    transition: color 0.3s ease; /* Smooth transition for text color */
}

.grid_sorting_button.view-all:hover .view-all-link {
    color: #fff; /* White text on hover */
    text-decoration: none; /* Keep text decoration unchanged */
}

.grid_sorting_button:hover {
    background-color: #0056b3; /* Darker background color on hover */
}

.new_arrivals_sorting
{
	display: inline-block;
	border-radius: 3px;
	margin-top: 9px;
	overflow: visible;
}
.grid_sorting_button
{
	height: 40px;
	min-width: 102px;
	padding-left: 25px;
	padding-right: 25px;
	cursor: pointer;
	border: solid 1px #ebebeb;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	background: #FFFFFF;
	border-radius: 3px;
	margin: 0;
	float: left;
	margin-left: -1px;
}
.grid_sorting_button:first-child
{
	margin-left: 0px;
}
.grid_sorting_button:last-child
{

}
.grid_sorting_button.active:hover
{
	background: #FE7C7F !important;
}
.grid_sorting_button.active
{
	color: #FFFFFF;
	background: #fe4c50;
}
/*=========================================================
	10 -> NEWSLETTER
===========================================================*/


#newsletter.section {
  border-top: 2px solid #E4E7ED;
  border-bottom: 3px solid #009DDD;
  margin-top: 30px;
}

.newsletter {
  text-align: center;
}

.newsletter p {
  font-size: 24px;
}

.newsletter form {
  position: relative;
  max-width: 520px;
  margin: 30px auto;
}

.newsletter form:after {
  content: "\f003";
  font-family: FontAwesome;
  position: absolute;
  font-size: 160px;
  color: #E4E7ED;
  top: 15px;
  -webkit-transform: translateY(-50%) rotate(15deg);
  -ms-transform: translateY(-50%) rotate(15deg);
  transform: translateY(-50%) rotate(15deg);
  z-index: -1;
  left: -90px;
}

.newsletter form .input {
  width: calc(100% - 160px);
  margin-right: -4px;
  border-radius: 40px 0px 0px 40px;
}

.newsletter form .newsletter-btn {
  width: 160px;
  height: 40px;
  font-weight: 700;
  background: #009DDD;
  color: #FFF;
  border: none;
  border-radius: 0px 40px 40px 0px;
}

.newsletter .newsletter-follow {
  text-align: center;
}

.newsletter .newsletter-follow li {
  display: inline-block;
  margin-right: 5px;
}

.newsletter .newsletter-follow li:last-child {
  margin-right: 0px;
}

.newsletter .newsletter-follow li a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.newsletter .newsletter-follow li a:hover, .newsletter .newsletter-follow li a:focus {
  background-color: #E4E7ED;
  color: #009DDD;
}




/*======================================================================
  33. Footer
========================================================================*/  
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

footer {
    margin: 0;
    padding: 0;
}

.footer-section {
    padding: 16px 0;
    background: #ffffff;
    position: relative;
}

.footer-section a {
    text-decoration: none;
    color: #2f2f2f;
    transition: 0.3s all ease;
}

.footer-section a:hover {
    color: rgba(47, 47, 47, 0.5);
}

.footer-logo-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.subscription-form {
    margin-top: 60px;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

@media (min-width: 992px) {
    .subscription-form {
        margin-top: 0;
        margin-bottom: 80px;
    }
}

.subscription-form h3 {
    font-size: 18px;
    font-weight: 500;
    color: #3b5d50;
}

.subscription-form .form-control {
    height: 50px;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    transition: box-shadow 0.3s ease;
}

.subscription-form .form-control:focus {
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    border-color: #3b5d50;
}

.subscription-form .form-control::placeholder {
    font-size: 14px;
}

.subscription-form .btn {
    border-radius: 10px !important;
}

.custom-social {
    margin-top: 10px;
}

.custom-social li {
    display: inline-block;
    margin: 2px;
}

.custom-social li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #dce5e4;
    color: #3b5d50;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.custom-social li a:hover {
    background: #009DDD;
    color: #fff;
}

.links-wrap {
    margin-top: 20px;
    padding: 0;
}

@media (min-width: 992px) {
    .links-wrap {
        margin-top: 54px;
    }
}

.links-wrap ul {
    list-style: none;
    padding: 0;
}

.links-wrap ul li {
    margin-bottom: 10px;
}

.border-top {
    border-color: #dce5e4;
}

.border-top.copyright {
    padding: 15px 0;
    font-size: 14px !important;
    text-align: center;
}

.sofa-img {
    position: absolute;
    top: -200px;
    right: 0;
    z-index: 1;
}

.sofa-img img {
    max-width: 380px;
}

.untree_co-section {
    padding: 7rem 0;
}

/* Mobile Responsive Styles */
@media (max-width: 576px) {
    .footer-section {
        padding: 40px 0;
    }

    .subscription-form {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .footer-logo {
        font-size: 14px;
    }

    .footer-logo span {
        font-size: 18px;
    }
}

/*********************************
8. Benefit
*********************************/

.benefit
{
	margin-top: 40px;
}
.benefit_row
{
	padding-left: 15px;
	padding-right: 15px;
}
.benefit_col
{
	padding-left: 25px;
	padding-right: 20px;
}

.benefit_item
{
	height: 100px;
	background: #f3f3f3;
	border-right: solid 1px #FFFFFF;
	padding-left: 25px;
}
.benefit_col:last-child .benefit_item
{
	border-right: none;
}
.benefit_icon i
{
	font-size: 30px;
	color: #fe4c50;
}
.benefit_content
{
	padding-left: 22px;
}
.benefit_content h6
{
	text-transform: uppercase;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 0px;
}
.benefit_content p
{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0px;
	color: #51545f;
}

/*********************************
9. Blogs
*********************************/

.blogs
{
	margin-top: 72px;
}
.blogs_container
{
	margin-top: 53px;
}
.blog_item
{
	height: 255px;
	width: 100%;
}
.blog_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.blog_content
{
	position: absolute;
	top: 30px;
	left: 30px;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	background: rgba(255,255,255,0.9);
	padding-left: 10px;
	padding-right: 10px;
	visibility: hidden;
	opacity: 0;
	transform-origin: center center;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.blog_item:hover .blog_content
{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
.blog_title
{
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 0px;
}
.blog_meta
{
	font-size: 12px;
	line-height: 30px;
	font-weight: 400;
	text-transform: uppercase;
	color: #51545f;
	margin-bottom: 0px;
	margin-top: 3px;
	letter-spacing: 1px;
}
.blog_more
{
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #fe4c50;
	border-bottom: solid 1px #fe4c50;
	margin-top: 12px;
}
.blog_more:hover
{
	color: #FE7C7F;
}

/*---------------------------------------
  End Footer ----------------------------
  ---------------------------------------*/

/* Scroll Top Styles */

#scroll-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 14px;
  text-decoration: none;
  z-index: 998;
  opacity: 0;
  transition: opacity 0.5s;
}

#scroll-top:hover {
  background-color: #444;
}

#scroll-top.show {
  opacity: 1;
}


/* End Scroll Top Styles */


.blur-up.lazyloaded { -webkit-filter:blur(0); filter:blur(0); }
.blur-up { -webkit-filter:blur(5px); filter:blur(5px); transition:filter 400ms, -webkit-filter 400ms; -webkit-transition:filter 400ms, -webkit-filter 400ms; }