@charset "utf-8";
/* CSS Document */

/********************** Reset **********************/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
li {
  list-style: none;
}
caption,
th {
  text-align: justify;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input,
textarea,
select {
  font-size: 100%;
}
legend {
  color: #000;
}
.left {
  float: left;
}
.clear {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.right {
  float: right;
}
span.noshow {
  display: none;
  margin: 0;
}
a {
  outline: none;
}
/********************** style **********************/

body {
  background-color: #fcfce4;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #316a14;
}
#index-bg {
  background-image: url(../images/index-bg.gif);
  background-repeat: repeat-x;
}
#inner-bg {
  background-image: url(../images/inner-bg.gif);
  background-repeat: repeat-x;
}
#wrapper {
  width: 930px;
  height: auto;
  margin: 0 auto 0 auto;
  padding-bottom: 20px;
}
#header {
  width: 930px;
  height: auto;
  margin: 0 auto 0 auto;
  padding-top: 35px;
}
.logo {
  display: block;
  margin-left: 30px;
  height: 68px;
  margin-top: -20px;
}
#menu-area {
  width: 888px;
  height: 42px;
  margin: 25px auto 0 auto;
}
.menu-bend {
  display: block;
  float: left;
}
#menu {
  background-image: url(../images/menu-bg.gif);
  background-repeat: repeat-x;
  width: 840px;
  height: 42px;
  display: block;
  float: left;
}
#menu li {
  background-image: url(../images/menu-devider.gif);
  background-repeat: no-repeat;
  background-position: right;
  height: 42px;
  display: block;
  float: left;
}
#menu li.last {
  background-image: none;
}
#menu li a {
  font-family: "Bree Serif", Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  padding: 12px 14px 0 15px;
  display: block;
  height: 30px;
  margin-right: 2px;
}
#menu li a:hover {
  color: #fff001;
}
#menu li a.selected {
  color: #fff001;
}
#banner-area {
  background-image: url(../images/banner-bg.gif);
  background-repeat: no-repeat;
  width: 930px;
  height: 295px;
  display: block;
  margin: 0 auto 0 auto;
}
#inner-banner-area {
  background-image: url(../images/inner-banner-bg.gif);
  background-repeat: no-repeat;
  width: 930px;
  height: 214px;
  display: block;
  margin: 0 auto 0 auto;
}
.banner {
  width: 888px;
  height: 264px;
  margin: 0 auto;
}
.inner-banner {
  width: 888px;
  height: 184px;
  margin: 0 auto 0 auto;
  padding-top: 2px;
}
#content-area {
  width: 888px;
  height: auto;
  margin: 0 auto 0 auto;
}
.about-founder-block {
  width: 888px;
  height: auto;
  margin: 0 auto 0 auto;
}
.about-founder {
  width: 572px;
  height: auto;
  display: block;
  float: left;
}
.about-founder h1 {
  width: 140px;
  height: 23px;
  display: block;
  position: relative;
  left: 20px;
  top: 10px;
}
.about-founder-box {
  height: 120px;
  display: block;
  background-color: #fff;
  border: dashed 1px #8fb172;
  border-radius: 10px;
  padding: 20px;
}
.founder-photo {
  display: block;
  float: left;
  margin-right: 15px;
}
.founder-message {
  width: 396px;
  line-height: 20px;
  display: block;
  float: left;
}
.read-more {
  background-color: #226600;
  font-size: 12px;
  line-height: 20px;
  color: #fbff25;
  text-decoration: none;
  text-align: center;
  height: 22px;
  width: 109px;
  display: block;
  border-radius: 20px;
  margin-top: 10px;
}
.read-more:hover {
  color: #fff;
}
.whyCS-ctn {
  width: 275px;
  height: auto;
  display: block;
  float: left;
  padding: 0 0 0 40px;
}
.whyCS-ctn h1 {
  font-family: "Bree Serif", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #4a8e2e;
  display: block;
  margin-bottom: 10px;
}
.whyCS-ctn p {
  line-height: 20px;
  display: block;
}
.border {
  display: block;
  margin: 10px auto 10px auto;
}
.Products-block {
  background-image: url(../images/why-choose-bg.gif);
  background-repeat: repeat;
  width: 888px;
  height: auto;
  margin: 0 auto 0 auto;
}
.Products-block h1 {
  font-family: "Bree Serif", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #4a8e2e;
  display: block;
  margin-bottom: 10px;
}
.pueraria-ctn {
  width: 265px;
  height: auto;
  display: block;
  float: left;
  margin-right: 45px;
}
.pueraria-ctn h2 {
  background-color: #226600;
  font-family: "Bree Serif", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #fbff25;
  text-align: center;
  padding: 3px;
  border-radius: 20px;
  display: block;
  margin-top: 10px;
}
.pueraria-ctn p {
  display: block;
  line-height: 20px;
  margin-top: 5px;
}
.pueraria-ctn-last {
  width: 265px;
  height: auto;
  display: block;
  float: left;
}
.pueraria-ctn-last h2 {
  background-color: #226600;
  font-family: "Bree Serif", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #fbff25;
  text-align: center;
  padding: 3px;
  border-radius: 20px;
  display: block;
  margin-top: 10px;
}
.pueraria-ctn-last p {
  display: block;
  line-height: 20px;
  margin-top: 5px;
}
#footer-area {
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(../images/footer-bg.gif);
  background-repeat: repeat-x;
  background-color: #449423;
  width: 100%;
  padding: 20px 0 20px 0;
}
.footer-block {
  width: 952px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 25px 10px 25px 10px;
}
.footer-ctrn {
  font-size: 12px;
  width: 888px;
  height: auto;
  display: block;
  margin: 0 auto 0 auto;
}
.footer-ctrn ul li {
  color: #fff;
  display: block;
  float: left;
  margin-right: 7px;
  font-size: 12px;
}
.footer-ctrn ul li a {
  text-decoration: none;
  color: #fff;
  padding-right: 7px;
  line-height: 20px;
}
.footer-ctrn a:hover {
  color: #fbff25;
}
.footer-ctrn p {
  color: #fff;
  display: block;
  clear: both;
  padding-top: 3px;
}
.footer-ctrn p a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
/***************innerpage style**********************/

