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

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('fonts/brandon_med-webfont.woff2') format('woff2'),
         url('fonts/brandon_med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'georgiaregular';
    src: url('fonts/georgia_regular_font-webfont.woff2') format('woff2'),
         url('fonts/georgia_regular_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('fonts/brandongrotesque-regular-webfont.woff2') format('woff2'),
         url('fonts/brandongrotesque-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*public*/
body{line-height:1.5;font-family: 'brandon_grotesqueregular'; color:#222731}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
p, ul li{ color:#222731; font-size: 18px; }

.menu {/*right: 20px; top: 10px; */ position: absolute;color: #fff;z-index:1; bottom: 20px;left: 0px; background: #ffffffd1;
border-radius: 0 5px 5px 0;
color: #000;
padding: 5px;}
.menu a {color: #000; padding:0px 5px; font-family: 'brandon_grotesqueregular'; letter-spacing: 0.5px;}
.menu a.active {text-decoration: underline;}
.prod p {font-family: 'brandon_grotesquebold';}
.ft-title{font-family: 'brandon_grotesquebold'; font-size: 40px !important;text-transform: uppercase;}
.ft-title2{font-family: 'brandon_grotesquebold'; font-size: 36px !important; margin-bottom: 20px;}
h3.ft-title{font-family: 'brandon_grotesquebold'; font-size: 24px !important;margin-top: 0px;}
.pfont{  font-size: 20px;}
.title-sm{ font-size:26px; color:#888B8D }
.grey-clr{ color: #7A7C7F; }
.green-clr{ color: #00B140; }
.h3{font-size: 27px; color: #333; text-transform: uppercase; text-align: left; line-height: 36px;}
.transition{-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
img{max-width:100%;height:auto;vertical-align:top}
.wrapper{width:100%;max-width:960px;margin:0 auto;position:relative;font-size:15px;color:#231f20;}
#header{position:relative;width:100%}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.h1, .h2, .h3, h1, h2, h3{ margin-top:0px; }
ul {
  margin-left: -20px;
}
ul li {
  line-height: 1.2;
  padding-bottom: 8px;
}
.min-term{ font-size: 14px; }
 
header
{
  background-color: #006d4a !important;
  display: table;
  width: 100%;
} 
.logo{ margin-top: 10px; margin-left: 8px;margin-bottom: 11px;}
.logo_ab{  margin-top: 16px;  margin-left: 8px;}
li.nav-item{  padding: 5px 0 !important;}

/* added by dhb on date: 23-05-23 */
.navbar {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  background-color: #006d4a !important;
}
 
.nav-link {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin: 5px;
  border-radius: 8px;
  padding-left: 14px !important;
  padding-right: 14px !important;
  color: #fff;
  font-size: 16px !important;
  
}
.dropdown-toggle::after {
  margin-left: .255em;
  vertical-align: .100em;
  border-top: .4em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}
.navbar-toggler {
  margin-right: 8px;
  line-height: 1.3em;
  background: #c9c9c9;
  font-size: 16px;
}
.navbar-toggler:focus{ box-shadow:none !important; }
.dropdown-item{padding: 5px 12px;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{background-color: #d1ffbd;
text-decoration: none; color: #333}
.dropdown-divider{ margin:0; }

.liverText
{
  color: #ee2029;
  font-size: 90px;
  position: absolute;
  font-weight: bold;
  margin-left: 5px;
}
.weigh{ margin-top:60px; }
.block{   }
.funIcon{background: #e9f4eb;  height: 170px; text-align: center; display: flex;  align-items: center;}

.col-md-6.funText
{
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  background: #d5ebd7;
  height: 170px;
  display: flex;
  align-items: center;
}
.funIcon img { width: 85%;  margin: 0 auto;  text-align: center;}
.factory{ background: #1ab157;  padding: 40px;}
.factory .ft-title2{  color: #ffc000;}
.factory li {  color: #fff;  font-size: 20px;  margin-left: 20px;}
.disease .row{  margin: 20px 0px 0 0px;}
.sub-title{  font-size: 26px;}

.protects .ft-title2{ font-size:30px !important; }
.protects{  border: 3px solid #00b140;  padding: 25px;}
.same{  font-size: 26px;  color: #00b140;}
h5.sub-title{  font-weight: bold;}
.tcText{  font-size: 20px;  display: flex;  align-items: center;  line-height: 24px; }
.clr-dark-green{ color: #006747; }
.ref{  font-size: 20px;  font-weight: bold;  margin-top: 30px;}
footer li
{
  list-style: decimal;
  font-size: 15px;
  margin-left: 14px;
}
.address p{font-size: 15px; margin-bottom: 50px;}
.wellness .col-md-8
{
  display: flex;
  align-items: center;
}
.ifvid
{
  height: 500px;
}
.space
{
  margin: 15px 0px;
}
.factImg {  padding-right: 0px;}
@media (min-width:960px){
.navbar-collapse.collapse {
  display: flex !important;
 } 
	
}
@media (min-width: 410px) and (max-width: 767px) {
	
}
@media (min-width: 320px) and (max-width: 767px) {
#navbar-collapse {
  background: #fff;
}
.nav-link{ border:none; }
.dropdown-item{ padding-left:30px; }
.nav-item.dropdown {
  border-bottom: 1px solid #d9d5d5;
}
.ifvid {height: 211px;}
section, footer { margin-left:15px; margin-right:15px; }
section.banner{ margin:0px; }
.ft-title, .ft-title2{  font-size: 23px !important;}
.liverText{ font-size:60px;}
.liverText{display:block !important; margin-left: 0px;}
.weigh {  margin-top: 70px;}
.funSec .block{  margin-bottom: 15px;}
.container-fluid2.mt30{  margin-top: 0px;}
.mt50, .mt40{  margin-top: 25px;}
p{text-align: justify;}
.disease .col-md-5{  margin-top: 15px;  padding-left: 0px;  padding-right: 0px;}
.sub-title{  font-size: 23px; margin-top: 15px;}
.wellness .ft-title2{   margin-bottom: 0px;}
.wellness .row{  margin-bottom: 15px;}
a.nav-link{  color: #333;}
#navbar-collapse{  position: absolute;  top: 40px;  width: 200px;}
.space{ display: none;}
.tcText {  font-size: 18px;  line-height: 20px;}
.able {  margin-top: 28px;}
.takecare .ft-title2 {  margin-bottom: -15px;  margin-top: 40px !important;}
.same .col-md-3 {  margin-top: 10px;}
.navbar-nav{ margin:0.5px -15px !important; }
.funIcon img {  width: 55%; }
.funIcon{ height: 100px; }
.col-md-6.funText{ height: 100px; }
.logo {  margin-top: 9px;  margin-left: -15px;  width: 60%;}
.logo_ab {  margin-top: 13px;  margin-left: 5px;}
.protects .ft-title2 {  font-size: 26px !important;}
.same { font-size: 20px;  line-height: 26px;}
}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
  footer li{ margin-left:20px; }
}