@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body {
	background-color: rgba(255, 255, 255, 1) /*{body|background-colour}*/;
	background-image: none /*{body|background-image}*/;
	font-family: "Noto Sans", sans-serif!important;
  font-optical-sizing: auto;
  font-weight: 400;
	color: #333333 /*{body|text-colour}*/;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Raleway", sans-serif!important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
a, a:hover, a:active {
	color: rgba(64, 125, 18, 1) /*{body|link-colour}*/;
}
.navbar-default {
	background-color: rgb(77 128 42) /*{header|background-colour}*/;
	border-color: rgb(77 128 42) /*{header|background-colour}*/;
}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active, .navigation-list li a {
	color: rgb(245 240 206) /*{header|link-colour}*/; /*{header|link-colour}*/;
	font-size: 14px;
}
.navbar-nav .dropdown-menu > li > a {
		color: rgba(76, 84, 62, 1) /*{header|link-colour}*/;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: rgba(255, 255, 255, 0.09);
	border-radius: 8px;
}
#main-content {
	background-color:  #FFFFFF ;
	padding-top:0!important;
}
.npopup .btn {
	padding: 12px 19px;
}
.breadcrumb {
	background:none;
}
.wrapper-category-home {
	margin-bottom: 20px;
}
.topbar--Wrap {
	background-color: rgb(245 240 206) /*{header|top-navigation-colour}*/;
	height: auto;
}
.topbar--Wrap .topbar--wrap--form * {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	color: rgba(255, 252, 252, 1) /*{header|top-navigation-link-colour}*/;
}
.topbar--Wrap .topbar--wrap--nav > li > a, .input-group .form-control:last-child {
	color: rgba(255, 252, 252, 1) /*{header|top-navigation-link-colour}*/;
}
.topbar--Wrap input::-webkit-input-placeholder {
color: rgba(255, 252, 252, 1) /*{header|top-navigation-link-colour}*/;
}
.topbar--Wrap input:-moz-placeholder { /* Firefox 18- */
color: rgba(255, 252, 252, 1) /*{header|top-navigation-link-colour}*/;
}
.topbar--Wrap input::-moz-placeholder {  /* Firefox 19+ */
color: rgba(255, 252, 252, 1) /*{header|top-navigation-link-colour}*/;
}
.topbar--Wrap input:-ms-input-placeholder {
color: rgba(255, 252, 252, 1) /*{header|top-navigation-link-colour}*/;
}
.wrapper-footer {
	background-color: rgb(77 128 42) /*{footer|background-colour}*/;
	color: #f5f0ce;
}
.wrapper-footer hr {
	border-color: transparent;
}
.wrapper-footer p,.wrapper-footer h1,.wrapper-footer h2,.wrapper-footer h3,.wrapper-footer h4,.wrapper-footer h5,.wrapper-footer h6 {
	color: #7bc142 /*{footer|text-colour}*/;
}
.wrapper-footer a, .wrapper-footer a:hover, .wrapper-footer a:active {
	color: #f5f0ce /*{footer|link-colour}*/;
}
.btn-primary {
	color: #FFFFFF;
	background-color: rgba(77, 128, 41, 1) /*{buttons|primary-colour}*/;
	border-color: rgba(77, 128, 41, 1) /*{buttons|primary-colour}*/;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #FFFFFF;
	background-color: rgba(77, 128, 41, 1) /*{buttons|primary-colour}*/;
	border-color: rgba(77, 128, 41, 1) /*{buttons|primary-colour}*/;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: rgba(77, 128, 41, 1) /*{buttons|primary-colour}*/;
	border-color: rgba(77, 128, 41, 1) /*{buttons|primary-colour}*/;
}
.btn-success {
	color: #ffffff;
	background-color: rgba(252, 166, 5, 1) /*{buttons|secondary-colour}*/;
	border-color: rgba(252, 166, 5, 1) /*{buttons|secondary-colour}*/;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	color: #ffffff;
	background-color: rgba(252, 166, 5, 1) /*{buttons|secondary-colour}*/;
	border-color: rgba(252, 166, 5, 1) /*{buttons|secondary-colour}*/;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: rgba(252, 166, 5, 1) /*{buttons|secondary-colour}*/;
	border-color: rgba(252, 166, 5, 1) /*{buttons|secondary-colour}*/;
}
/* Carousel caption styling */
.carousel-caption {
    color: rgba(64, 125, 18, 1);
}
/* H2 heading within carousel caption */
.carousel-caption h2 {
    font-size: 30px;
    text-shadow: none;
}
/* Hide h2 text on mobile devices */
@media (max-width: 768px) {
    .carousel-caption h2 {
        display: none;
    }
}
/* Hide HR after carousel */
#homepageCarousel + hr,
.carousel + hr {
    display: none;
}



/* new css */
.mb-15{
	margin-bottom: 15px;
}
.carousel-inner {
	.item, a{
		max-height: 800px;
	}
}
.flex, .navbar-collapse{
	display: flex;
}
.navbar-collapse.collapse{
	display: none;
}
.item-center{
	align-items: center;
}
img.logo {
    width: 270px;
}
.topbar--Wrap .topbar--wrap--nav > li > a, .input-group .form-control:last-child {
	color: rgb(64 125 18) ;
	height: auto;
}