.title {
  background-image: url(../images/title-bg.gif);
  background-repeat: repeat-y;
  width: 888px;
  height: 38px;
  display: block;
}
.title h1 {
  background-image: url(../images/title-bullet.gif);
  background-repeat: no-repeat;
  background-position: 10px 8px;
  font-family: "Bree Serif", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #fff;
  display: block;
  padding: 7px 0 0 40px;
}
.content-area-left {
  width: 560px;
  height: auto;
  display: block;
  float: left;
  padding: 15px 25px 0 0;
}
.content-area-left h1 {
  font-size: 24px;
  color: #a2bf36;
  display: block;
  margin-bottom: 10px;
}
.content-area-left p {
  display: block;
  margin-bottom: 10px;
  line-height: 20px;
}
.content-area-right {
  background-image: url(../images/why-choose-bg.gif);
  background-repeat: repeat;
  width: 300px;
  height: auto;
  display: block;
  float: right;
  padding-top: 15px;
}
.content-area-right h1 {
  font-family: "Bree Serif", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #4a8e2e;
  display: block;
  margin-bottom: 10px;
}
.content-area-right ul {
  display: block;
  background-color: #fff;
  border: dashed 1px #8fb172;
  border-radius: 10px;
  padding: 15px 15px 10px 15px;
}
.content-area-right ul li a img {
  display: block;
  margin: 0 auto 10px auto;
}
/***************innerpage style end**********************/

