:root {
    /* colors */
    --main-color: #00c700;
    /* fonssize */
    --fs-10: 10px;
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 22px;
    --fs-24: 24px;
    --fs-30: 30px;
    /* font weight */
    --font-bold: bold;
    --font-400: 400;
    --font-500: 500;
    --font-600: 600;
    --font-700: 700;
    --font-800: 800;
    /* border raduis */
    --br-4: 4px;
    --br-8: 8px;
    --br-16: 16px;
    /* z-index: */
    --zi-menus: -1;
    --zi-plus: 9999;
    /* border */
    --border-1: 1px solid;
    --border-2: 2px solid;
 }

 .a {
    color: var(--main-color);
 }

 @media (max-width: 575px) {
    .cookies-bar-container {
       max-width: 70% !important;
    }

    .cookies-bar {
       padding: 16px !important;
       max-width: 100% !important;
    }

    .cookies-bar span {
       font-size: 12px !important;
    }

    .cookies-bar button {
       margin-left: 0 !important
    }

    .cookies-bar button {
       font-size: 12px;
       max-width: 60px !important;
       height: 25px !important;
       line-height: 25px !important;
    }
 }

 .cookies-bar-container {
    position: absolute;
    bottom: 20px;
    max-width: 350px;
    width: 100%;
    background-color: black;
    z-index: 999999999;
    right: 15px;
    border-radius: 8px;
 }

 .cookies-bar {
    color: white;
    max-width: 340px;
    width: 100%;
    padding: 20px 30px;
 }

 .cookies-bar span {
    font-size: 16px;
    text-align: justify;
    display: block;
    font-family: 'sans-serif';
    color: #fff
 }

 .cookies-bar span a {
    color: #fff;
 }

 .cookies-bar button {
    background-color: white;
    color: black;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    max-width: 80px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-transform: uppercase;
    margin-top: 10px;
 }



 .slide-fade-out {
    animation: slideFadeOut 1s forwards;
 }

 @keyframes slideFadeOut {
    0% {
       opacity: 1;
       transform: translateY(0);
    }

    50% {
       opacity: 0.5;
       transform: translateY(50px);
    }

    100% {
       opacity: 0;
       transform: translateY(100px);
    }
 }


/*
 @font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/webfonts/fa-solid-900.woff2)format('woff2');
    font-display: swap;
 }*/


 @font-face{
	font-family: 'Koulen-Regular';
   src:url('../fonts/Koulen-Regular.ttf') format('truetype');
}

@font-face{
	font-family: 'norwester';
   src:url('../fonts/norwester.otf') format('opentype');
}

@font-face{
	font-family: 'Lato-Regular';
   src:url('../fonts/Lato-Regular.ttf') format('truetype');
}

@font-face{
	font-family: 'Lato-Bold';
   src:url('../fonts/Lato-Bold.ttf') format('truetype');
}
@font-face{
	font-family: 'Lato-Italic';
   src:url('../fonts/Lato-Italic.ttf') format('truetype');
}
@font-face{
	font-family: 'Lato-Light';
   src:url('../fonts/Lato-Light.ttf') format('truetype');
}



/****************************  GENERAL CSS *******************************/
body{height: 100%;}



 *,
 ::after,
 ::before {
    box-sizing: border-box
 }

 html {
    font-family: 'sans-serif';
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
 }

 header {
    width: 100%;
    top: 0;
    z-index: 99 !important;
 }

 header #header-search {
    padding: 0;
 }

 header #header-top {
    height: 30px;
    background: #00c700;
    position: relative;
 }

 header #header-top p {
    color: #000;
    font-size: 0.91rem;
    line-height: 25px;
    margin-bottom: 0;font-family: 'Lato';font-size: 16px;letter-spacing: 3px;
 }

 header #header-top p a {
    color: #000;
 }

 header #header-middle {
    margin-top: 0;
    text-align: center;
    align-items: baseline;
    padding: 0 15px;background: black;
 }

 header #header-middle form {
    border: solid 2px #00c700;
    border-radius: 5px;
    height: 38px;
    max-width: 100%;
    position: relative;
    margin-top: 37px;
    width: 100%;
 }

 header #header-middle form input {
    border: none;
    color: #000;
    height: 36px;
    font-size: 0.85rem;
    padding-left: 10px;
    background: none;
    width: 100%;
    padding-left: 30px;
    background: #e9ecef;
 }

 header #header-middle form button {
    border: none;
    background: #00c700;
    height: 38px;
    width: 25px;
    position: absolute;
    left: 0;
    top: -1px;
    padding: 0;
    color: #ffffff;
    border-radius: -2px;
 }

 header #header-middle form button::after {
    display: none;
 }

 header #header-middle form button .fa-search {
    color: #fff;
 }

 header #header-logo a img {
    max-width: 277px;
    width: auto;
    height: auto;
    margin-top: 15px;
    margin-bottom: 05px;
 }

 header #header-icons {
    text-align: right;
    padding-top: 35px;
    padding-right: 0;
 }

 header #header-icons a.account {
    width: auto;
    height: auto;
    display: inline-block;
    font-size: 0.62rem;
    color: #231f20;
    text-align: center;
 }

 header #header-icons a.cart,header #header-icons a.wishlist {
    width: 27px;
    height: 26px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    position: relative;
 }

 header #header-icons a.cart span#spnCartCount,header #header-icons a.wishlist span#spnWishCount {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    color: #000;
    font-size: 10px;
    top: -5px;
    width: 16px;
    height: 15px;
    background: #fff;
    border-radius: 25px;
    line-height: 13px;
    padding-right: 0px !important;
 }
