/*--------------------- Copyright (c) 2020 ----------------------- 
[Dark Stylesheet] 
Project: Shopmartio - Responsive HTML Template 
Version: 1.0.0 
Author: Kamleshyadav
 ------------------------------------------------------------------- 
[Table of contents] 
    1. Preloader CSS Start
    2. Global CSS Start
    3. header  CSS Start
    4. Banner CSS Start
    5. New arrivals CSS Start
    6. Shipping features CSS Start
    7. top Products CSS Start
    8. Footer CSS Start
    9. Media CSS Start
-------------------------------------------------------------------*/
/********************************************************
    1. Global CSS Start
********************************************************/
body {
    color: var(--fur-text-color);
}

/********************************************************
    1. PreLoader CSS
*******************************************************/
.preloader-active .preloader-holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--fur-primary-color);
}

@-webkit-keyframes loadingCircles {
    0% {
        -webkit-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--fur-primary-color);
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--fur-primary-color);
    }
}

@-moz-keyframes loadingCircles {
    0% {
        -moz-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--fur-primary-color);
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--fur-primary-color);
    }
}

@keyframes loadingCircles {
    0% {
        transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--fur-primary-color);
    }

    100% {
        transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--fur-primary-color);
    }
}

/********************************************************
    2. header  CSS Start
********************************************************/
.header-wrap-fur .menu-list>li>a {
    color: #272323;
    text-transform: uppercase;
}

.header-wrap-fur .menu-list>li>a:hover {
    color: #008060;
}

.header-wrap-fur .mega-menu-infobox svg path {
    fill: #008060;
}

.header-sticky-wrapper02 {
    background-color: #ffffff;
    padding: 15px 50px 15px 50px;
}

.e-hs-mainright001 {
    align-items: center;
    justify-content: center;
}

