@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
body {margin:0px; padding:0px; font-family: 'Poppins', sans-serif; font-size:14px; background-color:#f6f6f7; font-weight:400;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
p {margin:0px; padding:0px;}
ul{margin:0px; padding:0px;}
ul li {margin:0px; padding:0px;}


h1 {font-size:35px;}
h2 {font-size:30px;}
h3 {font-size:25px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

.top-header-section {
    background: #f6f6f7;
    padding: 10px 0;
}
.top-right{ float:right;
}
.top-right ul li {
    list-style: none;
    display: inline;
    padding: 0 0 0 20px;
}

.top_header p {
    margin: 0px;
    color: #000;
}
.top-right ul li a {
    color: #000;
}
.wishilist {
    padding: 0 20px 0 0;
    color: #000;
    margin: 0 20px 0 -1px;
    border-right: solid 1px #cdcdcd;
}
button.btn.search_btn {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
}
a.wishilist i {
    color: #ff5900;
    padding: 0 2px;
    font-size: 17px;
    position: relative;
    top: 2px;
}
/********* header tow ********/

.header-logo img {
    width: 100px;
}

.header_two {
    background: #fff;
    padding: 8px 0;
    float: left;
    width: 100%;
}
.header-logo input {
    height: 44px;
    width: 100%;
    position: relative;
    /*padding: 0 120px 0 122px;*/
    border-radius: 100px;
    outline: none;
    box-shadow: none !important;
}
button.btn.search_btn {
    position: absolute;
    top: 0px;
    right: 15px;
    height: 44px;
    background: #ff5900;
    color: #fff;
    border-radius: 100px;
    padding: 0 15px;
}

.header-login a {
    color: #000;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
}
.header-login p {
    color: #000;
    font-size: 13px;  letter-spacing: 1px;
}
.header-login a span {
    float: left;
    width: 45px;
    padding: 0px;
    background: #709d0d;
    border-radius: 100px;
    text-align: center;
    height: 45px;
    margin: 0 16px 0 0;
    vertical-align: middle;
    line-height: 42px;
}
.header-logo select {
    position: absolute;
    z-index: 99;
    height: 42px;
    border-radius: 100px 0 0 100px;
    padding: 0 15px;
    border: none;
    outline: none;
    border-right: solid 2px #ccc;
    left: 16px;
    top: 1px;
}
/********* End header two *******/

/********** menu *********/

ul.nav_menu {
    display: inline-block;
    text-align: center;
    width: 100%;
}

ul.nav_menu li {
    display: inline-block;
    padding: 0 0px;
    font-size: 15px;
    text-transform: uppercase;
}

.menu_section {
    background: #80bb01;
    color: #fff;
    border-top: solid 1px #f2f2f2;
    float: left;
    width: 100%;
}
ul.navbar-nav.nav_menu li a {
    color: #fff !important;
}

ul.dropdown-menu.down_menu {
    border: none;
    box-shadow: 0px 4px 3px 0px #eee;
    padding: 0px;
    top: 47px;
}

ul.dropdown-menu.down_menu.show li a {
    color: #000 !important;
    font-size: 13px!important;
	 padding: 10px 15px!important;
}
ul.dropdown-menu.down_menu.show li {
    border-bottom: solid 2px #eee!important;
    width: 100%; padding:0px!important;
   
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #f8f8f8 !important;
    text-decoration: none!important;
    background-color: #d1d1d1 !important;
}


/********** End menu *********/


/************* top slider ************/

.owl-nav-style .owl-nav>div.owl-prev {
    left: -45px;
    top: 40%;
}
.owl-nav-style.owl-nav-style-5 .owl-nav>div {
	top:-52px
}
.responsive-owl-nav-style.owl-nav-style.owl-nav-style-5 .owl-nav>div {
	top:-52px
}
.owl-nav-style .owl-nav>div {
	position:absolute;
	top:-71px;
	display:inline-block;
	font-size:0;
	line-height:1;
	cursor:pointer;
	text-align:center;
	color:#888;
	width:34px;
	height:34px;
	border:1px solid #ebebeb;
	background:#fff;
	z-index:1;
	opacity:1;
	border-radius:100%;
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear
}
.owl-nav-style .owl-nav>div.owl-prev:before {
	content:"\f104"
}
.owl-nav-style .owl-nav>div:before {
	font-size:14px;
	line-height:32px;
	display:block;
	font-family:"Ionicons";
	font-family: FontAwesome;
	font-weight:600
}
.owl-nav-style .owl-nav>div.owl-next:before {
	content:"\f105"
}
.owl-nav-style .owl-nav>div.owl-next {
    right: -45px;;
    top: 40%;
}
.brand-slider.owl-nav-style .owl-nav>div.owl-next {
	right:15px
}
.slider-home-16.owl-nav-style .owl-nav>div.owl-next {
	right:15px
}

.product-plr-1 {
    text-align: center;
}
section.recent-add-area {
    margin: 0 0 30px;
    padding: 20px 0 20px;
    float: left;
    width: 100%;
    background: #80bb0152;
}

.category1 img {
    width: 100px !important;
    display: inline-block !important;
}
.category1 {
    width: 100%; text-align:center;
}

article.list-product {
    border-radius: 3px;
    padding: 0 0 17px;
    border: solid 2px #fff;
    background: #fff;
}
article.list-product:hover {
    background: #fff;
	border: solid 2px #fff;
}
.slider_section {
    float: left;
    width: 100%; z-index:-333
}
/*********** End top slider ****************/

/*********** top slider **********/
section.top_slider {
    padding: 0px 0 0;
}.product_bg {
    background: #ffffff;
    width: 100%;
    margin: 40px 0;
    padding: 0px;
    float: left;
    border-radius: 5px;
}
.product_bg h2 {
    width: 100%;
    font-size: 20px;
    padding: 20px 20px;
    float: left; margin:0px;
}  

.owl_top .owl-nav>div.owl-prev {
    left: auto;
   top: -90px;
    right: 78px; 
}
.owl_top .owl-nav>div.owl-next {
    right: 20px;
   top: -90px;	
}

article.list-product.product_top_slid {
    background: #ffffff;
    padding: 15px 10px;
    float: left;
    width: 100%;
    position: relative;
}

ul.product-flag {
    position: absolute;
    top: 15px;
	left: 10px; list-style:none; width:100%;
}

.discount span {
    list-style: none;
    background: #08aa2066;
    padding: 4px 15px;
    color: #000;
    font-size: 13px;
}

.cart_btn a {
    background: linear-gradient(135deg, #ff934b 0%,#ff5e62 100%);
    padding: 6px 10px;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    font-size: 12px; float:left;
}

.cart_btn span {
    float: right;
    font-size: 28px;
    color: #0ab251;
}
.cart_btn img {
    width: 20px !important;
    display: inline-block !important;
    padding: 0 0 0 0;
    margin: 0 6px 0 0;
}
.rating_price span {
    color: #999999;
    font-weight: 400;
    font-size: 15px;
    padding: 0 0 0 14px;
}
.rating_price h3 {
    width: 100%;
    font-size: 17px;
}

.pro_view-img.product_content h4 {
    color: #f7524c;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
}
.rating_price p {padding:5px 0 0px;
}

.rating_price {
    float: left;
    text-align: center;
    width: 100%;
    padding: 20px 0 10px;
}
article.list-product.product_top_slid .img-block {
    padding: 30px 0 20px;
    text-align: center;
    overflow: hidden;
}

.cart_btn span a {
    background: none;
    color: #0ab251;
    float: right;
    font-size: 30px;
    border-radius: 100px;
    padding: 0px;
}

ul.product-flag a {
    color: #80bb01;
    float: right;
    font-size: 13px;
    border: solid 1px #80bb01;
    border-radius: 100px;
    padding: 5px 0;
    margin: 0 20px 0 0px;
    width: 30px;
    height: 30px;
    text-align: center;
}
ul.product-flag a:hover {
    background: #ff5900;
    color: #fff;
    border: solid 2px #f7685a;
}
.discount {
    float: left;
}
ul.star_product {
    padding: 0px 0 10px;
    list-style: none;
}

ul.star_product li a {
    list-style: none;
    color: #ff5900;
    padding: 0px;
    font-size: 15px;
} 

ul.star_product li {
    display: inline;
    padding: 0 2px;
}

.cart_btn {
    width: 100%;
    text-align: center;
}
article.list-product.product_top_slid:hover .img-block img {
    transform: translateY(10px);
    transition: all 0.3s ease-in-out 0.1s;
	 transition: transform .5s;
	 transform: scale(1.2);
   
}

article.list-product.product_top_slid:hover {
    background: #ebf4dc87;
    border-color: #ebf4dc87;
}

/******* end product *******/
/******* popular product *******/
.banners_section.banner_2 {
    padding: 40px 0 0px;
    float: left;
    width: 100%;
}
.banners_section.banner_2 img {
    border-radius: 5px;
}
.delavery_content img {
    float: left;
}
.delavery_content i {
    float: left;
    border: solid 2px #ff5900;
    width: 65px;
    padding: 0;
    border-radius: 100%;
    margin-right: 15px;
    height: 65px;
    text-align: center;
    line-height: 59px;
    font-size: 26px;
	color:#ff5900;
}
.delavery_content h5 {
    padding: 8px 0 0; color:#ff5900;
}
.delavery_section {
    width: 100%;
    padding: 42px 0;
    background: #fff;
    margin-top: 60px;
    display: inline-block;
}
/******* end popular product *******/

/******** news later *******/
.news_latter {
    background: #ff5900;
    padding: 40px 0px;
    color: #fff;
    background-image: url(../images/slider.jpg);
    background-size: cover;
    background-position: 0 -440px;
    position: relative;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
}
.news_latter:before {
    content: '';
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}
.news_left i {
    background: #fff;
    padding: 20px;
    border-radius: 100%;
    font-size: 34px; color:#ff5900;
	float: left; margin-right:15px;
}
.news_left h5 {
    padding: 10px 0 0;
    font-size: 25px;
}
.news_right input {
    height: 60px;
    padding: 0 30px;
}
.news_right button {
    height: 50px !important;
    padding: 0 25px !important;
    margin: 5px 5px;
}

/**** end news letter ******/
/*********** testimonial *********/
.testimonial-section2 {
    /* height: 600px; */
    position: relative;
    padding: 30px 0;
    background-image: linear-gradient(135deg, #ff934b 0%,#ff5e62 100%);
}
.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 26px 20px 40px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
    cursor: pointer;
}

.testim .arrow:hover {
    color: #2b288d;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
    position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #2b288d;
    border-color: #2b288d;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
    overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div .h4 {
    color: #2b288d;
    font-size: 1.2em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #eee;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active .h4 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive .h4 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
  body {
    font-size: 14px;
  }
}

@media all and (max-width: 500px) {
  .testim .arrow {
    font-size: 1.5em;
  }
  
  .testim .cont div p {
    line-height: 25px;
  }

}
/*********** testimonial end *********/
/********** footer **********/
footer.page-footer {
    float: left;
    width: 100%;
    background: #fff;
}
.footer_center p {
    color: #000;
    font-size: 14px;
    padding: 10px 0 0;
    float: left;
    width: 100%;
}
.footer_center a {
    color: #000;
    font-size: 14px;
    
    float: left;
    width: 100%;
}
.footer-copyright.text-center.py-3 {
    border-top: solid 1px #ccc;
}
footer.page-footer h6 {
    color: ff5900;
}
footer.page-footer hr {
    border-color: #ff5900;
}
.footer-copyright a{
    color: ff5900;
}
/******* end footer *******/



/****** product details *******/
.product_submenu {
    width: 100%;
    padding: 0px;
    float: left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 0 50px;
	background-color:#fff;
}
.sub_menu_product nav ol {
    background: none;
    margin: 0px;
    padding: 18px 0;
}
.product_details_content {background:#fff; padding:40px 0; float:left; width:100%;}
.rate {
    float: left;
    padding: 0 0px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:20px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '\f005 ';
    font-family: FontAwesome;
    font-size: 20px;
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

.rate.star_rating label {
    padding: 0 0;
    margin: 0 10px 0 0;
    font-size: 0;
    width: 20px;
    height: 34px;
}

.rate.star_rating p {
    padding: 3px 0 0;
    color: #f75600;
}
h2.product-price.mb-15 {
    width: 100%;
    float: left;
    color: #5b5b5b;
    font-size: 25px;
}
span.discounted-price {
    color: #b6b6b6;
    font-size: 20px;
    font-weight: 400;
    padding: 0 0 0 10px;
}
.detailss p {
    width: 100%;
    float: left;
}
h2.product-price {
    width: 100%;
    float: left;
    padding: 15px 0;
}
.number_kg {
    width: 100%;
    float: left;
    padding: 15px 15px;
    background: #eee;
}
.input-group.number-spinner button {
    height: 25px;
    color: #000;
    outline: none;
    margin: 0;
    border: solid 1px #000;
    border-radius: 100px;
    width: 25px;
    text-align: center;
    padding: 0;
    font-size: 14px;
}

.input-group.number-spinner1 button {
    height: 25px;
    color: #000;
    outline: none;
    margin: 0;
    border: solid 1px #000;
    border-radius: 100px;
    width: 25px;
    text-align: center;
    padding: 0;
    font-size: 14px;
}

.input-group.number-spinner2 button {
    height: 25px;
    color: #000;
    outline: none;
    margin: 0;
    border: solid 1px #000;
    border-radius: 100px;
    width: 25px;
    text-align: center;
    padding: 0;
    font-size: 14px;
}
.input-group.number-spinner input {
    background: no-repeat;
    border: none;
    outline: none;
    max-width: 60px !important;
    padding: 0;
}
.input-group.number-spinner {
    border: solid 1px #ccc;
    padding: 8px 10px;
    width: fit-content;
    border-radius: 5px;
}

.input-group.number-spinner1 input {
    background: no-repeat;
    border: none;
    outline: none;
    max-width: 60px !important;
    padding: 0;
}
.input-group.number-spinner1 {
    border: solid 1px #ccc;
    padding: 8px 10px;
    width: fit-content;
    border-radius: 5px;
}

.input-group.number-spinner2 input {
    background: no-repeat;
    border: none;
    outline: none;
    max-width: 60px !important;
    padding: 0;
}
.input-group.number-spinner2 {
    border: solid 1px #ccc;
    padding: 8px 10px;
    width: fit-content;
    border-radius: 5px;
}
.quntety {
    width: 100%;
    float: left;
    padding: 20px 0;
}

.quntety a {
    background: #eee;
    padding: 7px 20px;
    border-radius: 3px;
    color: #000;
    text-decoration: none;
    margin: 0 10px 0 0;
}
.quntety a:hover {
    background: #f75600;
    color: #fff;
}

.number a {
    background: #f75600;
    border: none;
    padding: 10px 22px;
    float: left;
    font-size: 14px;
    font-weight: 600;
}
.nav_tabs2 {
    background: #eeeeee;
}
.product_details-sp {
    padding: 0 30px 0 0;
}
.preview-pic.tab-content img {
    height: 345px;
    width: auto;
    display: inline-block;
}
.detals_tab {
    padding: 20px 20px;
}
.nav_tabs2 .active {
    background: none !important;
    color: #86ba00 !important;
    border: none;
    border-bottom: solid 4px #86ba00 !important;
}
.nav_tabs2 a {
    color: #000;
}

.pro-avg-ratting h4 {
    font-size: 16px;
}
.pro-avg-ratting span {
    font-size: 13px;
    color: #9b9b9b; font-weight:400;
}

.ratting-author h3 {
    float: left;
    font-size: 16px;
    padding: 0 11px 0 0;
}
.sin-list.float-left i {
    color: #808080;
}

.ratting-list {
    width: 100%;
    float: left;
    padding: 16px 0;
}

.sin-list.float-left {
    padding: 0 27px 0 0;
}
.rattings-wrapper p {
    padding: 5px 0 40px;
    color: #807f7f;
    float: left;
    width: 90%;
}
.ratting-form-wrapper h3 {
    float: left;
    font-size: 18px;
}

.ratting-form{
    float: left;
    width: 100%;
}

h5.rating12 {
    font-size: 14px;
    float: left;
    padding: 0 10px 0 0;
}
.reating_from label {
    width: 100%;
    color: #686565;
}
.reating_from input,textarea {
    width: 100%;
    padding: 10px 12px;
    outline: none;
    border: solid 1px #ccc;
    border-radius: 3px;     margin: 0 0 20px;
}
input.add_review_btn {
    width: auto;
    background: #86ba00;
    border: none;
    color: #fff;
    padding: 12px 30px;
    text-transform: uppercase;
}
.ratting-author {
    width: 100%;
    float: left;
}
.ratting-author img {
    float: left;
    width:70px !important;
    display: inline-block;
    padding: 0 0px 0 0;
    margin: 0 21px 0 0;
    border-radius: 100%;
    border: solid 2px #e9e9e9;
}
.tab-slider-wrapper {
    margin: 40px 0 0;
}






.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; text-align:center; }
  .preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
    max-width: initial;
    display: block;
    height: 80px;
}
    .preview-thumbnail.nav-tabs li a {
    padding: 0;
    margin: 0;
    text-align: center;
    display: inline-block;
}
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

/* .tab-content {
  overflow: hidden; } */
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }


@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*# sourceMappingURL=style.css.map */



/******* category product ******/
section.top_slider.category_product article {
    margin: 20px 0 0px;
    overflow: hidden;
}
.category_tabs select {
    padding: 9px;
    border-radius: 4px;
    border: none;
}
.category_tabs ul li a {
    color: #f75600;
    font-size: 22px;
    padding: 0px 28px 0 0;
}
.category_tabs ul li .active {
    color: #86ba00;
}

.accordion .card-header:after {
    font-family: FontAwesome;
    content: "\f0d7";
    float: right; 
    color: #7d7d7d;
}
.accordion .card-header.collapsed:after {  
   font-family: FontAwesome;
    content: "\f0da";
    color: #7d7d7d;
}

.card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
p.filters {
    background: #fff;
    padding: 14px 20px;
    font-size: 18px;
    border-bottom: solid 2px #eee;
}
.category_box {
    background: #fff;
    box-shadow: 0 2px 2px 1px #d2d2d2;
}
.card-header.category_menu_left {
    background: #fff;
}
.card-header.category_menu_left  a{ text-decoration:none;
    color: #000;
}



ul.category_menu12 li  a{
   color:#000;
   text-decoration:none;
}
ul.category_menu12 li a i {
    color: f75600;
}
ul.category_menu12 {
    background: #f0f3f9;
    padding: 10px 20px;
    border-bottom: solid 2px #eee;
}

ul.category_menu12 li {
    list-style: none;
    padding: 8px 0;
    border-bottom: solid 1px #fff;
}

.category_section {
    width: 100%;
    padding: 0 0 60px;
    float: left;
    margin: 0px;
}
.grideviews{
    text-align: left;
}
.grideviews .rating_price {
    text-align: left;
}
.banner5 {width:100%; margin:0px; padding:40px 0;}

.out_of_stock {
    text-align: center;
  
    padding: 10px 0;
    margin: 0 0;
    position: absolute;
    top: 50%;
    width: 80%;
    left: 10%;
    color: #fff;
    border-radius: 5px;
   
	background: linear-gradient(135deg, #ff934b 0%,#ff5e62 100%);
}
article#diseble_order {
    background: #ffdada5e;
	border-color:#ffdada5e;
}
.disabledbutton {
    pointer-events: none;
    opacity: 0.;
}
ul.pagination.pg-blue.paginations_custom {
    display: inline-block; padding:40px 0 0;
}
ul.pagination.pg-blue.paginations_custom li {
    display: inline-block;
}
/***** end category product ********/

/****** login ******/

.sign_in {
	border-radius: 100px;
	border: 1px solid #ff5900;
	background-color: #ff5900;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 45px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: transform 80ms ease-in; cursor: pointer;
}

.sign_in:active {
	transform: scale(0.95);
}

.sign_in:focus {
	outline: none;
}

.sign_in.ghost {
	background-color: transparent;
	border-color: #FFFFFF;
}


a.forgot_password {
    width: 100%;
    float: left;
    color: #ff5900;
    font-weight: 400;
    padding: 10px 0;
}
span.user_account {
    font-size: 15px;
}

.login_field {
	background-color: #eee;
	border: none;
	padding: 12px 15px;
	margin: 10px 0;
	width: 100%; outline:none;
}

.main-page {
    background-image: url(../img/banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 680px;background: linear-gradient(90deg, rgb(182 213 243) 0%, rgb(182 213 243) 100%);
}

.social-container {
	margin: 20px 0;
}

.social-container a {
    border: 2px solid #DDDDDD;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 14px;
    height: 40px;
    width: 40px;
    text-decoration: none;
    color: #000;
}

.social_two a {border: 2px solid #fff !important;
    color: #fff;}
a.social:hover {
    background: #c83b0b;
    color: #fff;
}
.form-container.sign-in-container {
    background: #fff;
    float: left;
    width: 100%;
    margin: 40px 0;
    padding: 0px;
}


.logo_login {
    padding: 60px 0 0;
}

.form-container.sign-in-container {
    background: #fff;
    float: left;
    width: 100%;
    margin: 40px 0;
    padding: 20px 30px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0px 5px 2px #cccc;
}


/********** end login **********/

/*** order list *****/
.list_table tr th {
    background: #80bb01;
    color: #fff;
	    font-weight: 400;
}
.list_table {
    background: #fff;
}
.list_table tr td img {
    width: 150px;
}
.list_table tr {
    border-bottom: solid 1px #ccc;
}

.list_table a {
    color: #80bb01;
    text-decoration: none;
}
.cart-summary {
    background: #f4f5f7;
    box-shadow: 0px 1px 2px 1px #ccc;
    padding: 0 0 26px;
}

.cart-summary h4 {
    background: #80bb01;
    color: #fff;
    font-size: 15px;
    padding: 18px 20px;
}
h2.grand_total {
    font-size: 17px;
    padding: 18px 20px;
    border-top: solid 1px #ccc;
    margin: 20px 0 0;
    font-weight: 600;
}
h2.grand_total span {float:right;}
.cart-summary p {
    font-size: 15px;
    padding: 14px 20px 0;
}
.cart-summary p span {
    float: right;
}
/********* end order list *******/
/**** checkout ****/
.checkout_section {
    width: 100%;
    float: left;
    background: #fff;
}
.checkout_section h5 {
    background: #80bb01;
    color: #fff;
    padding: 15px 20px;
    font-size: 18px;
}

form.form_checkout {
    padding: 10px 20px;
}

.card_box {
    padding: 27px 0;
    width: 100%;
}
.row.card_box i {
    font-size: 26px;
    padding: 0 10px 0 0;
}

.row.card_box label {
    font-size: 20px;
    color: #80bb01;
}
form.form_checkout input select {
    height: 43px;
}
/***** end checkout *******/

/******** contact us ************/
.contact_us_section {
    float: left;
    width: 100%;
    padding: 0px 0; position:relative;	
}
.form-container.contact_us {
    background: #fff;
    padding: 40px;
    width: 100%;
    float: left;
}.form-container.contact_us h1 {
    font-size: 20px;
    border-bottom: solid 2px #d1d1d1;
    padding: 0 0 12px;
    margin: 0 0 30px;
}
.form-container.contact_us h1 span {
    float: right;
    color: #80bb01;
	    font-size: 25px;
}


.contact_info h4 {
    font-size: 15px; font-weight:400; width:100%; float:left;
}
.contact_info span {
    float: left;
    width: 50px;
    border: solid 1px #ffffff;
    text-align: center;
    line-height: 30px;
    height: 50px;
    margin: 0 17px 0 0;
    border-radius: 100%;
    padding: 12px 0;
    font-size: 22px;
    background: #ffffff;
    color: #ff5900;
}.form-container.contact_us.contact_information {
    background: #ff5900;
    color: #fff;
}
.contact_details {
    width: 100%;
    float: left;
    padding: 0 0 40px;
}
.contact_up {
    position: relative;
    top: -100px;
    box-shadow: 0 3px 6px 4px #afabab;
    width: 100%;
    float: left;
}
/********* contact us end **********/


/******* my account css *****/

.my-account-header .logo img {
    width: 110px;
}

.my-account-header .top_links a {
    margin: 0;
}

.my-account-header {
    padding-top: 10px;
}

.account-box-bg {
    width: 100%;
    float: left;
    padding: 30px 15px; background:#fff;
}


.account-form-info {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 100px 0 60px;
    background-position: top;
}


ul.nav-side.nav li {
    width: 100%;
}
ul.nav-side.nav li a {
    width: 100%;
    padding: 12px 11px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #7c7d7f;
    background: #f8f8f8;
    border-radius: 5px;
    margin: 0 0 15px 0;
    font-family: 'Open Sans', sans-serif;
}
ul.nav-side.nav li a svg {
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
    float: left;
}
ul.nav-side.nav li a.active {
    background: #fff8ee;
    color: #000;
}

.user-account-img {
    text-align: center;
    padding: 40px 0;
    float: left;
    width: 100%;
}

.menu_all-acc {
    width: 100%;
    float: left;
}

ul.nav-side.nav li a svg {
    margin-right: 15px;
}

footer {
    float: left;
    width: 100%;
    padding: 40px 0 0;
}

.user-account-img h5 {
    margin: 15px 0 6px;
    font-size: 18px;
    color: #000; font-family: 'Open Sans', sans-serif; font-weight:700;
}

.user-account-img a {
    text-decoration: none;
    color: #000;font-family: 'Open Sans', sans-serif;
}

.personal-info-header {
    border-bottom: solid 1px #E8E8E8;
    padding: 0 0 15px 0;
    float: left;
    width: 100%;
}

.personal-info-header a {
    text-decoration: none;
    color: #606060;
    font-weight: 400;
    border: solid 1px #E8E8E8;
    border-radius: 5px;
    padding: 5px 15px;
    display: inline-block;font-family: 'Open Sans', sans-serif; font-size:15px;
}

.personal-info-header h4 {
    margin: 0;
}

.user-information {
    padding: 25px 0;
    float: left;
    width: 100%;
}

.user-information p {
    margin: 0;
    padding: 0 0 15px;
    font-size: 16px; color:#000;
}


.user-information div {
    display: grid;
    justify-content: left;
    grid-gap: 20px;
    margin: 0 0 0px;
    float: left;
    width: 100%;
    grid-template-columns: 160px 1fr;
    padding: 0;font-family: 'Open Sans', sans-serif;
}



.user-activitys {
    display: grid;
    justify-content: left;
    grid-gap: 20px;
    margin: 0 0 0px;
    float: left;
    width: 100%;
    grid-template-columns: 40px 1fr;
    padding: 30px 0;
    font-family: 'Open Sans', sans-serif;
    border-bottom: solid 1px #E8E8E8;
}

.recent-activity .star-review {
    text-align: left;font-family: 'Open Sans', sans-serif;
}

.recent-activity h6 {
    font-size: 18px; margin:0px;
}

.recent-activity p {
    margin: 0;
}

a.see-review-btn {
    margin: 20px 0 0 60px;
    color: #000;
 font-family: 'Open Sans', sans-serif;     float: left;
}

.account-right-section {
    width: 100%;
    float: left;
    border-left: solid 1px #eee;
    padding: 0 0 0 20px;
}

ul.nav-side.nav li a svg path {
    fill: #7c7d7f;
}

ul.nav-side.nav li a.active svg path {
    fill: #000;
}


/******** my order css *********/

table.table-order tr th {
    font-size: 16px;
    font-weight: 400; background: #fff;
    color: #A4A4A4; font-family: 'Open Sans', sans-serif;
}
table.table-order tr td {
    font-size: 15px;
    font-weight: 400;
    color: #000105; font-family: 'Open Sans', sans-serif; 
}

.deliverd {
    background: #a5cf75;
	 border-color: #E1F9C5;
    color: #3D6E00;
}

.shipped {
    background: #E1F9C5;
     border-color: #E1F9C5;
    color: #3D6E00;
}

.processing {
    background: #e3f5ce;
     border-color: #E1F9C5;
    color: #3D6E00;
}


.pending {
    background: #FFEDDF;
    border-color: #FFEDDF;
    color: #FF7810;
}

.table-order {
    background: #FFF9EF;
}

table.table-order tr {
    border-bottom: solid 2px #fff;
}

table.table-order tr:nth-child(odd) {
    background: #F8F8F8;
}

.cancelled {
    background: #db060659;
    border-color: #ff000029;
    color: #d70000;
}


.my-order-tabs li a {
    font-weight: 400;
    font-size: 16px;
    color: #AEAEAE;
}

.my-order-tabs li a.active {
    border: none !important;
}

.my-order-tabs {
    border: none !important;
    gap: 10px;
}

.wishlidt-order-heading P {
    margin-bottom: 5px;
}

/******** wishlist **********/

.product-imgand-heading {
    display: grid;
    justify-content: left;
    grid-gap: 20px;
    margin: 0 0 0px;
    float: left;
    width: 100%;
    grid-template-columns: 100px 1fr;
    align-items: center;
}

.trash-btn {
    font-size: 22px;
    color: #a4a4a4;
}

span.price-del {
    color: #A1A1A1;
}

ul.pagination.pagination-bottom.pagination-border li a {
    border: solid 1px #eee;
    border-radius: 4px !important;
}
.primg img {
    width: 80px;
    border-radius: 10px;
}
.cart-btns a {
    background: #80bb01;
    padding: 10px 10px;
    border-radius: 5px;  float: left; color: #fff; text-decoration: none;
}
a.category-view-btn.cartbt {
    padding: 9px 10px;
    margin-right: 10px;
}
.cart-btns a svg {
    width: 19px;
    height: 18px;
}
/**** membership page css *****/
.membership-status {
    width: 100%;
    float: left;
    background: #F8F8F8;
}

.vip-membership h6 {
    color: #A4A4A4;
    margin: 0px;
    padding: 13px 0;
    background: #fff;
    font-weight: 400; 
}

.membership-status {
    background: #F8F8F8;
    display: grid;
    justify-content: left;
    grid-gap: 0px;
    margin: 0 0 0px;
    float: left;
    width: 100%;
    grid-template-columns: 2fr 3fr 1fr;
    padding: 0; font-family: 'Open Sans', sans-serif; 
}

.member-bg {
    padding: 20px 20px;
    float: left;
    width: 100%;  font-size: 15px;
}


.member-bg ul li {
    padding: 0 0 8px;
}


/**** points page css *****/

.points-info {font-family: 'Open Sans', sans-serif;}
.points-table {
    display: grid;
    justify-content: left;
    grid-gap: 20px;
    margin: 20px 0 0px;
    float: left;
    width: 100%;
    grid-template-columns: 155px 110px 1fr 1fr;
    background-image: linear-gradient(to right, #FFE581, #FFC72D);
    padding: 20px;
    border-radius: 5px;
}

.points-info h6 {
    font-size: 17px;
    font-weight: 500; color:#000;
}
.points-info h1 {
    font-weight: 700;
    font-size: 40px;
    margin: 0 0 10px;
}
.points-info p {
    margin: 0px;
}

.points-info .input-field input {
    padding: 0 10px;
    font-size: 13px;
}

.points-info .newsletter-sec {
    grid-template-columns: 1fr 100px;
}


.points-info .form-control.submit-btn {
    letter-spacing: 0;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 600;
}

.points-info h6 strong {
    font-size: 15px;
}

.points-info small {
    background: #ffdb74;
    width: 100%;
    float: left;
    margin: 0 0 7px 0;
    padding: 4px 0px 4px 6px;
    color: #000;
    border-left: solid 4px #E3A700;
}

.tab-responsiv.points-tabless {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;
}


/***** testimonial ******/

.testimonial-field {
    padding: 18px 0 0 0;
    width: 100%;
    float: left; font-family: 'Open Sans', sans-serif;
}

.testimonial-field label {
    font-size: 16px;
    margin: 0 0 8px;
    width: 100%;
}

.testimonial-field select {
    height: 45px !important;
}
.testimonial-field input {
    height: 45px;
}

.testimonial-field input {
    height: 45px;
    box-shadow: none !important;
    outline: none !important;
}

.testimonial-field textarea {
    box-shadow: none !important;
    outline: none !important;
}

.testimonial-field .submit-btn {
    padding: 0 14px;
    display: inline-block;
    float: none !important;
}


#recipe-use .owl-nav button {
    top: 45%;
}

.testimonial-field .rating>label {
    font-size: 30px;
    margin: 0;
}

.testimonial-field .rating>input {
height:auto;
    margin: 0;
}
.testimonial-field .rate.star-rating {
    border: none;
    padding: 0;
}


.testimonial-field select {
    height: 45px;
}


.table-account {
    width: 100%;
    display: inline-block; margin-bottom: 10px;
}


.latest-news-section .latest-news-title {
    margin: 0 0 40px;
    float: left;
    width: 100%;
}



.shipping-section.product-details-shipping {
    width: 100%;
    text-align: center;
    padding: 0 10px;
}
ul.reviews-stars {
    display: flex;
    align-items: center;
}

.bottom-total-price {
    width: 100%;
    display: grid;
    grid-gap: 20px;
    margin: 0 0 0px;
    float: left;
    padding: 0;
    grid-template-columns: 1fr 2fr 1.2fr 1.7fr 2fr;
}

.prod-set-counter {
    width: 100%;
    float: left;
    margin: 10px 0 0;
}
.mrpdiscount {
    display: flex;
    align-items: center;
}

.mrp_weitht h1 {
    font-size: 40px;
    font-weight: 700;
    color: #AA2222;
}
.mrp_weitht h1 small {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.mrp_weitht h1 span {
    font-size: 25px;
    color: #656565;
    font-weight: 500;
    padding: 0 10px;
}


.mrp_weitht p {
    font-size: 15px;
    color: #656565;
    margin: 0;
}

.mrp_weitht p span {
    color: #AA2222;
}

.mrpss span {
    width: 100%;
    float: left;
    color: #AA2222;
}

.mrpss {
    font-size: 30px;
    color: #000;
    text-align: center;
    font-weight: 500;
    line-height: 35px;
    border: solid 1px #e3e3e3;
    border-top: none;
    border-bottom: none;
    padding: 8px 0;
    display: inline-block; width:100%;
}

.save-mrp {
    display: flex;
    align-items: center;
    
}

.coupan h1 {
    margin: 0;
    font-size: 40px;
    font-weight: 700; font-family: 'Open Sans';
}
.knowmorbt {
    float: right;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;font-family: 'Open Sans';
}

.product-zoom-ef {
    width: 100%;
    display: grid;
    grid-gap: 20px;
    margin: 0 0 0px;
    padding: 0;
    grid-template-columns: 97px 1fr;
    height: 100%;
}

.product-list-img {
    position: absolute;
    height: 90%;
    float: left;
    width: 100%;
    overflow: hidden;
}

/*************************************/
/* header fixed css */
.header-login a span img {
    height: 28px;
}
.site-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.site-header.fixed .header-logo img {
    width: 60px;
}

.site-header.fixed ul.nav_menu li {
    font-size: 14px; text-transform: capitalize;
}
.site-header.fixed nav.navbar.navbar-expand-md.navbar-light {
    padding: 0;
}
.site-header.fixed .header-logo select {
    height: 37px;
    border-right: solid 1px #ccc;
    left: 16px;
    top: 2px;
    font-size: 12px;
}
.site-header.fixed .header-logo input {
    height: 40px;
    padding: 0 114px 0 106px; font-size: 14px;
}
.site-header.fixed button.btn.search_btn {
    height: 39px;
    border-radius: 100px;
    padding: 0 10px;
    font-size: 13px;
}
.site-header.fixed .header-login a span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0 10px 0 0;
}
.site-header.fixed .header-login a {
    font-size: 14px;
    letter-spacing: 0;
}
.site-header.fixed .header-login p {
    color: #8f8f8f;
    font-size: 12px;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}



.star-amazin h5 {
    color: #000;
    font: normal normal normal 18px Open Sans;
    letter-spacing: 0.31px;
    margin: 0px;
}

.star-amazin small {
    font: normal normal normal 14px Open Sans;
    letter-spacing: 0.24px;
    color: #919191;
    padding: 8px 0 0;
    width: 100%;
    float: left;
    font-weight: 400;
}

.rate.star-rating {
    border-bottom: solid 2px #f1f1f1;
    padding: 15px 0 20px;
}

 
/* header fixed css */


.user-profile-icon {
    width: 100px;
}

.submit-btn {
    background: #80bb01;
    color: #fff;
    border: none;
}

.my-order-tabs .nav-link {
    font-size: 14px;
}
.my-order-tabs .nav-link.active {
    background: #80bb01;
    border-color: #80bb01;
}

.offcanvas-header{ display:none; }

  @media (max-width: 992px) {
    .offcanvas-header{ display:block; }
    .navbar-collapse {
      position: fixed;
      top:0; 
      bottom: 0;
      left: 100%;
      width: 100%;
      padding-right: 1rem;
      padding-left: 1rem;
      overflow-y: auto;
      visibility: hidden;
      background-color: black;
      transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }
    .navbar-collapse.show {
      visibility: visible;
      transform: translateX(-100%);
    }
  }


  
/*********** login css *******/



.login-account p {
    font-size: 16px;
    color: #dcf7bb;
    margin: 16px 0 30px;
  }
  
  .loginforms .input-group {
    padding: 0 0 0 0;
    margin: 0 0 12px;
    border-radius: 5px;
    overflow: hidden;
    background: #0000000d;
    border-bottom: solid 2px #335a02;
}
  .loginforms .input-group input {
      background: none;
      height: 42px;
      border: none;
      border-radius: 0;
      -webkit-text-fill-color: #fff; font-size: 14px;
      color: #fff;
  }
  
  .loginforms .input-group-text {
    background: no-repeat;
    border: none;
    border-radius: 0;
    height: 22px;
    border-right: solid 2px #e2e7cf;
    padding: 0 15px; 
  }
  
  .loginforms .input-group-prepend {
    padding: 11px 0 0 3px;
  }
  
  .loginforms .input-group input:focus {
    border: none;
    box-shadow: none;
  }
  
  .submit-login-btn {
      width: 100%;
      margin: 10px 0 0;
      height: 45px;
      border-radius: 5px;
      background: #fff;
      outline: none;
      box-shadow: none;
      font-size: 16px;
      border-color: #fff;
      color: #5fac00;
      text-transform: uppercase;
      font-weight: 500;
  }
  .submit-login-btn:hover {
      background: #740a0e;
  }
  
  .forgotpassword {
      color: #ffffff;
      padding: 0 0 0px;

  }
  .forgotpassword:hover { color: #740a0e;}
  
  .input-group-prepend img {
    height: 20px;
    width: 18px;
    margin: -5px 0 0 0;
}
  
  
  
  
  .login-tabe-field {
      background: #231F20;
      padding: 70px 100px;
      float: left;
      width: 100%;
  }
  
  .login-box {
    padding: 40px 0;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    display: contents;
}
.login-box h4 {
    padding: 50px 0 0;
    color: #579b05;
    font-weight: 600;
    line-height: 30px;
}

  .login-img.text-center {
    position: absolute;
    bottom: 0;
}
.login-img.text-center img {
    width: 100%;
}
  
  .login-account h2 {
      font-size: 35px;
      color: #fff;
      margin: 0 0 40px 0;
  }
  .login-img img {
      width: 550px;
      display: inline-block;
  }
  
  
  .login-tabe-field {
      background: #5fac00;
      padding: 70px 70px;
      width: 100%;
      margin: 0px;
      float: left;
      line-height: 23px;
      display: flex;
      justify-content: space-around;
      text-align: left;
      -webkit-flex-flow: column nowrap;
  }
  
  .logo-nav {
      padding: 40px 0 0 40px;
      float: left;
  }
  .login-bg-section {
      background: #fbf5eb;
      width: 100%;
      float: left;
      padding: 70px 220px;
  }
  
  .login-register-bg {
      /* box-shadow: 0px 0px 8px 2px #00000036; */
      background: #fff;
      border-radius: 0px;
      overflow: hidden;
  }
  
  /******* login end css *******/


  /* 5.2 about-section   */
.about-section {
    border-top: 1px solid #ebebeb;
  }
  .about-section .video-area {
    max-width: 469px;
    position: relative;
  }
  .about-section .video-area img {
    border-radius: 5px;
    width: 100%;
  }
  .about-section .video-holder a {
    background: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    box-shadow: 0px 3px 27.2px 4.8px rgba(8, 106, 216, 0.11);
    transform: translate(-50%, -50%);
    -webkit-animation: spineer 2s infinite;
    animation: spineer 2s infinite;
  }
  .about-section .video-holder a .fi:before {
    font-size: 50px;
    
    color: #80bb01;
  }
  @media (max-width: 1199px) {
    .about-section .about-area {
      padding-top: 0;
      padding-left: 0;
    }
  }
  @media (max-width: 991px) {
    .about-section .about-area .about-wrap {
      margin-top: 40px;
    }
  }
  .about-section .about-area .about-wrap .about-title small {
    display: block;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  @media (max-width: 991px) {
    .about-section .about-area .about-wrap .about-title small {
      font-size: 20px;
      margin-bottom: 10px;
    }
  }
  .about-section .about-area .about-wrap .about-title h2 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .about-section .about-area .about-wrap .about-title h2 span {
    color: #80bb01;
  }
  @media (max-width: 1200px) {
    .about-section .about-area .about-wrap .about-title h2 {
      font-size: 40px;
      line-height: 65px;
    }
  }
  @media (max-width: 991px) {
    .about-section .about-area .about-wrap .about-title h2 {
      font-size: 40px;
      line-height: 55px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 450px) {
    .about-section .about-area .about-wrap .about-title h2 {
      font-size: 30px;
      line-height: 45px;
    }
  }
 
  .about-section .about-area .about-wrap .about-title p {
    margin-bottom: 30px;
  }
  .about-section .about-area .about-wrap ul {
    margin-bottom: 20px;
  }
  .about-section .about-area .about-wrap ul li {
    padding: 10px 0;
    padding-left: 40px;
    position: relative;
  }
  .about-section .about-area .about-wrap ul li:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: rgba(5, 196, 107, 0.2);
    content: "\f00c";
    border-radius: 50%;
    font-family: FontAwesome;
    text-align: center;
    color: #80bb01;
    font-size: 14px;
  }
  .about-section .about-area .about-wrap .theme-btn i, .about-section .about-area .about-wrap .view-cart-btn i {
    margin-left: 10px;
  }


  .theme-btn, .view-cart-btn {
    background: #80bb01;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 15px 45px;
    border: 0;
    border-radius: 6px;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    position: relative;
    font-size: 16px;
    border-radius: 40px; 
}
.theme-btn:hover {background-color: #fff; color: #000; text-decoration: none;}
.flaticon-play-button {
    font-size: 25px;
    transform: translate(17%, 16%);
    color: #000;
}
.theme-btn:after, .view-cart-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background: #0d3422;
    transition: opacity 0.5s ease-out;
    opacity: 0;
    z-index: -1;
}




.category-area-s3 .category-wrap .category-item .category-icon {
    float: none;
    background: #f0f6ec;
    margin-bottom: 15px;
    border-radius: 5px;
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .category-area-s3 .category-wrap .category-item .category-icon:before {
    border-radius: 5px;
  }
  .category-area-s3 .category-wrap .category-item .category-content {
    margin-top: 0;
  }
  .category-area-s3 .category-wrap .category-item .category-content h2 {
    font-size: 25px;
  }
  .category-area-s3 .category-wrap .category-item .category-content a {text-decoration: none;}

  .category-area-s3.style-2 {
    background: #fdf5ee;
  }
  .category-area-s3.style-2 .category-wrap .category-item {
    background: #fff;
    margin-bottom: 45px;
  }
  .category-area-s3.style-2 .category-wrap .category-item .category-icon {
    background: #fdf5ee;
  }

  .category-area-s3 .category-wrap .category-item { background: #FFF; 
    text-align: left;
    padding: 50px;
    margin-top: 45px;
    box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09);
}
.category-content h2 {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px; color: #000;
}
.category-content h2 a {color: #070143;}
.category-area-s3 .category-wrap .category-item p {
    font-size: 16px;
    color: #687693;
    line-height: 1.8em;
}
.category-area-s3 .category-wrap .category-item a:hover {
    color: #80bb01;
}

/*--------------------------------------------------------------
6.1 team-section
--------------------------------------------------------------*/
.team-section {
    background: #fff;
    padding-top: 0;
  }
  .team-section .wpo-section-title p {
    margin-top: 10px;
  }
  .team-section .grid .img-holder {
    background: #F0F6EC;
  }
  .team-section .grid .details {
    text-align: center;
    padding: 35px 0;
    border: 1px solid #82e1b5;
    border-top: 0;
  }
  .team-section .grid .details h4 {
    font-size: 25px;
    margin: 0 0 0.3em;
    font-weight: 600; color: #000;
  }
  .team-section .grid .details a {text-decoration: none;}
  @media (max-width: 991px) {
    .team-section .grid .details h4 {
      font-size: 16px;
      
    }
  }
  .team-section .grid .details p {
    font-size: 16px;
    
    margin: 0 0 0.4em;
  }
  .team-section .grid .details ul {
    overflow: hidden;
    display: inline-block;
  }
  .team-section .grid .details ul li {
    float: left;
    list-style: none;
  }
  .team-section .grid .details ul > li + li {
    margin-left: 12px;
  }
  .team-section .grid .details ul a {
    font-size: 14px;
    
    color: #999E9C;
  }
  .team-section .grid .details ul a:hover {
    color: #80bb01;
  }
  .team-section .team-slider .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
  .team-section .team-slider .owl-nav [class*=owl-] {
    line-height: 43px;
  }
  .team-section .team-slider .owl-nav button {
    background: transparent;
    padding: 0;
    margin: 0 15px;
  }
  .team-section .team-slider .owl-nav button {
    background-color: transparent;
    width: 55px;
    height: 55px;
    z-index: 10;
    bottom: -95px;
    top: auto;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    color: #070143;
    transition: all 0.3s;
  }
  .team-section .team-slider .owl-nav button:hover {
    background: #80bb01;
    color: #fff;
  }
  .team-section .team-slider .owl-nav button:hover:before {
    color: #fff;
  }
  .team-section .team-slider .owl-theme .owl-controls {
    margin-top: 30px;
  }
  .team-section .team-slider .owl-theme .owl-controls .owl-nav [class*=owl-] {
    border: 1px solid #dfd8d2;
  }
  .team-section .team-slider .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #80bb01;
    color: #fff;
  }
  .team-section .team-slider .owl-stage-outer {
    margin: 0 -15px;
  }
  .team-section .team-slider .owl-stage-outer .owl-stage {
    margin: 0 15px;
  }
  
.about-wrap p {font-size: 16px;
    color: #687693;
    line-height: 1.8em; margin-bottom: 20px;}
    .about-wrap ul li {font-size: 16px; list-style: none;
        color: #687693;
        line-height: 1.8em;}
  .wpo-section-title span {
    text-transform: capitalize;
    font-size: 20px;
    color: #80bb01;
    font-style: italic;
    font-weight: 400;
    line-height: 3px;
    text-align: center;
}

.wpo-section-title p {
    font-size: 16px;
    color: #687693;
    line-height: 1.8em;
}

.category-area-s3 {
    padding-bottom: 80px;
    padding-top: 0;
}

.wpo-section-title {
    margin-bottom: 60px;
    text-align: center;
}

.sub_menu_product .breadcrumb-item a {
    color: #80bb01;
    text-decoration: none;
}






.faqs-accordion .card-header:after {
    position: absolute;
    right: 20px;
    top: 16px;
}
.faqs-accordion .card-header .btn {
    text-decoration: none;
    color: #000;
    padding: 12px 20px; border: none;
}
.accordion.faqs-accordion .card-header {
    margin: 0 0 0;
    padding: 0; border: none;
}

.accordion.faqs-accordion .card {
    margin: 0 0 5px;
    border: none;
}

.faqs-accordion .card-header .btn {
    text-decoration: none;
    color: #5f8b00;
    padding: 14px 20px;
    border: none;
    font-size: 17px;
    font-weight: 500;
    background: #80bb012b;
}

.faqs-accordion .card-header .btn.collapsed {
    background: #f7f7f7;  color: #000;
}

.accordion.faqs-accordion {
    margin: 40px 0 0;
    display: inline-block;
}

/* cart popup */

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 380px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto; 
}
.modal-open .modal { z-index: 999999 !important;
}

/*Left*/
.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}
    
/*Right*/
.modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out; 

}

.modal.right.fade.in .modal-dialog {
    right: 0;
}
   
.modal-content.productmodal {
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 0;
}

.productlist {
    display: grid;
    justify-content: left;
    grid-gap: 10px;
    margin: 0 0 0px;
    float: left;
    width: 100%;
    grid-template-columns: 80px 1fr 95px;
    border-bottom: solid 1px #eee;
    padding: 15px 0;
}

.cart-products p {
    font-size: 14px;
    margin: 0 0 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart-products .counter {
    width: max-content;
    padding: 2px 8px;
}

.cart-products .price-mrp {
    margin: 10px 0 0;
    text-align: center;
}

a.remove-btn {
    color: red;
    text-decoration: none;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}

.cart-products .counter span {
    display: block;
    font-size: 18px;
    padding: 0 0;
    cursor: pointer;
    color: #000000;
    user-select: none;
    border: none;
    width: 17px;
    text-align: center;
    height: 15px;
    border-radius: 100px;
    line-height: 15px;
}


.checkout-btn-cart {
    transition: ease-in 0.2s;
    background: #405e00;
    width: 100%;
    display: inline-block;
    text-align: center;
    align-items: center;
    border-radius: 0;
    margin-left: 0;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    margin: 14px 0 0; text-decoration: none !important;
}

.checkout-btn-cart:hover {color: #fff;}
.price-mrp span {
    font-size: 16px;
}



.total-footer h5 {
    font-weight: 500;
    text-align: center;
    width: 100%;
}

.total-footer p {
    font-size: 14px;
}

.cart-products img {
    border-radius: 5px;
}

.total-footer {
    position: fixed;
    bottom: 0; background-color: #fff;
}

.product-listing {
    padding-bottom: 137px !important;
}


.productlist .input-group.number-spinner button {
    height: 22px;
    color: #ccc;
    outline: none;
    margin: 0;
    font-size: 10px;
    padding: 0 0;
    background: no-repeat;
    border: solid 1px #ccc;
    border-radius: 100px;
    width: 22px;   outline: none;
    box-shadow: none;
}

.productlist .input-group.number-spinner1 button {
    height: 22px;
    color: #ccc;
    outline: none;
    margin: 0;
    font-size: 10px;
    padding: 0 0;
    background: no-repeat;
    border: solid 1px #ccc;
    border-radius: 100px;
    width: 22px;   outline: none;
    box-shadow: none;
}

.productlist .input-group.number-spinner2 button {
    height: 22px;
    color: #ccc;
    outline: none;
    margin: 0;
    font-size: 10px;
    padding: 0 0;
    background: no-repeat;
    border: solid 1px #ccc;
    border-radius: 100px;
    width: 22px;   outline: none;
    box-shadow: none;
}
.productlist .input-group.number-spinner {align-items: center;}
.productlist .input-group.number-spinner input {
    height: 34px;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.productlist .input-group.number-spinner {
    border: solid 1px #ccc;
    padding: 0px 6px;
    border-radius: 5px;
}

.productlist .input-group.number-spinner1 {align-items: center;}
.productlist .input-group.number-spinner1 input {
    height: 34px;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.productlist .input-group.number-spinner1 {
    border: solid 1px #ccc;
    padding: 0px 6px;
    border-radius: 5px;
}

.productlist .input-group.number-spinner2 {align-items: center;}
.productlist .input-group.number-spinner2 input {
    height: 34px;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.productlist .input-group.number-spinner2 {
    border: solid 1px #ccc;
    padding: 0px 6px;
    border-radius: 5px;
}
/* cart popup end */

.coupone-heading {
    margin: 0 0;
    font-size: 16px;
    color: #000;
    padding: 15px 0px;
    width: 100%;
    float: left;
}


.coupone-section h6 {
    font-size: 15px;
}
.coupone-section p {
    color: #8d8d8d;
    font-size: 13px;
}
.custom-control.form-check .form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2380bb01'/%3e%3c/svg%3e")}
.custom-control.form-check .form-check-input {
    width: 23px;
    height: 23px;
    margin: 10px 10px 10px 0;
    position: absolute;
    top: 10px; left: 6px;
}.custom-control.form-check .form-check-input:checked {
    background-color: #fff;
    border-color: #80bb01;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: #80bb01;
    border-color: #80bb01;
}.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=radio] {
    border-radius: 50%;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.couponespace {
    width: 100%;
    float: left;
}



.coupone-section {
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin: 0 0;
   
}
.couponespace .custom-control {
    width: 100%;
    display: inline-block;
    padding: 20px 20px 20px 40px;
    margin: 0 0;
    border-bottom: solid 1px #ccc;
}

.couponespace .custom-control:last-child {
    border: none;
}
.preview-pic.tab-content {
    overflow: hidden;
    text-align: center;
}

a.all-coupon {
    text-decoration: none;
    font-size: 14px;
    float: right;
    color: #000;
}
.coupone-cart p {
    color: #838383;
    margin: 12px 0 0;
}
.coupone-cart p a {
    color: #000;
   font-weight: 600;
}

.coupone-cart {
    padding: 20px;
    background: #fff;
    margin: 0 0 20px;
}




/* 3.3 wpo-offer-section */
.wpo-offer-section {
    padding-bottom: 90px;
  }
  @media (max-width: 767px) {
    .wpo-offer-section {
      padding-bottom: 0;
    }
  }
  .wpo-offer-section .offer-card {
    background: #d1f5da73;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    height: 300px;
    margin: 0 0 30px;
}
  @media (max-width: 991px) {
    .wpo-offer-section .offer-card {
      padding: 0 10px;
      height: 220px;
      margin: 0;
    }
  }
  @media (max-width: 767px) {
    .wpo-offer-section .offer-card {
      margin: 0;
    }
  }
  .wpo-offer-section .offer-card .offer-text {
    width: 100%;
  }
  .wpo-offer-section .offer-card .offer-text span {
    font-size: 14px;
    font-weight: 500;
    color: #80bb01;
  }
  .wpo-offer-section .offer-card .offer-text h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    color: #1E272E;
    margin-top: 16px;
    margin-bottom: 27px;
  }
  @media (max-width: 1200px) {
    .wpo-offer-section .offer-card .offer-text h3 {
      font-size: 19px;
      line-height: 30px;
      margin-top: 5px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 575px) {
    .wpo-offer-section .offer-card .offer-text h3 {
      font-size: 16px;
      line-height: 25px;
    }
  }
  .wpo-offer-section .offer-card .offer-img {
    width: 100%;
  }
  .wpo-offer-section .offer-slider .slick-arrow {
    height: 50px;
    width: 50px;
    background: #F0F6EC;
    z-index: 11;
    border-radius: 50px;
    transition: 0.4s ease-in-out;
    top: auto;
    bottom: -120px;
  }
  @media (max-width: 767px) {
    .wpo-offer-section .offer-slider .slick-arrow {
      padding: 10px 20px 40px 22px;
    }
  }
  .wpo-offer-section .offer-slider .slick-arrow:hover {
    background: #80bb01;
  }
  .wpo-offer-section .offer-slider .slick-prev {
    left: 45%;
  }
  @media (max-width: 1200px) {
    .wpo-offer-section .offer-slider .slick-prev {
      left: 43%;
    }
  }
  @media (max-width: 991px) {
    .wpo-offer-section .offer-slider .slick-prev {
      left: 43%;
    }
  }
  @media (max-width: 767px) {
    .wpo-offer-section .offer-slider .slick-prev {
      display: none;
    }
  }
  .wpo-offer-section .offer-slider .slick-next {
    right: 45%;
    position: absolute;
  }
  @media (max-width: 1200px) {
    .wpo-offer-section .offer-slider .slick-next {
      right: 43%;
    }
  }
  @media (max-width: 991px) {
    .wpo-offer-section .offer-slider .slick-next {
      right: 40%;
    }
  }
  .wpo-offer-section .offer-slider .slick-arrow.slick-prev:before {
    content: "\e629";
    font-size: 20px;
    color: #80bb01;
    transition: 0.4s ease-in-out;
  }
  .wpo-offer-section .offer-slider .slick-arrow.slick-next:before {
    content: "\e628";
    font-size: 20px;
    color: #80bb01;
    transition: 0.4s ease-in-out;
  }
  .wpo-offer-section .offer-slider .slick-arrow:hover {
    background: #80bb01;
  }
  .wpo-offer-section .offer-slider .slick-arrow:hover::before {
    color: #fff;
  }
  .wpo-offer-section .offer-slider .slick-slider {
    margin: 0 -15px;
  }
  .wpo-offer-section .offer-slider .slick-slide {
    margin-right: 15px;
    margin-left: 15px;
  }

  .theme-btn-s2 {
    background: #80bb01;
    color: #fff;
    display: inline-block;
    padding: 12px 22px;
    border: 1px solid #80bb01;
    border-radius: 55px;
    text-transform: capitalize;
    z-index: 1;
    position: relative;
}

.about-title h2 {
    font-size: 40px;
    font-weight: 600;
}
.about-title h2 span {
    color: #80bb01;
}


span.eye-icon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 8px;
}

span.eye-icon svg {
    width: 30px;
    height: 30px;
}

span.eye-icon svg {
    width: 30px;
    height: 30px;
    fill: white;
}





/* slider two */

/*--------------------------------------------------------------
3. content
--------------------------------------------------------------*/
.hero {
    position: relative;
    height: 100vh;
    z-index: 1;
    /** slider controls **/
    /*** hero slider animation ***/
  }
  .hero::before {
    content: url(../images/banner/benner-left-ing.png);
    position: absolute;
    bottom: -40px;
    left: -0px;
    z-index: -1;
  }
  @media (max-width: 600px) {
    .hero::before {
      width: 40%;
    }
  }
  .hero::after {
    content: url(../images/banner/benner-right-ing.png);
    position: absolute;
    top: 0;
    right: 40px;
    z-index: -1;
  }
  @media (max-width: 600px) {
    .hero::after {
      width: 40%;
    }
  }
  @media (max-width: 767px) {
    .hero {
      min-height: 420px;
    }
  }
  .hero .slide {
    height: 100vh;
    position: relative;
    padding-bottom: 25px;
    background-repeat: no-repeat;
    position: relative;
  }
  @media (max-width: 767px) {
    .hero .slide {
      min-height: 420px;
    }
  }
  .hero .slide:focus {
    outline: none;
  }
  .hero .slide .container {
    height: 100%;
    display: table;
  }
  .hero .slide .row {
    display: table-cell;
    vertical-align: middle;
  }
  .hero .slick-prev,
  .hero .slick-next {
    background-color: rgba(5, 196, 107, 0.3);
    width: 55px;
    height: 55px;
    z-index: 10;
    border-radius: 50%;
    transition: all 0.5s;
  }
  .hero .slick-prev:hover,
  .hero .slick-next:hover {
    background-color: rgba(5, 196, 107, 0.6);
  }
  @media (max-width: 991px) {
    .hero .slick-prev,
  .hero .slick-next {
      display: none !important;
    }
  }
  .hero .slick-prev {
    left: -100px;
  }
  .hero .slick-prev:before {
    font-family: "themify";
    content: "\e629";
    opacity: 1;
  }
  .hero .slick-next {
    right: -100px;
  }
  .hero .slick-next:before {
    font-family: "themify";
    content: "\e628";
    opacity: 1;
  }
  .hero:hover .slick-prev {
    left: 25px;
  }
  .hero:hover .slick-next {
    right: 25px;
  }
  .hero .slick-dots {
    bottom: 60px;
  }
  .hero .slick-dots li {
    margin: 0;
  }
  .hero .slick-dots button {
    background-color: #1E272E;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
  }
  .hero .slick-dots li.slick-active button {
    background: #80bb01;
  }
  .hero .slick-dots button:before,
  .hero .slick-dots button:before {
    display: none;
  }
  .hero .slide-caption > div {
    overflow: hidden;
  }
  .hero .slide-caption > div i {
    margin-left: 14px;
  }
  .hero .slide-caption > div * {
    -webkit-animation: fadeOutLeft 1.5s both;
    animation: fadeOutLeft 1.5s both;
  }
  .hero .slide-caption > .slider-pic * {
    -webkit-animation: fadeOutRight 1.5s both;
    animation: fadeOutRight 1.5s both;
  }
  .hero .slide-caption > div.slide-title * {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  .hero .slide-caption > div.slide-subtitle * {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  .hero .slide-caption > div.slide-btns * {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  .hero .hero-slider .owl-item.active .slide-caption > div * {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  .hero .hero-slider .owl-item.active .slide-caption > .slider-pic * {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  .hero .hero-slider .owl-item.active .slide-caption > div.slide-title * {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
  .hero .hero-slider .owl-item.active .slide-caption > div.slide-subtitle * {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .hero .hero-slider .owl-item.active .slide-caption > div.slide-btns * {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
  }
  .hero .hero-slider .owl-item.active .slide-caption > div.slider-pic * {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }
  
  /************************************************
    hero-style-1
  **************************************************/
  .hero-style-1, .hero-style-2 {
    height: 800px;
    position: relative;
    background: #F0F6EC;
    float: left;
    width: 100%;
}
  @media (max-width: 1199px) {
    .hero-style-1,
  .hero-style-2 {
      height: 750px;
    }
  }
  @media (max-width: 991px) {
    .hero-style-1,
  .hero-style-2 {
      height: 650px;
    }
  }
  @media (max-width: 767px) {
    .hero-style-1,
  .hero-style-2 {
      height: 600px;
    }
  }
  @media (max-width: 575px) {
    .hero-style-1,
  .hero-style-2 {
      height: 500px;
    }
  }
  .hero-style-1 .slide,
  .hero-style-2 .slide {
    height: 800px;
  }
  @media (max-width: 1199px) {
    .hero-style-1 .slide,
  .hero-style-2 .slide {
      height: 750px;
    }
  }
  @media (max-width: 991px) {
    .hero-style-1 .slide,
  .hero-style-2 .slide {
      height: 650px;
    }
  }
  @media (max-width: 767px) {
    .hero-style-1 .slide,
  .hero-style-2 .slide {
      height: 600px;
    }
  }
  @media (max-width: 575px) {
    .hero-style-1 .slide,
  .hero-style-2 .slide {
      height: 500px;
    }
  }
  .hero-style-1 .slide .row,
  .hero-style-2 .slide .row {
    position: relative;
  }
  .hero-style-1 .slide-caption,
  .hero-style-2 .slide-caption {
    padding-top: 20px;
  }
  .hero-style-1 .slide-caption .slide-title-sub h5,
  .hero-style-2 .slide-caption .slide-title-sub h5 {
    font-size: 22px;
    color: #80bb01;
    font-family: "Playfair Display", serif;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
  @media (max-width: 1200px) {
    .hero-style-1 .slide-caption .slide-title-sub h5,
  .hero-style-2 .slide-caption .slide-title-sub h5 {
      font-size: 16px;
      font-size: calc-rem-value(16);
    }
  }
  @media (max-width: 991px) {
    .hero-style-1 .slide-caption .slide-title-sub h5,
  .hero-style-2 .slide-caption .slide-title-sub h5 {
      margin-bottom: 20px;
    }
  }
  .hero-style-1 .slide-caption h2,
  .hero-style-2 .slide-caption h2 {
    font-size: 58px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-size: calc-rem-value(70);
    color: #1E272E;
    margin: 0 0 0.39em;
  }
  .hero-style-1 .slide-caption h2 span,
  .hero-style-2 .slide-caption h2 span {
    font-size: 58px;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: calc-rem-value(70);
    color: #80bb01;
  }
  @media (max-width: 767px) {
    .hero-style-1 .slide-caption h2 span,
  .hero-style-2 .slide-caption h2 span {
      font-size: 30px;
    }
  }
  @media (max-width: 1200px) {
    .hero-style-1 .slide-caption h2,
  .hero-style-2 .slide-caption h2 {
      font-size: 50px;
      font-size: calc-rem-value(50);
    }
  }
  @media (max-width: 991px) {
    .hero-style-1 .slide-caption h2,
  .hero-style-2 .slide-caption h2 {
      font-size: 45px;
      font-size: calc-rem-value(45);
    }
  }
  @media (max-width: 767px) {
    .hero-style-1 .slide-caption h2,
  .hero-style-2 .slide-caption h2 {
      font-size: 35px;
      font-size: calc-rem-value(35);
    }
  }
  @media (max-width: 575px) {
    .hero-style-1 .slide-caption h2,
  .hero-style-2 .slide-caption h2 {
      font-size: 30px;
      font-size: calc-rem-value(32);
    }
  }
  .hero-style-1 .slide-caption p,
  .hero-style-2 .slide-caption p {
    color: #848892;
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 32px;
  }
  @media (max-width: 1200px) {
    .hero-style-1 .slide-caption p,
  .hero-style-2 .slide-caption p {
      font-size: 18px;
      font-size: calc-rem-value(18);
    }
  }
  @media (max-width: 991px) {
    .hero-style-1 .slide-caption p,
  .hero-style-2 .slide-caption p {
      margin: 0 0 1.8em;
    }
  }
  .hero-style-1 .slider-pic,
  .hero-style-2 .slider-pic {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  @media (max-width: 1200px) {
    .hero-style-1 .slider-pic,
  .hero-style-2 .slider-pic {
      top: 52%;
      right: 0;
    }
  }
  @media (max-width: 991px) {
    .hero-style-1 .slider-pic,
  .hero-style-2 .slider-pic {
      right: -5%;
    }
  }
  @media (max-width: 767px) {
    .hero-style-1 .slider-pic,
  .hero-style-2 .slider-pic {
      display: none;
    }
  }
  @media (max-width: 1200px) {
    .hero-style-1 .slider-pic img,
  .hero-style-2 .slider-pic img {
      max-width: 70%;
      margin-left: auto;
    }
  }
  @media (max-width: 991px) {
    .hero-style-1 .slider-pic img,
  .hero-style-2 .slider-pic img {
      max-width: 50%;
    }
  }


  .slick-track .owl-prev {
    
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; left: 0;
    font-family: "FontAwesome"; color: #000;font-size: 0;
}

.slick-track .owl-next {font-size: 0;
    font-family: "FontAwesome";
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; color: #000;
}


.hero .owl-prev:before {
    content: "\f104";
    opacity: 1;
    font-size: 30px;
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 25px;
}
.hero .owl-next {
    right: 25px;
}


.hero .owl-next:before {
    content: "\f105";
    opacity: 1; font-size: 30px;
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 25px;
}


.hero .owl-prev {
    left: 25px;
}


.hero .owl-prev, .hero .owl-next {
    background-color: rgba(5, 196, 107, 0.3);
    width: 55px;
    height: 55px;
    z-index: 10;
    border-radius: 50%;
    transition: all 0.5s;
}



.slide-caption {
    padding-right: 720px;
}



/* Terms and conditions */
.terms-conditions h1 {
    font-size: 25px;
    font-weight: 600;
}
.terms-conditions p {
    font-size: 16px;
    color: #3e3d3d;
    font-weight: 400;
    margin: 0 0 15px;
}
.terms-conditions h2 {
    font-size: 20px;
    font-weight: 600;
}

.terms-conditions ul {
    padding: 0 0 0 30px;
}
.terms-conditions ul li {
    font-size: 15px;
    color: #3e3d3d;
    padding: 0 0 11px;
}

.footer_center p i {
    background: #80bb0147;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    border-radius: 100px;
    font-size: 15px;
}

/* filter css */
.price-range-block {
    width: 100%;
    margin: 20px 0;
    padding: 15px;
    float: left;
    background-color: #fff;
    box-shadow: 0 0 4px 0 #00000026;
}

.sliderText {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0 10px 0px;
    font-weight: bold;
}

.ui-slider-horizontal {
    height: .6em;
}
.ui-slider-horizontal {
    margin-bottom: 15px;
    width:100%;
}
.ui-widget-header {
    background: #86ba00;
}

.price-range-search {
    width:40.5%; 
    background-color: #f9f9f9; 
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom:20px;
    font-size:16px;
}
.price-range-field {
    width: 48%;
    background-color: #f9f9f9;
    border: 1px solid #ebebeb;
    color: black;
    font-family: myFont;
    font: normal 14px Arial, Helvetica, sans-serif;
    border-radius: 5px;
    height: 40px;
    padding: 15px;
    text-align: center;
}
.search-results-block{
    position: relative;
    display: block;
    clear: both;
}


/* filter css */

/*qty update afetr add to cart*/
.number.number-count .input-group.number-spinner2 .input-group-btn {
    padding: 0;
    text-align: center;
    font-size: inherit;
}
.number.number-count .input-group.number-spinner2 {
    padding: 5px 5px; background-color: #fff;
}
.number.number-count .input-group.number-spinner2 .input-group-btn span {
    padding: 0;
    color: #fff;
    font-size: 12px;
    float: none;
}
.number.number-count .input-group.number-spinner2 button {
    height: 20px;
    width: 20px;
    padding: 0;
    line-height: 18px;
    background: #80bb01;
    border-color: #80bb01;
}


select.availablekg {
    border: solid 1px #80bb01;
    outline: none;
    box-shadow: none;
    background: no-repeat;
    padding: 3px 10px;
}


.number.number-count {
    display: inherit;
    float: left;
}


/*Product size model*/
.add-cart-product-modal {
    text-align: center;
    width: 100%;
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px;
}

.add-cart-product-modal .number.number-count .input-group.number-spinner2 {
    padding: 5px 5px;
    background-color: #fff;
    display: inline-flex;
}


.modal-add-cart {
    padding: 8px 10px;
    / box-shadow: 0 0 7px 0 #0000001f; /
     border-right: solid 1px #eee;     transition: 0.5s;
}
.modal-add-cart:last-child {
    border: none;
}
.modal-add-cart:hover {
    border: none;
    -webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);
    position: relative;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.modal-add-cart .rating_price span {
    float: right;
}


.downarrow {
    font-size: 18px;
    font-weight: 800;
}