header #header-icons a.wishlist span#spnWishCount{top:-13px !important;}
 header #header-icons a.account svg {
    width: 25px;
    height: 25px;
 }

 header #header-icons a.account svg {
    fill: #00c700;
    margin-top: -2px;
 }

 header #header-icons a.account svg:hover {
    fill: #000;
 }

 header #header-icons a.account span {
    display: inline-block;
    font-size: 12px;
    width: auto;
    color: #fff;
 }

 header #header-icons a.cart svg {
    width: 25px;
    height: 25px;
    margin-top: 5px;
 }

 header #header-icons a.cart svg {
    fill: #00c700;
 }

 header #header-icons a.cart svg:hover {
    fill: #000;
 }

 header nav.navbar-nav {
    background-color: #000 !important;
    padding: 0;
 }

 header nav #navbarResponsive {
    max-width: 100%;
 }

 header nav #navbarResponsive ul {
    width: 100%;
 }

 header nav #navbarResponsive li {
    position: relative;
    list-style: none;
 }

 header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    padding: 3px 5px;font-family: 'Koulen';
 }

 header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link::after {
    width: 6px;
 }

 header nav #navbarResponsive .dropdown-menu .dropdown-submenu {
    background: #ffffff;
    padding: 0;
    border-radius: 5px;
 }

 header nav #navbarResponsive ul li.nav-item .dropdown-menu li {
    padding-left: 10px;
    padding-right: 10px;
 }

 header nav #navbarResponsive .dropdown-menu .dropdown-item {
    font-size: 0.85rem;
    border-bottom: solid 1px #f4f4f4;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    white-space: inherit;font-family: 'Koulen';
 }

 header nav #navbarResponsive .dropdown-menu .dropdown-submenu a {
    font-size: 0.85rem;
    padding-left: 10px;
 }

 header .navbar-toggler {
    background: #fff;
 }

 header .edit-icons {
    top: 0;
 }

 #index {
    padding: 0;
    overflow: hidden;background: black;
 }

 section#indexSlider .carousel-item img {
    width: 100%;
 }

 section#indexSlider .carousel-indicators button {
    width: 40px;
    height: 23px;
    background-size: 100% 100%;
    border: none;
    margin: 0 5px;
    background: none;
 }

 section#indexSlider .carousel-indicators button path {
    fill: #fff;
 }

 section#indexSlider .carousel-indicators button.active path {
    fill: #00c700;
 }

 section#indexSlider .carousel-indicators button.active {
    width: 40px;
    height: 23px;
    background-size: 100% 100%;
    border: none;
    background: none;
 }

 section#indexSlider .carousel-control-prev {
    background: transparent;
    border: none;
    text-indent: -9999px;
    z-index: 11;
 }

 section#indexSlider .carousel-control-next {
    background: transparent;
    border: none;
    text-indent: -9999px;
    z-index: 11;
 }

 .hover-zoom img,
 .hover-zoom video {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
 }

 .hover-zoom:hover img,
 .hover-zoom:hover video {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
 }

 #indexSlider .carousel-indicators {
    bottom: 17px;
 }

 section#indexSlider .carousel-inner .carousel-item .carousel-caption {
    top: 0;
    margin: auto;
    height: 200px;
    right: auto;
    left: 10%;
    text-align: left;
 }

 section#indexSlider .carousel-inner .carousel-item .carousel-caption h1 {
    font-size: 3.5rem;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;font-family: 'norwester';
 }

 section#indexSlider .carousel-inner .carousel-item .carousel-caption span {
    font-size: 1.56rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
 }

 section#indexSlider .carousel-inner .carousel-item .carousel-caption a {
    width: 168px;
    height: 40px;
    border-radius: 2px;
    color: #fff;
    font-size: 1.5rem;
    background: linear-gradient(to right, #ffffff 50%, #00c700 50%);
    transition: all 0.2s ease-out;
    background-position: right bottom;
    background-size: 200% 200%;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;font-family: 'Koulen';
 }

 section#indexSlider .carousel-inner .carousel-item .carousel-caption a:hover {
    background-position: left bottom;
    border-radius: 35px;
    border: solid 1px #000000;
    color: #00c700;
 }

 #indexminibanners div {
    overflow: hidden;
 }

 #indexminibanners div a {
    position: relative;
    display: inline-block;
    width: 100%;
 }

 #indexminibanners div a img {
    width: 100%;
 }

 #indexminibanners div span.new {
    position: absolute;
    clip-path: polygon(100% 0, 0 0, 0 100%);
    content: " ";
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: #b79c68;
    z-index: 99;
    display: none;
 }

 #indexminibanners div.mini-banners:hover span.new {
    display: none;
    transition: all 0.5s ease-in-out;
 }

 #indexminibanners div span.new span {
    color: #ffffff;
    font-size: 0.85rem;
    padding: 15px 10px 0 0;
    transform: rotate(-45deg);
    text-transform: uppercase;
    display: inline-block;
 }

 #indexminibanners div span.sale {
    position: absolute;
    clip-path: polygon(100% 100%, 100% 0, 0 100%);
    content: " ";
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    background: #b79c68;
    z-index: 99;
    display: none;
 }

 #indexminibanners div.mini-banners:hover span.sale {
    display: none;
    transition: all 0.5s ease-in-out;
 }

 #indexminibanners div span.sale span {
    color: #ffffff;
    font-size: 0.85rem;
    transform: rotate(-45deg);
    display: inline-block;
    text-transform: uppercase;
    margin: 45px 0px 0 38px;
 }

 #indexminibanners div .overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    margin: auto;
    height: max-content;
    visibility: visible;
    transition: all 0.2s ease-in-out;
 }

 #indexminibanners div:hover .overlay a {
    visibility: visible;
    top: 0
 }

 #indexminibanners div .overlay h2 {
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 2.06rem;
    font-weight: 500;
  font-family: 'Koulen';text-transform: uppercase;
 }

 #indexminibanners div .overlay h2 a {
    background: linear-gradient(to right, #ffffff 50%, #00c700 50%);
    transition: all 0.2s ease-out;
    background-position: right bottom;
    background-size: 200% 200%;
    width: 167px;
    height: 40px;
    display: block;
    margin: 20px auto 0;
    color: #ffffff;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 40px;
    text-decoration: none;
    visibility: hidden;
    top: 49px;
   text-transform: uppercase;
  font-family: 'Koulen';
 }

 #indexminibanners div .overlay h2 a:hover {
    background-position: left bottom;
    border-radius: 35px;
    border: solid 1px #000000;
    color: #000000;
 }

 #index #productslider {
    margin: 60px 0 30px 0;
 }

 #index #productslider .heading {
    border-bottom: 1px solid #eee;
    margin: 0 0 55px 0;
 }

 #index #productslider .heading p {
    display: block;
    font-size: 50px;
    color: #a27f27;
    text-transform: uppercase;
    text-align: center;
    margin: 1.5% auto;
    position: absolute;
    left: 0;
    top: -57px;
    right: 0;
    background: #fff;
    width: 335px;
 }

 #index #productslider .row {
    margin: 0px;
 }

 #index #productslider .container-fluid {
    max-width: 100%;
 }

 #index #productslider .productListing {
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 5px 10px #00000047;
    background: #fff;
 }

 #index #productslider .productListing .brand {
    height: 35px;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
    width: 93%;
    text-transform: uppercase !important;
    font-size: 17px !important;
    color: #b7b7b7;
 }

 #index #productslider .productListing .name {
    overflow: hidden;
    padding: 0 5px 0 5px;
    text-align: center;
    width: 93%;
    font-weight: normal;
    text-transform: capitalize;
    height: 65px;
    font-size: 15px;
    color: #000000;
 }

 #index #productslider .productListing .pricing .salePrice {
    color: #a27f27;
    text-align: center;
    width: 93%;
    font-size: 17px;
 }

 section#featuredproducts {
    margin-top: 50px;
    margin-bottom: 30px;
    position: relative;
 }

 section#featuredproducts h2 {
    padding-bottom: 30px;
    color: #00c700;
    font-size: 2.06rem;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
 }

 section#featuredproducts ul {
    position: unset;
    padding-bottom: 50px;
 }

 section#featuredproducts ul li a {
    text-decoration: none;
    color: inherit;
    padding: 20px;
 }

 section#featuredproducts .slider-product-price {
    font-weight: bold;
 }

 section#featuredproducts ul li span {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    text-transform: uppercase;
 }

 section#featuredproducts ul li .slider-product-name {
    margin-top: 10px;
    height: auto;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    white-space: pre-wrap;
 }

 section#featuredproducts ul li .slider-product-brand {
    font-weight: 500;
    margin-top: 10px;
 }

 section#featuredproducts ul li .slider-product-image {
    height: 220px;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
 }

 section#featuredproducts ul li .slider-product-image img {
    max-height: 240px;
    width: auto;
 }

 section#featuredproducts ul li span.price {
    color: #9f9f9f;
    margin-top: 7px;
 }

 section#featuredproducts .owl-theme .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 15px;
 }

 section#featuredproducts .owl-theme .owl-nav .owl-prev {
    background: url("/images/slider-arrow-left.png") 0 0 no-repeat;
    width: 28px;
    height: 26px;
    background-size: 100% 100%;
    border: none;
    position: unset;
 }

 section#featuredproducts .owl-theme .owl-nav .owl-prev i {
    display: none;
 }

 section#featuredproducts .owl-theme .owl-nav .owl-prev span {
    display: none;
 }

 section#featuredproducts .owl-theme .owl-nav .owl-next {
    background: url("/images/slider-arrow-right.png") 0 0 no-repeat;
    width: 28px;
    height: 26px;
    background-size: 100% 100%;
    border: none;
    position: unset;
 }

 section#featuredproducts .owl-theme .owl-nav .owl-next i {
    display: none;
 }

 section#featuredproducts .owl-theme .owl-nav .owl-next span {
    display: none;
 }

 section#featuredproducts ul li img {
    max-width: 100%;
    max-height: 220px;
    object-fit: cover;
 }

 section#featuredproducts #product {
    max-width: 90%;
    margin: auto;
 }

 section#indexWelcome {
    margin-top: 30px;
    margin-bottom: 50px;
 }

 section#indexWelcome .img-container img {
    width: 100%;
 }

 section#indexWelcome .row:nth-child(1) {
    margin-bottom: 30px;
 }

 section#indexWelcome .text-container h2 {
    font-size: 2.06rem;
    color: #00c700;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 15px;
 }

 section#indexWelcome .text-container p {
    font-size: 1rem;
    color: #000;
    line-height: 30px;
    margin-bottom: 25px;
 }

 section#indexWelcome .text-container a {
    color: #000
 }

 /*{background: linear-gradient(to right, #ffffff 50%, #00c700 50%);transition: all 0.2s ease-out;background-position: right bottom;background-size: 200% 200%;font-size: 16px;color: #ffffff;width: 166px;height: 40px;line-height: 40px;text-align: center;text-transform: uppercase;text-decoration: none;display: inline-block;}*/
 section#indexWelcome

 /*.text-container a:hover {background-position: left bottom;border-radius: 35px;border: solid 1px #000000;color: #00c700;}*/
 section#indexWelcome .text-container a.edit-icons {
    background: none;
    border: none;
 }

 section#indexWelcome .row:nth-child(1) .img-container img {
    margin-top: -130px;
 }

 section#instagramContainer h3 {
    color: #00c700;
    font-size: 2.06rem;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
 }

 section#instagramContainer {
    position: relative;
    margin-top: 40px;
 }

 section#instagramContainer ul {
    position: unset;
 }

 section#instagramContainer .owl-theme .owl-nav {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align: right;
 }

 section#instagramContainer .owl-theme .owl-nav .owl-prev {
    background: url("/images/slider-arrow-left.png") 0 0 no-repeat;
    width: 28px;
    height: 26px;
    background-size: 100% 100%;
    border: none;
    position: unset;
 }

 section#instagramContainer .owl-theme .owl-nav .owl-prev i {
    display: none;
 }

 section#instagramContainer .owl-theme .owl-nav .owl-prev span {
    display: none;
 }

 section#instagramContainer .owl-theme .owl-nav .owl-next {
    background: url("/images/slider-arrow-right.png") 0 0 no-repeat;
    width: 28px;
    height: 26px;
    background-size: 100% 100%;
    border: none;
    position: unset;
 }

 section#instagramContainer .owl-theme .owl-nav .owl-next span {
    display: none;
 }

 section#instagramContainer .owl-theme .owl-nav .owl-next i {
    display: none;
 }

 section#instagramContainer ul li img {
    max-width: 100%;
 }

 #staticbanner {
    overflow: hidden;
    margin-top: 20px;
 }

 #staticbanner picture img {
    width: 100%;
 }

 footer {
    width: 100%;
    position: relative;
 }

 footer .footerbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
 }

 footer .footerbg img {
    height: 100%;
    width: 100%;
 }

 footer .row {
    position: relative;
    z-index: 99;
 }

 footer #footer-top {
    background: #e6e6e6;
    padding: 30px 0;
 }

 footer #footer-top #footerlogo {
    text-align: center;
 }

 footer #footer-top #footerlogo a img {
    max-width: 217px;
    padding-top: 32px;
    width: auto;
    height: auto;
 }

 footer #footer-top #footerNewsletter form {
    max-width: 596px;
    width: 96%;
 }

 footer #footer-top #footerNewsletter form strong {
    color: #292929;
    font-size: 2.06rem;
    width: 100%;
    display: inline-block;font-family: 'Lato';
 }

 footer #footer-top #footerNewsletter form span {
    color: #000;
    font-size: 0.93rem;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
 }

 footer #footer-top #footerNewsletter form div.form-group {
    width: 100%;
    position: relative;
 }

 footer #footer-top #footerNewsletter form input {
    color: #585858;
    font-size: 0.87rem;
    width: 100%;
    border: none;
    height: 45px;
    background: #ffffff;
 }

 footer #footer-top #footerNewsletter form input::placeholder {
    color: #585858;
    font-size: 0.87rem;
 }

 footer #footer-top #footerNewsletter form button {
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to right, #ffffff 50%, #00c700 50%);
    transition: all 0.2s ease-out;
    background-position: right bottom;
    background-size: 200% 200%;
    color: #fff;
    font-size: 0.87rem;
    width: 109px;
    height: 45px;
    text-align: center;
 }

 footer #footer-top #footerNewsletter form button:hover {
    background-position: left bottom;
    border: solid 1px #000000;
    color: #00c700;
 }

 footer #footer-middle {
    padding-top: 25px;
 }

 footer #footer-middle .row {
    width: 100%;
 }

 footer #footer-middle h2 {
    color: #c3d8cc;
    font-size: 0.93rem;
    display: inline-block;
    margin-bottom: 20px;
 }

 footer #footer-middle .accordion-item {
    background: none;
    border: none;
 }

 footer #footer-middle .accordion-item .accordion-header button {
    border: none;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 0;
    text-transform: uppercase;
    box-shadow: none;
    background-color: transparent;font-family: 'Lato';
    padding-left: 0;
 }

 footer #footer-middle ul li {
    padding-bottom: 7px;
 }

 footer #footer-middle ul li a {
    color: #fff;
    font-size: 1rem;
    text-decoration: none;font-family: 'Lato';
 }

 footer #footer-middle ul li a:hover {
    color: #ffffff;
 }

 footer #footer-middle .social-icons a {
    color: #9e9e9e;
    margin-right: 10px;
 }

 footer #footer-middle .social-icons a i {
    color: #9e9e9e;
    font-size: 2.56rem;
    transition: all 0.2s ease-in-out;
 }

 footer #footer-middle .social-icons a i:hover {
    color: #ffffff;
 }

 footer #footer-bottom .footerCopyrights p {
    color: #827b7b;
    font-size: 0.81rem;
    text-align: center;
 }

 footer .cumuluslogo p {
    color: #606060;
    text-align: right;
    text-transform: capitalize;
    font-size: 0.56rem;
    padding-right: 20px;
 }

 footer .cumuluslogo p a {
    width: 100%;
    display: inline-block;
    margin-top: 8px;
 }

 footer .cumuluslogo p a img {
    max-width: 100px;
    height: auto
 }

 footer #footer-middle .accordion-item .accordion-header .accordion-button svg {
    display: none;
 }

 footer #footer-middle .accordion-item .accordion-header {
    width: 100%;
 }

 footer #footer-bottom {
    padding-bottom: 30px;
 }

 footer #footer-bottom .footerCreditCard {
    padding-top: 20px;
 }

 footer #footer-bottom .footerCopyrights {
    padding-top: 30px;
 }

 .footer-cookies {
    width: 100%;
    background: #000000;
    font-size: 13px;
    position: fixed;
    bottom: 0;
    padding: 10px 0;
    text-align: center;
    z-index: 9999;
 }

 .footer-cookies p {
    position: relative;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin: 0;
 }

 .footer-cookies .close {
    width: 20px;
    height: 28px;
    position: absolute;
    right: 5px;
    top: 1px;
 }

 .footer-cookies p a {
    color: #ffffff;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: bold;
 }

 .footer-cookies p button {
    position: relative;
    right: 10px;
    top: 5px;
    color: #ffffff;
    font-size: 16px;
    opacity: 1;
    background: none;
    border: none;
 }

 @media (min-width: 992px) {
       header nav #navbarResponsive ul li.nav-item .dropdown-menu.overflow {height: 400px;overflow-y: scroll;}
       header nav #navbarResponsive ul li.nav-item .dropdown-menu.overflow .dropdown-submenu  {position: static;}
    #Dname {display: block;}
    #Mname {display: none;}

    header nav #navbarResponsive ul#boxes {justify-content: space-around;}

    header nav #navbarResponsive ul li.nav-item .dropdown-menu {width: 240px;}
    header nav #navbarResponsive ul li.nav-item:hover .dropdown-menu {
       display: inline-block !important;
    }

    header nav #navbarResponsive .dropdown-menu .dropdown-toggle::after {
       display: none;
    }

    header nav #navbarResponsive .dropdown-menu .dropdown-submenu {
       position: absolute;
       left: 100%;
       top: 0;
       display: none;
       border: solid 1px #000;
    }

    header nav #navbarResponsive .dropdown-menu li:hover .dropdown-submenu {
       display: block;
    }

    header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link::after {
       pointer-events: none;
       display: none;font-family: 'Koulen';
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
       top: 93%;
       border-top-left-radius: 2px;
    }

    header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 5px;
       padding-right: 5px;
    }

    header nav #navbarResponsive .navbar-nav li.nav-item:hover a.nav-link {
       background: #ffffff;
       color: #00c700;
       clip-path: polygon(8% 0%, 100% 0%, 94% 100%, 1% 100%);
       transition: all 0.2s ease-in;
    }

    header nav .fa-angle-right {
       display: block !important;
       position: absolute;
       right: 10px;
       top: 7px;
    }

    header nav #navbarResponsive li.nav-item:nth-last-child(4) .dropdown-menu,
    header nav #navbarResponsive li.nav-item:nth-last-child(5) .dropdown-menu,
    header nav #navbarResponsive li.nav-item:nth-last-child(-n+3) .dropdown-menu {
       left: auto;
       right: 0;
    }

    
    header nav #navbarResponsive li.nav-item:nth-last-child(5) .dropdown-menu li:hover .dropdown-submenu ,
    header nav #navbarResponsive li.nav-item:nth-last-child(6) .dropdown-menu li:hover .dropdown-submenu ,
    header nav #navbarResponsive li.nav-item:nth-last-child(4) .dropdown-menu li:hover .dropdown-submenu ,
    header nav #navbarResponsive li.nav-item:nth-last-child(1) .dropdown-menu li:hover .dropdown-submenu {
       right: 100%;
       left: auto;
    }

    header nav #navbarResponsive li.nav-item:nth-last-child(2) .dropdown-menu li:hover .dropdown-submenu {
       right: 100%;
       left: auto;
    }

    header nav #navbarResponsive li.nav-item:nth-last-child(3) .dropdown-menu li:hover .dropdown-submenu {
       right: 100%;
       left: auto;
    }
 }

 @media (min-width: 768px) {
    footer #footer-middle .accordion-item .accordion-header {
       pointer-events: none;
    }

    footer #footer-middle .accordion-item .accordion-header .accordion-button {
       background: none;
    }

    footer #footer-middle .accordion-item .collapse:not(.show) {
       display: block;
    }

    footer #footer-middle .accordion-item .accordion-button:not(.collapsed)::after {
       background: none;
    }

    footer #footer-middle .accordion-item .accordion-button::after {
       display: none;
    }
 }

 @media (min-width: 1025px) and (max-width: 1099px) {
    header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
       font-size: 0.55rem;
       padding-left: 4px;
       padding-right: 4px;
    }
 }

 header nav svg {
    display: none !important;
 }

 @media (max-width: 991px) {
    header #header-middle #header-icons {
       margin-bottom: 20px;
    }

    header nav.navbar-nav {
       background-color: transparent !important;
       margin-bottom: 7px;
    }

    header nav {
       padding: 0 !important;
       background: transparent;
    }

    header nav #navbarResponsive {
       background: #ffffff;
    }

    header nav #navbarResponsive ul li.nav-item a.nav-link {
       padding: 15px 15px 15px 15px !important;
       border-bottom: solid 1px #ededed;
       color: #000 !important;
    }

    header nav #navbarResponsive ul li.nav-item svg {
       float: right;
       margin-top: 10px;
       font-weight: 900;
       border: none;
       margin: 0;
       position: absolute;
       right: 20px;
       top: 15px;
       display: block !important;
    }

    header nav #navbarResponsive .dropdown-menu {
       border: none;
    }

    header nav #navbarResponsive .dropdown-menu .dropdown-submenu {
       border: none;
       display: none;
       padding-left: 10px;
    }

    header nav #navbarResponsive .dropdown-menu .dropdown-item {
       padding-left: 15px;
       padding-right: 18px;
    }

    header nav #navbarResponsive .dropdown-menu .dropdown-item::after {
       float: right;
       margin-top: 10px;
    }

    header nav .fa-angle-right {
       display: none;
    }

    header nav .navbar-toggler-icon {
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='23.775' viewBox='0 0 30 23.775'%3E%3Cg id='menu' transform='translate(-1 -4.112)'%3E%3Cpath id='Path_54' data-name='Path 54' d='M30,4.112H2a1,1,0,0,0,0,2H30a1,1,0,0,0,0-2Z' fill='%2300c700'/%3E%3Cpath id='Path_55' data-name='Path 55' d='M30,15H2a1,1,0,0,0,0,2H30a1,1,0,0,0,0-2Z' fill='%2300c700'/%3E%3Cpath id='Path_56' data-name='Path 56' d='M30,25.888H2a1,1,0,0,0,0,2H30a1,1,0,0,0,0-2Z' fill='%2300c700'/%3E%3C/g%3E%3C/svg%3E");
    }

    header nav #navbarResponsive li.show a.nav-link:after {
       transform: rotate(180deg);
       top: 1px !important;
    }

    footer #footer-middle .accordion-item .accordion-button::after {
       background-color: #ffffff;
    }

    header nav .fa-angle-right {
       transform: rotate(90deg);
       right: 10px !important;
    }

    header nav #navbarResponsive ul li.nav-item .dropdown-menu li a.dropdown-item:after {
       display: none;
    }
 }

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
       /* color: #000; */
       font-size: 0.8rem;
    }
 }

 @media only screen and (min-width: 1100px) and (max-width: 1366px) {
    header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
       /* color: #000; */
       font-size: 0.58rem;
    }
 }

 @media only screen and (min-width: 1367px) and (max-width: 1605px) {
    header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
       /* color: #000; */
       font-size: 0.74rem;
    }
 }

 @media (max-width: 767px) {
   header #header-middle{padding: 0;}
    footer #footer-top #footerNewsletter form span {
       text-align: center;
       margin-bottom: 20px;
    }
    /* .nav-btn {
       display: block !important
    } */

    section#indexWelcome .img-container {
       order: 2;
    }

    header #header-search {
       order: 1;
       text-align: left;
       padding: 0;
    }

    header #header-logo {
       order: 3;
    }

    header #header-logo a img {
       margin-bottom: 25px;
       max-width: 50%;
    }

    header #header-middle #header-search form {
       margin-bottom: auto;
       margin-bottom: 0;
       margin-top: 20px;
    }

    header #header-middle form input {
       font-size: 0.6rem;
    }

    header #header-middle #header-icons {
       text-align: right;
       order: 2;
       padding-top: 20px;padding-left: 0;
    }

    section#indexSlider .carousel-inner .carousel-item .carousel-caption span {
       margin-bottom: 7px;
       font-size: 1.40rem;
    }

    header #header-logo p {
       margin-bottom: 0;
    }

    div#mainContent {
       margin-top: 0;
    }

    section#indexSlider .carousel-inner .carousel-item img {
       min-height: 170px;
    }

    section#indexSlider .carousel-inner .carousel-item .carousel-caption {
       left: 0;
       text-align: center;
       right: 0;
       height: 140px;
    }

    section#indexSlider .carousel-inner .carousel-item .carousel-caption h1 {
       font-size: 1.80rem;
       margin-bottom: 5px;
    }

    section#indexSlider .carousel-inner .carousel-item .carousel-caption p {
       font-size: 0.93rem;
       margin-bottom: 5px;
    }

    section#indexSlider .carousel-inner .carousel-item .carousel-caption a {
       font-size: 0.75rem;
       width: 140px;
       height: 30px;
       line-height: 30px;
    }

    section#featuredproducts h3 {
       padding-top: 0;
       font-size: 1.5rem;
    }

    section#indexWelcome .row:nth-child(2) .text-container {
       order: 2;
    }

    section#indexWelcome .row:nth-child(2) .img-container {
       margin-top: 20px;
    }

    section#indexWelcome .row:nth-child(1) .img-container img {
       margin-top: 0;
    }

    section#instagramContainer h3 {
       padding-top: 0;
       font-size: 1.5rem;
    }

    #indexSlider .carousel-indicators {
       bottom: 10px !important;
    }

    footer #footer-middle .accordion-item .accordion-header button {
       width: 100%;
       text-align: left;
    }

    footer #footer-middle .accordion-item .accordion-header button svg {
       float: right;
    }

    footer #footer-middle .accordion-item .accordion-header button[aria-expanded="true"] svg {
       transform: rotate(180deg);
    }

    footer #footer-middle .accordion-item .accordion-header .accordion-button svg {
       display: block;
    }

    footer .collapse:not(.show) {
       display: none !important;
    }

    footer #footer-bottom .footerCreditCard {
       margin-bottom: 20px;
       text-align: center;
       order: 2;
       padding-top: 10px;
    }

    .cumuluslogo {
       order: 3;
    }

    footer .cumuluslogo p a {
       width: auto;
       margin: 0;padding-bottom: 2rem;
    }

    footer .cumuluslogo p a img {
       margin: -9px 0px 0 10px;
    }

    footer #footer-bottom .footerCopyrightsfooter {
       order: 1;
    }

    .cumuluslogo p {
       text-align: center !important;
       padding: 0 !important;
       margin: 0;
    }

    footer #footer-bottom {
       padding-bottom: 0px;
    }

    footer #footer-top #footerlogo a img {
       padding-top: 0px;
    }

    footer #footer-top #footerlogo {
       margin-bottom: 10px;
    }

    footer #footer-top #footerNewsletter form {
       max-width: 100%;
       width: 100%;
    }

    footer #footer-top #footerNewsletter form strong {
       text-align: center;
       margin: 7px 0 8px 0;
    }

    footer #footer-top {
       padding: 25px 0 6px;
    }

    .footer-cookies .close {
       right: auto;
       top: 0px;
       left: auto;
    }

    .footer-cookies p {
       margin: 18px 0 5px;
    }
 }

 @media (min-width: 992px) and (max-width: 1024px) {
    header nav #navbarResponsive .navbar-nav li.nav-item a.nav-link {
       padding-top: 5px;
       padding-bottom: 5px;
       font-size: 0.51rem
    }
 }

 @media (min-width: 992px) {
    header #header-middle #header-icons span.sicon {
       display: none;
    }

    #searchOverlay {
       display: none;
    }
 }

 @media (max-width: 991px) {
    header #header-search {
       display: none;
    }

    header #header-middle #header-logo {
       width: 50%;
       order: 1;
    }

    header #header-logo a img {
       margin-bottom: 10px;
       max-width: 100%;
       width: 80%;
    }

    header #header-middle #header-icons {
       order: 2;
    }

    header #header-middle #header-icons span {
       padding-right: 13px;
    }

    header #header-middle #header-logo p {
       margin-bottom: 10px !important;
    }

    header #header-middle #header-icons i {
       color: #fff;
       font-size: 20px;
       cursor: pointer;
    }

    .search-overlay {
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background-color: #000000;
       z-index: 9999;
       display: none;
       align-items: center;
       justify-content: center;
       opacity: 0.9;
    }

    .search-container {
       width: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       border-bottom: 3px solid #fff;
    }

    .search-container form {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
    }

    .search-container form input::placeholder {
       color: #b7b5b5;
       font-size: 30px;
    }

    .search-container form input {
       background-color: transparent;
       border: none;
       outline: none;
       border-radius: 0;
       color: #fff;
       width: 100%;
       font-size: 30px;
       padding: 10px;
       margin-bottom: 5px;
    }

    .search-container form input:active {
       background-color: transparent;
    }

    .search-btn {
       background-color: transparent;
       border: none;
       outline: none;
    }

    .search-btn i {
       color: #ffffff;
       font-size: 27px;
    }

    .search-close {
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: pointer;
       font-size: 30px;
       position: absolute;
       top: 10px;
       right: 10px;
       border: 1px solid #fff;
       border-radius: 50%;
       color: #fff;
       width: 40px;
       height: 40px;
       z-index: 999999999999;
    }
 }

 @media (max-width: 480px) {
    header .navbar-toggler {
       top: -30px !important
    }

    .Dname {
       display: none;
    }

    Mname {
       display: block;
    }

    header #header-logo a img {
       max-width: 100%;
       width: 100%;
    }

    .search-container {
       width: 80%;
    }
 }

 .preview-card {
    position: relative;
    margin: 15px;
    background: #fff;
    box-shadow: 0px 3px 10px rgba(34, 35, 58, 0.2);
    padding: 30px 25px 30px;
    border-radius: 25px;
    transition: all 0.3s;
 }

 @media screen and (max-width: 992px) {
    .preview-card__item {
       flex-direction: column;
    }

    .preview-card__img {
       transform: translateY(0%) !important;
       width: 90%;
    }

    section#indexSlider .carousel-control-prev {
       display: none
    }

    section#indexSlider .carousel-control-next {
       display: none
    }
 }

    {
    .preview-card {
       height: auto;
    }
 }

 @media screen and (max-width: 768px) {
    header #header-middle #header-icons span {
       padding-right: 4px;
    }

    header #header-icons a.cart {
       margin-left: 0
    }

    #header-icons svg {
       width: 20px !important;
       height: 20px !important;
    }

    header nav .navbar-toggler-icon {
       width: 25px;
       height: 25px
    }

    

    header .navbar-toggler {
       position: absolute;
       top: -75px
    }

    .preview-card {
       min-height: 500px;
       height: auto;
       margin: 20px auto;
       padding: 30px 15px 30px
    }
 }

 @media screen and (max-height: 500px) and (min-width: 992px) {
    .preview-card {
       height: auto;
    }
 }

 .preview-card__item {
    display: flex;
    align-items: center;
 }

 @media screen and (max-width: 768px) {
    .preview-card__item {
       flex-direction: column;
    }
 }

 .preview-card__img {
    flex-shrink: 0;
    background-image: linear-gradient(147deg, #000 0%, #000 74%);
    transform: translateX(-80px);
    overflow: hidden;
    border-radius: 20px
 }

 .preview-card__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    opacity: 0.4;
 }

 .preview-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 1;
    border-radius: 20px;
    transition: all 0.3s;
 }

 @media screen and (max-width: 768px) {
    .preview-card__img {
       transform: translateY(0%);
       width: 90%;
    }
 }

 @media screen and (max-width: 576px) {
    header .navbar-toggler {
       top: -65px
    }

    #indexminibanners div .overlay h2 a {
       visibility: visible;
       top: 0 !important;
    }

    .preview-card__img {
       width: 95%;
    }
 }

 @media screen and (max-height: 500px) and (min-width: 992px) {
    .preview-card__img {
       height: 270px;
    }
 }

 .preview-card__content {
    padding-right: 25px;
 }

 @media screen and (max-width: 768px) {
    .preview-card__content {
       margin-top: -80px;
       text-align: center;
       padding: 0 30px;
    }
 }

 @media screen and (max-width: 576px) {
    .preview-card__content {
       padding: 0;
    }
 }

 .preview-card__content>* {
    transform: translateY(25px);
    transition: all 0.4s;
 }

 .preview-card__code {
    color: #7b7992;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
 }

 .preview-card__title {
    font-size: 24px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px;
 }

 .preview-card__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em;
 }
 .preview-card__text h1{
   color: #00c700;
  font-weight: 500;
  letter-spacing: 5px;
  font-size: 42px;
  line-height: 52px;
  margin-bottom: 30px;font-family: 'norwester' !important;text-transform: uppercase;
 }

 .preview-card__text h2 {
    font-size: 27px;
    color: #00c700;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 15px
 }

 .preview-card__text p {
    font-size: 1rem;
    color: #000;
    line-height: 30px;
    margin-bottom: 25px
 }

 .preview-card__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #000 0%, #000 74%);
    padding: 15px 35px;
    margin-bottom: 30px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 3px 10px rgba(252, 56, 56, 0.4);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
 }

 .preview-card__button:hover {
    color: #989898;
    text-decoration: none;
 }

 @media screen and (max-width: 576px) {
    .preview-card__button {
       width: 100%;
    }
 }

 #indexminibanners .inner {
    border-radius: 20px;
 }

 @media(min-width:480px) {
    header #header-icons a.account span#Dname {
       display: inline-block;
    }

    header #header-icons a.account span#Mname {
       display: none;
    }
 }

 @media(max-width:479px) {
    header #header-icons a.account span#Dname {
       display: none;
    }

    header #header-icons a.account span#Mname {
       display: inline-block;
    }

    .preview-card__text h2 {
       font-size: 12px !important;
    }
 }

 .newbrands {
    margin-top: 20px;
    position: relative;
    text-align: center;
    margin-bottom: 50px;
 }

 .newbrands h2 {
 color: #00c700;
  font-weight: 500;
  letter-spacing: 5px;
  font-size: 42px;
  line-height: 52px;
  margin-bottom: 30px;
  font-family: 'norwester' !important;
  text-transform: uppercase;
 }

 .newbrands p {
    font-family: 'Lato';
    font-size: 20px;
    color: #fff;
    margin: 0 auto;
    width: 90%;margin-bottom: 25px;
 }

 .newbrands {
    text-align: center;
 }

 @media only screen and (min-width: 992px) {
    .col-ag-2 {
       -ms-flex: 0 0 20%;
       flex: 0 0 20%;
       max-width: 20%;
       position: relative;
       box-sizing: border-box;
       width: 100%;
       min-height: 1px;
       padding-right: 15px;
       padding-left: 15px;
    }

    .newbrands img {
       margin-top: 20px;
    }

    .newbrands img:hover {
       opacity: 1;
       transition: all 0.3s;
    }

    .newbrands img {
       opacity: 0.9;
    }
 }

 .newbrands img {
    max-width: 145px;
 }
.iBrands div a{
   text-decoration: none;
  color: inherit;
  padding: 20px;
  height: 230px;
  display: block;
  max-width: 100%;
  max-height: 220px;
  object-fit: cover;
  background: #cfcfcf2e;
}
 @media only screen and (max-width: 992px) {
    .newbrands img {
       margin-top: 10px;
    }

    .Brandssection p {
       width: 100%;
    }
 }