@charset "UTF-8";
/*-------------------- TABLE OF CONTENTS --------------- */
/*-------------------- 1.    GENERAL STYLES ------------------- */
/*-------------------- 2.    HEADERS ------------------- */
/*-------------------- 2.1   Menu ------------------- */
/*-------------------- 2.2   Vertical Menu ------------------- */
/*-------------------- 2.3   Sticky Header ------------------- */
/*-------------------- 2.4   Mobile Menu ------------------- */
/*-------------------- 3.    FOOTERS ------------------- */
/*-------------------- 4.    ELEMENTS ------------------- */
/*-------------------- 4.1.  Page Header --------------------*/
/*-------------------- 4.2.  BreadCrumbs --------------------*/
/*-------------------- 4.3.  Titles --------------------*/
/*-------------------- 4.4.  Icon boxes --------------------*/
/*-------------------- 4.5.  Cards --------------------*/
/*-------------------- 4.6.  Tabs --------------------*/
/*-------------------- 4.7.  Buttons --------------------*/
/*-------------------- 4.8.  Products --------------------*/
/*-------------------- 4.9.  Banners --------------------*/
/*-------------------- 4.10. Banners Video --------------------*/
/*-------------------- 4.11. Banners Category --------------------*/
/*-------------------- 4.12. Social Icons --------------------*/
/*-------------------- 4.13. Testimonials --------------------*/
/*-------------------- 4.14. Forms --------------------*/
/*-------------------- 4.15. Call to Actions --------------------*/
/*-------------------- 4.16. Tables --------------------*/
/*-------------------- 4.17. Counters --------------------*/
/*-------------------- 4.18. Pagination --------------------*/
/*-------------------- 4.19. Modals --------------------*/
/*-------------------- 4.20. Alerts --------------------*/
/*-------------------- 4.21. Instagram Feeds --------------------*/
/*-------------------- 4.22. Elements List --------------------*/
/*-------------------- 4.23. Overlay --------------------*/
/*-------------------- 4.24. Countdown --------------------*/
/*-------------------- 4.25. LightBox --------------------*/
/*-------------------- 4.26. Slider --------------------*/
/*-------------------- 4.27. Toast --------------------*/
/*-------------------- 4.28. Skeleton --------------------*/
/*-------------------- 4.29. Animations --------------------*/
/*-------------------- 4.30. LazyImageLoad --------------------*/
/*-------------------- 5.    PAGES --------------------*/
/*-------------------- 5.1.  Home --------------------*/
/*-------------------- 5.2.  Category --------------------*/
/*-------------------- 5.3.  Product Pages --------------------*/
/*-------------------- 5.4.  Blog --------------------*/
/*-------------------- 5.5.  Single/Blog Post --------------------*/
/*-------------------- 5.6.  Portfolio --------------------*/
/*-------------------- 5.7.  About --------------------*/
/*-------------------- 5.8.  About 2 --------------------*/
/*-------------------- 5.9.  Contact --------------------*/
/*-------------------- 5.10. Contact 2 --------------------*/
/*-------------------- 5.11. Login --------------------*/
/*-------------------- 5.12. Category Banner Page --------------------*/
/*-------------------- 5.13. Checkout --------------------*/
/*-------------------- 5.14. Wishlist --------------------*/
/*-------------------- 5.15. Cart --------------------*/
/*-------------------- 5.16. Dashboard --------------------*/
/*-------------------- 5.17. 404 --------------------*/
/*-------------------- 5.18. Coming Soon --------------------*/
/*-------------------- 6.   SPACING & HELPERS    --------------------*/
/*-------------------- 7.   FONT ICONS   --------------------*/
/*-------------------- 8.   HomePage    --------------------*/
/*-------------------- END of TABLE OF CONTENTS  ---------- */
/* Main CSS File */
/*-------------------- 1.General Styles ---------- */

::-moz-selection {
  color: #fff;
  background-color: #a6c76c;
}

::selection {
  color: #fff;
  background-color: #a6c76c;
}

/* Animation for lazyload */
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Animation for Skeleton Loading */
@keyframes skeletonloading {
  to {
    background-position: 400% 0;
  }
}
/* Type */
/* Layout */
/* Extend grid - 1600px */
/*-------------------- 2.Headers --------------------*/
/* Header */

/* Header Search */
/* Header 2 */
/*-------------------- 2.1.Menu --------------------*/

/* Menu Structure */

/* Menu Style */

/* Menu Hover Style */

/* Demos */

/* Label - Tip */
/* Header Bottom  - Menu position in header-bottom */
/*-------------------- 2.2.Vertical Menu --------------------*/
/* Vertical Menu */