.hs-cartbox-inner.hs-card-icon02 {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border-radius: 50%;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* li.hs-cart-box.cmn-cart-tgl.cart-style2 {
    margin-top: 12px;
} */

.hs-cart-box>a {
    justify-content: center;
}
.header-style2 .menu-list>li>a.drop-icon:after
{
    height: 4px;
    width: 4px;
    background-color: #008060;
    transform-origin: inherit;
    transform: inherit;
    border: 0;
}

/********************************************************
    3. Banner CSS Start
********************************************************/
.e-banner-fur .e-banner-inwrap {
    background: #d2e9e3;
}

.e-banner-fur .e-banner-subtitle {
    font-size: 20px;
    color: var(--fur-text-color);
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.e-banner-fur .e-banner-title {
    font-size: 72px;
    line-height: 75px;
    font-weight: 600;
    color: var(--fur-primary-color);
}

.e-banner-fur .e-banner-des {
    font-size: 14px;
    color: var(--fur-text-color);
}

.e-banner-fur .e-banner-text {
    color: var(--fur-text-color);
    margin-bottom: 15px;
}

.e-banner-fur .e-banner-price {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.e-banner-fur .e-banner-price>span {
    font-size: 32px;
    font-family: 'Bebas Neue', cursive;
    padding-left: 10px;
}

.e-banner-fur .e-swiper-next,
.e-banner-fur .e-swiper-pre {
    background: var(--fur-primary-color);
}

.e-banner-fur .e-swiper-next:hover,
.e-banner-fur .e-swiper-pre:hover {
    background: rgb(187, 213, 206);
}

.e-banner-fur .e-swiper-next svg path,
.e-banner-fur .swiper-container-rtl .e-swiper-pre svg path,
.e-banner-fur .e-swiper-pre svg path,
.e-banner-fur .swiper-container-rtl .e-swiper-next svg path {
    fill: var(--white-color);
}

.e-banner-fur .swiper-pagination-bullet:after {
    color: var(--fur-primary-color);
}

.e-banner-fur .swiper-pagination-bullet:before {
    background: var(--fur-primary-color);
}

.e-fh-style2:before {
    background: #008060;
    width: 65px;
    z-index: 1;
}

.e-footer-fur .efoot-list>li>a:before,
.e-footer-fur .efoot-list>li>a:hover::after {
    background: #008060 !important;
}

/********************************************************
4. New arrivals CSS Start
********************************************************/
.e-newarivles-fur {
    padding: 74px 0 50px;
}

.e-newarivles-fur .na-top-sec {
    /* background:#ecf5f6; */
    padding: 8px 8px;
}

/* .e-newarivles-fur .na-hover-content {
    background: var(--fur-primary-color);
} */
.e-newarivles-fur .na-hover-content>li>a {
    background-color: #008060;
}

/* .na-inner-grid.c-product-box:hover {
    border: 1px solid #008060;
} */
p.e-footer-text.text-center.e-footer-center00 {
    text-align: center !important;
}

ul.na-hover-content.na-horizontal-hover li {
    margin-right: 10px;
}

.e-newarivles-fur .na-name {
    font-size: 18px;
    font-weight: 500;
    color: var(--fur-text-color);
}

.e-newarivles-fur .na-price {
    font-size: 18px;
    color: #008060;
    font-family: inherit;
    font-weight: 700;
}

.e-newarivles-fur .na-price>del {
    color: #cbcbcb;
    padding-right: 8px;
}

.e-shipping-features-fur .e-shipping-des {
    color: var(--white-color);
}

.e-newarivles-fur .e-gallery .gallery-nav ul li a {
    color: var(--fur-text-color);
    text-transform: uppercase;
    letter-spacing: 2px;
    ;
}

.e-newarivles-fur .e-gallery .gallery-nav ul li a.gallery-active,
.e-newarivles-fur .e-gallery .gallery-nav ul li a:hover {
    color: var(--white-color);
    border-color: var(--fur-primary-color);
    background: var(--fur-primary-color);
}

/********************************************************
    5.Shipping features CSS Start
********************************************************/
.e-shipping-features-fur {
    padding: 60px 0px 60px;
    background-color: #f6f7fb;
}

.e-shipping-features-fur .e-shipping-inner:hover .e-shipping-icon span:after {
    border-color: #ffffff;
    border-width: 2px;
}

.e-td-ttl {
    border-radius: 10px;
    background: #ff7000;
    padding: 11px 25px 11px 25px !important;
    text-transform: capitalize;
}

.e-td-inner {
    margin-bottom: 20px;
}

.e-td-img img {
    border-radius: 10px;
}

/* input box css */
.e-search-wrapper {
    position: relative;
}

.e-message-icon {
    max-width: 558px;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    background-color: #ffffff;
    padding: 16px 1px 16px 18px;
}

.e-message-icon input.lc-search-form {
    border: none;
    font-size: 12px;
}

.e-btn-style6 {
    min-width: 123px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    border: none;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    z-index: 0;
    background: #008060;
    position: absolute;
    top: 6px;
    right: 24px;
}

.e-btn-style6 a {
    color: #ffffff;
}

.e-top-navlight-section {
    padding: 20px 0px 20px 0px;
}

/********************************************************
    6.top Products CSS Start
********************************************************/
.e-top-products-fur {
    padding: 0px 0 80px;
}

/********************************************************
7. Footer CSS Start
********************************************************/
.e-footer-fur .efoot-list>li>a {
    color: var(--fur-text-color);
}

.e-footer-fur .efoot-list>li>a:after {
    background: var(--fur-text-color);
}

.e-footer-fur .efoot-list>li>a:hover {
    color: #008060;
}

.na-inner-grid.c-product-box {
    background-color: #f6f7fb;
}

.e-footer-fur .efoot-list>li>a:before,
.e-footer-fur .efoot-list>li>a:hover::after {
    background: var(--fur-primary-color);
}

.e-footer-fur .efoot-about {
    margin: 25px 0 29px;
}

/* bottom footer */
.e-bfooter-fur {
    background: rgb(34 34 34);
}

section.e-banner-wrapper.e-banner-fur {
    background-image: url(../images/index2/in2/Group-3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 0px 170px 0px;
}

.e-banner-left-img {
    background-image: url(../images/index2/in2/left-img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 170px 0px 240px 0px;
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 10px;
}

.e-banner-right-img {
    background-image: url(../images/index2/in2/right-img.png);
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 170px 0px 170px 0px;
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 10px;
}

a.e-index2-btn:hover {
    box-shadow: 0px 0px 0px 30px #008060 inset;
}

.e-inner-img {
    text-align: center;
}

.e-inner-img {
    position: absolute;
    right: 30px;
    top: 110px;
    bottom: 0;
}

.e-inner-img h2 {
    color: #ff7000;
    font-size: 30px;
    font-weight: 500;
}

.e-inner-img h1 {
    color: #ffffff;
    font-size: 44px;
    font-weight: 700;
    padding: 10px 0px 16px 0px;

}

a.e-index2-btn {
    background-color: #ff7000;
    color: #ffffff;
    max-width: 100%;
    width: 131px;
    padding: 11px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 6px;
    font-size: 15px;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.e-inner-img p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 20px;
}

.e-inner-img01 {
    position: absolute;
    top: 50px;
    left: 30px;
}

.e-inner-img01 p {
    font-size: 16px;
    font-weight: 600;
    color: #ff7000;
}

.e-inner-img01 h3 {
    font-size: 42px;
    font-weight: 600;
    line-height: 60px;
    width: 310px;
    max-width: 100%;
    padding-bottom: 14px;
}

a.e-index2-btn.e-btn012 {
    margin: initial;
}

span.e-category-icon img {
    background-color: #F5F6F7;
    border-radius: 50%;
    padding: 18px 18px 18px 18px;
}

.e-category-inner {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    padding: 50px 10px 45px;
    color: #39404A;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.e-shipping-box img {
    border-radius: 10px;
    transition: all 0.5s;
}

.e-shipping-box img:hover {
    transform: translateY(-10px);
}

.e-category-list>li:nth-child(1)>a:hover {
    border-radius: 10px 0px 0px 10px !important;
}

.e-category-list>li:nth-child(10)>a:hover {
    border-radius: 0px 10px 10px 0px !important;
}

.na-top-heading.text-center a {
    font-weight: 600;
    text-align: left;
    padding-left: 20px;
}

.e-newarivles-fur .na-price {
    font-size: 18px;
    color: #008060;
    font-family: inherit;
    font-weight: 700;
    text-align: left;
    padding-left: 20px;
}

/* .na-inner-grid.c-product-box:hover {
    transform: translate(0, -5px);
} */
.na-mainimg01 {
    transition: all 0.3s linear;
}

.na-inner-grid.c-product-box:hover .na-mainimg01 {
    transform: scale(1.1) rotate(10deg);
}

.na-inner-grid.c-product-box .bottom .gr-icon00 {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 42px;
    color: #0f8769;
    background-color: #f6f7fb;
    font-size: 25px;
    border: 10px solid #ffffff;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.na-inner-grid.c-product-box .bottom {
    text-align: right;
    position: absolute;
    right: -8px;
    bottom: -8px;
}

.na-inner-grid.c-product-box .bottom a {
    display: inline-block;
    color: #008060;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    top: -5px;
    right: 0;
    opacity: 0;
    visibility: hidden;
}

.na-inner-grid.c-product-box .bottom:hover a {
    opacity: 1;
    visibility: visible;
    right: 10px;
    top: -25px;

}

.na-inner-grid.c-product-box .bottom:hover .gr-icon00 {
    background-color: #008060;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.na-inner-grid.c-product-box .bottom:hover .gr-icon00 span:nth-child(1) {
    background-color: #F5F6F7;
}

.na-inner-grid.c-product-box .bottom:hover .gr-icon00 span:nth-child(2) {
    background-color: #F5F6F7;
}

.na-top-sec.text-center a.wishlist {
    position: absolute;
    right: 19px;
    top: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 20px 0px #d4cfcfde;
    border-radius: 50%;
}

.na-imgbox i {
    color: silver;
}


.gr-icon00 {
    position: relative;
    width: 17px;
}

.gr-icon00 span:nth-child(1) {
    display: block;
    width: 18px;
    height: 2px;
    background: rgb(40 45 44);
    margin-bottom: 4px;
    transition: all 0.3s linear 0s;
    position: absolute;
    top: 18px;
    left: 10px;
}

.gr-icon00 span:nth-child(2) {
    display: block;
    width: 2px;
    height: 17px;
    background: rgb(40 45 44);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 11px;
}

.e-newarivles-fur .na-hover-content>li>a:hover {
    background-color: white;
}

ul.na-hover-content.na-horizontal-hover a:hover span svg path {
    fill: #008060;
}
.c-product-box:hover .na-mainimg {
    opacity: 1;
    visibility: visible;
}

.gr-organic-wrapper {
    background-image: url(../images/index2/in2/lower-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 140px 0px 140px 0px;
}
.gr-organic-text h3 {
    font-size: 16px;
    letter-spacing: 3px;
    color: #008060;
    margin-bottom: 10px;
}
.gr-organic-text h2 {
    font-size: 48px;
    font-weight: 700;
    max-width: 100%;
    width: 420px;
    margin-bottom: 20px;
}
a.e-index2-btn.e-orgain-btn {
    margin: inherit;
}

.e-inner-img01 h3 span {
    animation: sale-bean-ani .25s infinite alternate;
    display: inline-block;
}
@keyframes sale-bean-ani {
    100% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}

i.fa.fa-heart.na-fa {
    color: #ec0404;
}

.e-category-list>li>.e-category-inner:hover {
    background:#ff7000;
}
.e-category-list
{
    border-radius: 10px;
}
.e-btn-s2:hover {
    color: #008060;
}
.e-btn-s2:before
{
    background: #008060;
}
.e-btn-s2:after
{
    border: 1px solid #008060;
    border-radius: 10px;
}
.e-btn-s2
{
    border-radius: 10px;
}
.e-td-inner:hover .e-td-img01>img {
    transform: scale(1.07) rotate(1deg);
}
.e-td-img01 {
    overflow: hidden;
}
.e-td-img01>img
{
    transition: all 0.5s linear;
    border-radius: 10px;
}
p.e-heading-subtitle {
    text-transform: uppercase;
}
a.e-index2-btn.e-index2-more {
    width: 149px;
    padding: 14px 5px;
}
.drop-menu.mega-menu.e-drop-menu00 {
    left: 0;
    right: 0;
    margin: 0 auto !important;
}
/********************************************************
8. Media CSS Start
********************************************************/
@media (max-width: 991px) {
    .e-banner-fur .e-inner-slide {
        text-align: center;
        padding: 35px 0 83px;
    }

    .e-banner-right-img {
        margin-top: 20px;
    }

    section.e-banner-wrapper.e-banner-fur {
        padding: 50px 0px 97px 0px;
    }

    .hs-left-logo img {
        padding-top: 15px;
    }
}
@media (max-width: 1199px) {

    .header-wrap-fur .menu-list>li.open>a,
    .drop-menu .sub-menu>li.open>a {
        color: var(--fur-primary-color);
    }

    .menu-btn span {
        display: block;
        width: 18px;
        height: 2px;
        background: rgb(0 128 96);
        margin-bottom: 4px;
        transition: all 0.3s linear 0s;
    }

    .e-hs-mainright {
        justify-content: end;
    }

    .header-wrap-fur .menu-list>li.open>a,
    .drop-menu .sub-menu>li.open>a {
        color: #008060;
    }
}
@media (min-width: 1200px) {
    .header-wrap-fur .drop-menu .sub-menu>li>a {
        color: #008060;
    }

    .drop-menu.mega-menu.e-drop-menu00 {
        right: 0 ;
        left: 0;
    }
}
@media (min-width: 992px) {
    .e-banner-fur .e-inner-slide.slide1 {
        background: url(../images/index2/banner_bg01.jpg)no-repeat center;
        background-size: cover;
    }

    .e-banner-fur .e-inner-slide.slide2 {
        background: url(../images/index2/banner_bg02.html)no-repeat center;
        background-size: cover;
    }

    .e-banner-fur .e-inner-slide.slide3 {
        background: url(../images/index2/banner_bg03.html)no-repeat center;
        background-size: cover;
    }

    .e-banner-fur .e-inner-slide.slide3 {
        background-size: cover;
    }

    .e-inner-slide.slide1 {
        padding: 97px 15px 271px;
    }
}
@media (min-width: 1200px) {
    .e-inner-slide.slide1 {
        padding: 137px 15px 311px;
    }
}
@media (min-width: 1600px) {
    .e-inner-slide.slide1 {
        padding: 177px 105px 351px;
    }
}
@media (min-width: 992px) {
    .e-category-fur {
        margin-top: -94px;
        position: relative;
        z-index: 1;
    }

    .e-category-list>li {
        width: 10%;
    }
}
@media (max-width: 1199px) {
    .e-shipping-box {
        margin-bottom: 22px;
        text-align: center;
    }
}


@media (max-width: 575px) {
    .hs-left-logo {
        text-align: center;
    }

    .e-hs-mainright {
        justify-content: center;
    }
}

@media (max-width: 380px) {
    .e-inner-img01 h3 {
        width: 100%;
        max-width: 100%;
    }
    .na-inner-grid.c-product-box .bottom
    {  position: absolute;
        right: 6px;
        bottom: -15px;
    }
}