html {
  scroll-behavior: smooth;
}

/* FONTS */
@font-face {
	font-family: 'DMSans-Bold';
	src: url('fonts/DM-Sans-Bold/dmsans/DMSans-Bold.ttf');
}

@font-face {
	font-family: 'DMSans-Regular';
	src: url('fonts/DM-Sans-Bold/dmsans/DMSans-Regular.ttf');
}

.navbar {
	background-color: rgba(255,255,255,0.9);
	border-bottom: 2px solid #527500;
}
label.text-red.text-capitalize.text-normal{
    text-transform: unset !important;
}

.navbar a{
	font-family: 'DMSans-Bold' !important;
	text-decoration: none !important;
	font-size: 14px;
	color: #252525;
	text-transform: uppercase;
}

	
	    img.ccwidth{
	        width: 50px;
	    }

@media (min-width: 992px) {
	.product-banner {
		background-image: url('../img/banner.jpg');
		background-position: center;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
	.display-only-mobile {
		display: none !important;
	}
	.display-only-pc {
		display: block !important;
	}
}


@media (max-width: 992px) {
		.product-banner {
		margin-top: 80px !important;
	}
	.display-only-mobile {
		display: block !important;
	}

	.display-only-pc {
		display: none !important;
	}
	.navbar-header {
		margin: auto !important;
	}
	.navbar-header a {
		display: block;
		margin: 0 !important;
		padding: 0 !important;
	}
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #0e7f1b;
  color: #e3f9cb;
  cursor: pointer;
  padding: 10px 16px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #4d8462;
  color: #ffffff;
}

.contact_us{
    padding-top:100px;
    padding-bottom:50px;
}
.product-banner h1 {
	font-family: 'DM Serif Text', serif;
	color: #252525;
	font-size: 3.5rem;
	line-height: 1.33;
}

.product-banner p {
	font-family: 'DMSans-Regular';
	font-size: 1.1rem;
	line-height: 1.59;
	color: #252525;
}

.product-banner p span {
	background-color: #cbdfb3;
	opacity: 0.7;
}

.product-banner a {
	font-family: 'DMSans-Bold';
	font-size: 1.1rem;
	line-height: 1.32;
	text-decoration: none;
  color: #ffffff;
  background-color: #0e7f1b;
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  padding: 10px 40px;
}

.product-section .d-flex span {
	font-family: 'DMSans-Bold' !important;
	color: #252525;
	font-size: 1rem;
	line-height: 1.3rem;
}

.product-section .d-flex p {
	font-family: 'DMSans-Regular' !important;
	color: #252525;
	font-size: 1rem;
	line-height: 1.3rem;
	opacity: 0.7;
}

.attributes-segment h4 {
	font-family: 'DMSans-Bold' !important;
	color: #252525;
	font-size: 1.1rem;
}

.attributes-segment span {
	font-family: 'DMSans-Regular' !important;
	color: #252525;
	font-size: 1rem;
	line-height: 1.3rem;
	opacity: 0.7;
}

.theme-green-background {
	background-color: rgba(203,223,179, 0.3);
}
.social-media-segment{
	box-shadow: 0px 1px 2px #498c0326;
}
.buy-now-segment span{
	font-family: 'DMSans-Regular' !important;
	color: #252525;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.buy-now-segment .d-flex a {
	text-decoration: none !important;
}

.buy-now-segment .d-flex img {
	border-radius: 200px;
}

.buy-now-segment .d-flex span{
	font-family: 'DMSans-Regular' !important;
	color: #252525;
	opacity: 0.7;
	line-height: 1.44;
	font-size: 1rem !important;
	letter-spacing: 0 !important;
	text-transform: lowercase;
}

.offline-market-segment span {
	font-family: 'DMSans-Bold' !important;
	color: #252525;
	line-height: 1.3;
	font-size: 1rem;
}

.segment-heading {
	font-family: 'DM Serif Text' !important;
	color: #252525;
	font-size: 2.5rem;
	line-height: 1.33;
}

.segment-content {
	font-family: 'DMSans-Regular' !important;
	color: #252525;
	font-size: 1.1rem;
	line-height: 1.5rem;
}

.footer {
	background-color: #213423;
}

.footer p {
	font-family: 'DMSans-Regular' !important;
	color: #ffffff;
	opacity: 0.7;
	font-size: 1rem;
	line-height: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.footer span {
	color: #ffffff !important;
	opacity: 0.5;
	font-size: 0.85rem;
	line-height: 1.1rem;
}

.footer span a {
	color: #ffffff !important;
}

.theme-link {
	font-family: 'DMSans-Bold' !important;
	color: #0e7f1b !important;
	text-decoration: none !important;
	font-size: 0.85rem;
	text-transform: uppercase;
}

.theme-link i {
	font-size: 1rem;
  vertical-align: middle;
  margin-bottom: 0.1rem;
}

.contact-us-segment .contact-details span {
	font-family: 'DMSans-Regular' !important;
	color: #252525;
	opacity: 0.6;
	font-size: 0.9rem;
}

.contact-us-segment .contact-details h5 {
	font-family: 'DMSans-Bold' !important;
	color: #252525;
	margin: 0 !important;
}

.contact-us-segment .contact-details h5 a {
	color: #252525;
}

.contact-us-segment .contact-details h5 a:hover {
	color: #0e7f1b;
	text-decoration: none;
}

.contact-us-segment .contact-details p {
	font-family: 'DMSans-Regular' !important;
	color: #252525;
	font-size: 1rem;
	line-height: 1.5rem;
}

.contact-us-form {
	margin-top: 15px;
}

.contact-us-form * {
	border: 0 !important;
	border-radius: 2px !important;
}

.contact-us-form input[type=text], .contact-us-form input[type=email], .contact-us-form textarea {
	background-color: rgba(203,223,179,0.2);
	padding: 18px 12px;
	font-size: 16px;
	line-height: 18px;
	border: 2px solid #ffffff !important;
}

.text-red {
	color: #d3332c;
	margin-bottom: 0px !important;
	padding-left: 5px;
}

input[disabled] {
	opacity: 0.7 !important;
}

.g-recaptcha {
	padding-bottom: 10px;
    margin-top: -10px;
}

.contact-us-form input:focus, .contact-us-form textarea:focus {
	border: 2px solid #0e7f1b !important;
	outline-width: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.contact-us-form input[type=submit], .theme-button {
	font-family: 'DMSans-Bold';
	font-size: 1.1rem;
	line-height: 1.32;
	text-decoration: none !important;
  color: #ffffff;
  background-color: #0e7f1b;
  display: inline-block !important;
  border-radius: 100px !important;
  text-align: center;
  padding: 10px 25px;
  text-transform: uppercase;
}

.theme-button:hover{
	color: #ffffff;
}

.faq-question span[aria-expanded=true] {
	background-color: rgba(203,223,179,0.3);
}

.faq-question span {
	font-family: 'DMSans-Bold';
	font-size: 1rem;
	line-height: 1.5rem;
	color: #252525;
}

.faq-question p {
	font-family: 'DMSans-Regular';
	font-size: 0.95rem;
	line-height: 1.3rem;
	color: #252525;
}
.tasty-img {	width: 100%;	height: 500px;}

.header-block {
	background-color: rgba(255,255,255,0.9);
    border-bottom: 2px solid #527500;
}
.tg-nav {
	background-color: none;
}
.tg-menus {
	padding-left: 3rem;
}
.tg-menus li {
	
}
.tg-menus li a {
	font-family: 'DMSans-Bold' !important;
    text-decoration: none !important;
    font-size: 14px;
    color: #252525 !important;
    text-transform: uppercase;
}
/*.social-menus {*/
/*	padding-left: 25rem;*/
/*}*/
.social-menus li {
	padding: 0 10px;
}
.social-menus li img {
	width: 40px;
}
.tg-menus li a.active {
  color: #0e7f1b !important;
  font-weight: 600;
}

.tg-menus li a:hover {
  color: #0e7f1b !important;
  font-weight: 600;
}
/* responsive styles for mobile */

@media (max-width:767px) {
    .container {
        width: 100%;
    }
	.tg-menus {
		padding-left: 15px;
	}
	.social-menus {
		display: none;
	}
}

.taste_good_breadcrumb {
    margin-top: 80px;
    background-color: #213423;
    padding: 8px 0;
}
._breadcrumb_left {
    
}
._breadcrumb_left h4 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 18px;
    font-family: 'DM Serif Text' !important;
    letter-spacing: 1px;
}
._breadcrumb_right {
    float: right;
}
.breadcrumb_nav {
    
}
.breadcrumb_menu {
    background-color: transparent;
    margin-bottom: 0px;
    padding: 0px;
}
.breadcrumb_menu li {
    font-size: 18px;
}
.breadcrumb_menu li a {
    color: #ffffff;
}
.breadcrumb-item.active {
    color: #ffffff;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #ffffff;
}
.blog_section {
    position: relative;
    padding: 50px 0;
    border-bottom: 5px solid #213423;
}
.blog_post_one {
    background: #fff;
    margin: 15px;
    padding: 5px;
    border: 1px solid #ebebeb;
    min-height: 350px;
    width: 100%;
}
.blog_thumbnail {
    position: relative;
}
.blog_thumbnail img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog_thumbnail h6 {
    position: absolute;
    background-color: #213423;
    color: #fff;
    width: 60px;
    right: 0;
    bottom: -30px;
    text-align: center;
    padding: 8px;
    font-size: 13px;
    font-weight: 600;
}
.blog_thumbnail span {
    display: block;
}
.blog_post_menu {
    margin-bottom: 0px;
    padding-left: 0px;
}
.blog_post_menu li {
    list-style-type: none;
    padding: 12px 0;
    margin: 0;
    color: #b01c2e;
    font-size: 14px;
    color: #213423;
}
.blog_post_menu li a {
    font-size: 14px;
    color: #213423;
}
.blog_post_one p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
    /*margin-top: 10px;*/
    color: #222d35;
    font-weight: 600;
}
.blog_post_one p a {
    color: #222d35;
}
.blog_post_one p a:hover {
    text-decoration: none;
}
.blog_read_more {
    color: #213423;
    font-size: 13px;
    text-transform: uppercase;
    padding-left: 35px;
    position: absolute;
    bottom: 25px;
    left: 3.5em;
}
.blog_read_more::before {
    position: absolute;
    content: '';
    width: 25px;
    height: 1px;
    background-color: #213423;
    left: 0;
    top: 9px;
}
.blog_read_more:hover {
    text-decoration: none;
    color: #213423;
    font-weight: 700;
    transition: all .3s;
}
.blog_view_one img {
    width: 100%;
    border: 1px solid #707070;
    height: 100%;
    padding: 2px;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog_view_one h3 {
    color: #222d35;
    font-size: 28px;
    font-weight: 600;
    padding-top: 15px;
    line-height: 1.4;
}
.blog_view_one p {
    color: #222d35;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 10px;
}
.logo_block {
    border: 2px solid #327006;
    text-align: center;
    margin-bottom: 25px;
    height: 200px;
    display: table;
    position: relative;
    width: 100%;
    padding: 0 25px;
}
 .logo_sub_block {
    display: table-cell;
    height: 200px;
    width: 100%;
    vertical-align: middle;
}
.logo_block img {
    width: 100%;
}
._inner_right {
    border: 1px solid #213423;
    padding: 5px 5px 15px 5px;
}
._inner_right h3 {
    background-color: #213423;
    padding: 5px;
    color: #ffffff;
    text-align: center;
    font-size: 26px;
}
._inner_right ul {
    margin: 0;
    padding: 0px;
}
._inner_right ul li {
    list-style-type: none;
    float: none;
    display: block;
    padding: 15px 5px;
    position: relative;
    border-bottom: 1px solid #213423;
}
._inner_right ul li:last-child {
    border-bottom: none;
}
._inner_right ul li a {
    color: #213423;
    font-size: 16px;
}
._inner_right ul li a {
    text-decoration: none;
}
._inner_right ul li span {
    position: absolute;
    right: 10px;
    bottom: 0px;
    color: #356734;
    font-weight: 600;
}
.wonder_vegetable {
    display: flex;
}
.wonder_vegetable_right img {
    width: 275px;
    height: auto;
    border: none;
}