/*-------------------- 2.3.Sticky Header --------------------*/
/* Sticky Header */
@keyframes fixedHeader {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*-------------------- 2.4.Mobiel Menu --------------------*/
/* Mobile Menu */
/* Mobile Menu Light */

/*-------------------- 3.Footer --------------------*/
/* Footer */

/* Scroll Top Button */
/* Footer 2 */
/*-------------------- 4.Elements --------------------*/
/*-------------------- 4.1.Page Header --------------------*/
/* Page Header */
/*-------------------- 4.2.BreadCrumbs --------------------*/
/* Breadcrumb */
/*-------------------- 4.3.Titles --------------------*/
/* Titles */
/*-------------------- 4.4.Icon boxes --------------------*/
/* Icon boxes */

/* Icon Box Card */

/* Icon Boxes */
/*-------------------- 4.5.Cards --------------------*/
/*-------------------- 4.6.Tabs --------------------*/
/* Tabs */

/* Nav Pills - Line Tabs */

/* Vertical Tabs */

/* Tab content product - with carouse */

/* for react tabs */
/*-------------------- 4.7.Buttons --------------------*/
/* Buttons */
/*-------------------- 4.8.Products --------------------*/
/* Product */

/* Product 2 */

/* Product 3 */

/* Product 4 */

/* Product 5 */

/* Product 6 */

/* Product 7 */

/* Product 8 */

/* Product 9 */

/* Product 10 */

/* Product 11 */

/* Product List */

/* Products Small */
/*-------------------- 4.9.Banners --------------------*/
/* Banners */
/*-------------------- 4.10.Banners Video --------------------*/
/* Banners Videos */
/*-------------------- 4.11.Banners Category --------------------*/
/* Banners Category */

/*-------------------- 4.12.Social Icons --------------------*/
/* Social Icons */

/*-------------------- 4.13.Testimonials --------------------*/
/* Testimonials */

/*-------------------- 4.14.Forms --------------------*/
/* Inputs */
/*-------------------- 4.15.Call to Actions --------------------*/
/* Call to Actions */
/*-------------------- 4.16.Tables --------------------*/
/* Tables */

/*-------------------- 4.17. Counters --------------------*/
/* Counters */

/*-------------------- 4.18.Pagination --------------------*/
/* Pagination */
/*-------------------- 4.19.Modals --------------------*/
/* Modals */

/*-------------------- 4.20.Alerts --------------------*/
/* Alerts */

/*-------------------- 4.21.Instagram Feeds --------------------*/
/* Instagram Feed */

/*-------------------- 4.22.Elements list --------------------*/
/* Lists */
/*-------------------- 4.23.Overlay --------------------*/

/*-------------------- 4.24.Countdown --------------------*/

/*-------------------- 4.25.LightBox --------------------*/
@keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes pointFade {
  0%, 19.999%, 100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

/*-------------------- 4.26.Slider --------------------*/

/*-------------------- 4.27.Toast --------------------*/
/*-------------------- 4.28.Skeleton --------------------*/
@keyframes skeletonloading {
  from {
    transform: skewX(-45deg) translateX(-80%);
  }
  to {
    transform: skewX(-45deg) translateX(80%);
  }
}

/*-------------------- 4.29.Animations --------------------*/
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes product-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fixedFooter {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform-origin: 50% 50%;
  }
  to {
    opacity: 1;
    transform-origin: 50% 50%;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
    transform-origin: 50% 50%;
  }
  to {
    opacity: 0;
    transform-origin: 50% 50%;
  }
}
@keyframes showMsg {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/*-------------------- 4.30.Lazy --------------------*/

/*-------------------- 4.31.Grid --------------------*/

/*-------------------- 5.Pages --------------------*/
/*-------------------- 5.1.Home --------------------*/
/*  Index.html - Home page */
/*-------------------- 5.2.Category --------------------*/
/* Category */
/*-------------------- 5.3.Product Pages --------------------*/

/* Important for image zoom in carousel */

/* Product Centered */

/* Product Extended */

/* Product Gallery */

/* Sticky Info */

/* With Sidebar */

/* Sticky bar */
/*-------------------- 5.4.Blog --------------------*/

/* Entry Grid */

/* Masonry */

/* Entry list */

/* Entry Overlay */
/*-------------------- 5.5.Single/Blog Post --------------------*/
/* Single Entry - Post */

/* Fullwidth */
/*-------------------- 5.6.Portfolio --------------------*/
/* Portfolio */
/*-------------------- 5.7.About --------------------*/
/* About us */

@keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeOutUpShort {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}
/*-------------------- 5.8.About 2 --------------------*/
/* About us 2 */

/*-------------------- 5.9.Contact --------------------*/
/* Contact us */
/*-------------------- 5.10.Contact 2 --------------------*/
/* Contact us 2 */

/*-------------------- 5.11.Login --------------------*/
/* Login */
/*-------------------- 5.12.Category Banner Page --------------------*/
/* Category banner page  */
/*-------------------- 5.13.Checkout --------------------*/
/* Checkout */
/*-------------------- 5.14.Wishlist --------------------*/
/* Wishlist */
/*-------------------- 5.15.Cart --------------------*/
/* Shopping Cart */

/*-------------------- 5.16.Dashboard --------------------*/
/* Dashboard */

/*-------------------- 5.17.404 --------------------*/
/* 404 - Error */
/*-------------------- 5.18.Coming Soon --------------------*/
/* Coming Soon */
/*-------------------- 5.19.Category Market --------------------*/
/*-------------------- 6.Spacing + Helpers --------------------*/
/* Spacing */
/*-------------------- 7.Font Icons --------------------*/
/*-------------------- 8.HomePage --------------------*/
/* Skin structure */
::-moz-selection {
  background-color: #a6c76c;
}

::selection {
  background-color: #a6c76c;
}

/* Elements */

/* generated with mixins */

/* Footers */

/* Headers */

/* Menu */

/* Vertical Menu */

/* Header 4 */
/* Header 6 */

/* Header 10 */

/* Header 12 */

/* Header 13 */

/* Header 14 */

/* Pages */

:root {
  --primary-color: #ef837b;
  --dark-text: #333;
  --light-text: #777;
  --transition-duration: 0.35s;
}