.photo {
  margin: 10px 10px 10px 20px;
  border: 2px solid #012e4b;
  float: left;
}
.Address_title {
  width: 12% auto;
  height: 22px;
  float: left;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
.field_name {
  width: 120px;
  height: 22px;
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  color: #000;
}
.txt {
  width: 150px;
  height: 10px;
  padding: 5px;
  float: left;
  background: #92c751;
  color: #fff;
  border-radius: 3px;
  border: 1px solid #216400;
}
.txt_area {
  width: 150px;
  height: 50px;
  padding: 5px;
  float: left;
  background: #92c751;
  color: #fff;
  border-radius: 3px;
  border: 1px solid #216400;
}
.sub_title {
  width: 100%;
  height: 22px;
  float: left;
  color: #92c751;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #3d8a04;
  margin-bottom: 10px;
  margin-top: 10px;
}
input:focus {
  background: #2d6e12;
}
textarea:focus {
  background: #2d6e12;
}
p a {
  color: #317514;
  text-decoration: none;
}
.total_div {
  width: 280px;
  min-height: 100px;
  float: left;
  border: 1px dashed #216600;
  border-radius: 8px;
}
.product_img {
  margin-top: 5px;
  width: 280px;
  height: 80px;
  float: left;
}
.product_img {
  margin-top: 5px;
  width: 270px;
  height: 80px;
  float: left;
  margin-left: 10px;
  background: url(../images/pueraria-btn.gif) no-repeat;
  display: block;
}
.product_img1 {
  margin-top: 5px;
  width: 270px;
  height: 80px;
  float: left;
  margin-left: 10px;
  background: url(../images/colopogonium-btn.gif) no-repeat;
  display: block;
}
.product_img2 {
  margin-top: 5px;
  width: 270px;
  height: 80px;
  float: left;
  margin-left: 10px;
  background: url(../images/mucuna-btn.gif) no-repeat;
  display: block;
}
.product_txt a {
  width: 190px;
  height: 30px;
  float: left;
  padding-left: 10px;
  margin-top: 30px;
  margin-left: 85px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ff0;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
/********************** Gallery Section **********************/
.galleryContent {
  margin-bottom: 5px;
  padding: 5px;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
}
ul.imggallery,
ul.imggallery1 {
  margin: 0 auto;
}
ul.imggallery,
ul.imggallery p,
ul.imggallery1,
ul.imggallery1 p {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.imggallery li,
ul.imggallery1 li {
  display: inline-block;
}
ul.imggallery li div.divGallery {
  /*padding:5px 5px 0px 5px;*/
  width: 120px;
  height: 80px;
  text-align: center; /*margin:5px;*/
  position: relative;
  display: table;
}
ul.imggallery1 li div.divGallery1 {
  padding: 5px 5px 0px 5px;
  width: 120px;
  height: 80px;
  text-align: center;
  margin: 5px;
  position: relative;
  display: table;
}
ul.imggallery li div.divGallery a {
  /*padding:5px;*/
  display: block;
  vertical-align: middle;
  display: table-cell;
}
ul.imggallery1 li div.divGallery1 a {
  padding: 5px;
  display: block;
  vertical-align: middle;
  display: table-cell;
}
ul.imggallery p,
ul.imggallery1 p {
  text-align: center;
  padding: 2px 0 2px 0;
  font: normal 14px/1.54em Tahoma, Geneva, sans-serif;
}
ul.imggallery .bold,
ul.imggallery1 .bold {
  font-weight: bold;
}
ul.imggallery a.titleLink,
ul.imggallery1 a.titleLink {
  text-decoration: none;
  color: #333333;
}
ul.imggallery a.titleLink:hover,
ul.imggallery1 a.titleLink:hover {
  text-decoration: none;
  color: #00adff;
}
.dropdown {
  position: relative;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #316a14;
  min-width:100px;
  width: max-content;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 8px 0;
  z-index: 1000;
}

.dropdown-menu li a {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: #000;
  margin-left: none;
}

/* .dropdown-menu li a:hover {
  background: #f5f5f5;
} */

.dropdown:hover .dropdown-menu {
  display: flex;
  flex-direction: column;
  align-items: start;
}

/*ul.imggallery .pic_count { color:#848484; font-size:11px; }*/