.navbar-nav > li > a {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}

.navbar {
	min-height: auto;
}
a:link{
	cursor: pointer!important;
}

.nav.navbar-nav li:hover > a{
	color: #4d802a!important;
    background-color: #f5f0ce;
	border-color:#f5f0ce;
	cursor:pointer;
}

.navbar-collapse.collapse{
	justify-content: space-around;
}
.search-box {
    border-radius: 5px;
}
.nsearchinput-pl.well ul li img {
	float: left;
	clear: left;
}
.nsearchinput-pl.well ul li title {
	font-size: 1.2rem;
}

.category-item{
	padding: 10px;
	img {
		max-width: 100%;
		clip-path: circle(40% at 50% 50%);

	}
	a:focus{
		outline: none!important;
	}
	p{
		text-align:center;
	}
}
.slick-arrow{
	position: absolute;
    top: 50%;
    border: 1px solid;
    background-color: #fff;
    z-index: 111;
    width: 30px;
    height: 30px;
    font-size: 19px;
    border-radius: 50%;

}
.slick-next{
	right: -40px;
    margin-top: -20px;
}

.slick-prev{
	left:-40px;
    margin-top: -20px;
}
.hightlight-bg {
	background: #f0ffe5;
}
.buying-options .btn{
	min-height: 40px;
	align-content: center;
}
.thumbnail .caption h3,
.thumbnail .caption .h3,
.thumbnail .caption .name {
  font-weight: bold;
}
a.thumbnail-image {
    padding: 10px;
}

.develop-hidden {
	display: none!important;
}

.usp-bar {
	margin: 0 -15px 0 -15px;

    background: #f5f0ce;
	padding: 10px;
	.usp-bar-items{
    display:flex;
    justify-content:space-between;
    color: #4d802a;

    img{
        width:20px;
        filter: contrast(0.5);
    }
	}
}
.m-0{
	margin: 0;
}
.carousel-caption .btn {

    width: 200px;
    background: transparent;
    color: #407d12;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
}

article.wrapper-thumbnail{
	padding-left: 5px;
    padding-right: 5px;
}
#mobile-search-toggle {
	text-align: right;
    padding: 10px;
	font-size: 20px;
	color: #4d802a;
}
.usp-bar{
	display: none!important;
}
@media (min-width:769px) {
	#mobile-search-toggle {
		display: none;
	}
	.usp-bar{
		display: block!important;
	}
}

h1, .h1 {
    font-size: 26px;
}
.main-image{
    border: 1px solid #eee;
    padding: 5px;
}

.dropdown-menu{
	.dropdown-hover a, li a {
		background-color: #fff!important;
	}
	}

	.dropdown-menu{
	.dropdown-hover a:hover, li a:hover {
		background-color: #f5f0ce!important;
	}
	}

	.footer-links{
		display: flex;
		flex-wrap: wrap;
	}

	@media (max-width:767px) {
		.link-section:nth-child(3){
			margin: 40px 0;
		}
	}

	.productdetails {
		a,span,p,strong,b, i{
			color: #333333!important;
		}
	}


	@media (max-width:768px) {

		.dropdown-menu{
			height:0;
			overflow:hidden;
			padding:0;
		}
		._activeItem ~ .dropdown-menu {
			height:auto;
			overflow:auto;

		}

	.dropdown-menu li{
		border-top:1px solid #f5f0ce;
	}

	.dropdown-menu {
		padding-left:10px;
		background-color:#f5f0ce!important;
	}
	  .navbar-nav .dropdown-menu > li > a {
		color: #777;
		padding: 10px 15px 10px 25px;
		line-height: 20px;
	  }


		.dd-menu {
			position:relative;
		}

	.dd-menu .caret {
		transform:rotate(-90deg);
		right:20px;
		position:absolute;
		top:45%;
	}
		.dd-menu._activeItem .caret {
		transform:rotate(0deg);

	}
	#main-menu-box .dd-menu._activeItem{
		background-color:#4d802a!important;
		border-top:1px solid #f5f0ce!important;
		color:#f5f0ce!important;
	}

	}

	.menu-active #main-menu-box {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 1111111;
		background: #4d802a;
		width: 90vw;
		margin: 0;
		padding: 0;
	}
	.mob-menu-header{
		display: none;
	}
	.menu-active .mob-menu-header{
		background: #f5f0ce;
		padding: 10px;
		display: flex;
		justify-content: space-between;
		font-size: 18px;
	}
	.menu-active {
		overflow: hidden;
	}

	@media (max-width:767px) {
		ul.nav.navbar-nav {
			padding: 10px;
			overflow: scroll;
			height: 100%;
			margin: 0;
		}
		.menu-active #main-menu-box::before{
			content:'';
			position: absolute;
			top: 0;
			left: 0;
			background: #00000087;
			width: 100%;
			height: 100%;
			height:100vh;
			width:100vw;
			z-index:-1;
		}
		.close-menu {
			width: 100px;
			text-align: right;
		}
	}