@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'JosefinSans';
    src: url('fonts/JosefinSans-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Roboto-Bold';
	src: url('fonts/Roboto-Bold.ttf');
}
@font-face {
    font-family: 'Roboto-Light';
	src: url('fonts/Roboto-Light.ttf');
}
@font-face {
    font-family: 'Roboto-Regular';
	src: url('fonts/Roboto-Regular.ttf');
}
*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {outline: 0 !important; text-decoration:none; color: #1e1e1e;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{ font-family: 'Roboto-Bold'; font-size:16px; color:#000; line-height:22px;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h3{font-size: 38px; line-height: 44px;  }
p{ margin-bottom: 25px; font-family: 'Roboto-Light'; line-height: 26px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {width: 100%; max-width: 1200px; position: relative;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.btn{border: 1px solid #FFF; border-radius: 0; display:inline-block; font-size: 18px; padding:10px 15px;  color: #FFF;}
.bkcButton .btn{border:none; font-size:14px; font-weight:bold; color:#FFF; line-height:26px;  text-transform:uppercase; position:relative; background:#444; margin-top: 20px; padding: 5px 22px}
section{width:100%; height:auto; clear:both;padding: 65px 0 0 0; overflow: hidden;}
.lightBG{background-color: #ececec;}
/******************************************/
.sticky-wrapper{position:absolute; widows:100%; left:0; right:0; z-index:999;}
/*.sticky-wrapper.is-sticky header{-webkit-box-shadow: 0 8px 6px -6px black;	-moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;}*/
header{position:relative; width:100%; padding:25px 0; background:rgba(0,0,0,1);}
header .hLogo img{max-height:84px;}
header .hMenu{padding-top: 18px; font-family: 'Roboto-Regular';}
header .hMenu ul{text-align: right; }
header .hMenu  li{display: inline-block; margin-left: 40px;}
header .hMenu  li > a{display:block;color:#FFF; position: relative; transition: 0.4s; font-size:14px; padding: 10px 10px; line-height:20px; }
header .hMenu  li > a:hover{text-decoration: underline;}
header .hMenu  li > a.associates{background:#ffc11a; color:#000;}
.sticky-wrapper.is-sticky header{padding:10px 0;}

.homeBanner{height:620px; position: relative; z-index:0;}
.hbImage{width:100%; height:100%; position:relative; background-repeat: no-repeat; background-position: top center; background-size: cover;  cursor:pointer;}
.resImage{display:unset!important;}
.resImage .container{height:100%;}
.hbImage .container{height:100%;}


.subPageImg{width:100%; height:100%; position:relative; background:url(../images/banners/hm_banner.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;  }
.subPageImg .container{height:100%;}

.hLink a{color:#0c783c !important;}



.homeBanner .swiper-container{overflow:visible;}
.hbDescription{ position: absolute; max-width: 550px; width:100%; height: 100%; z-index: 9999; top: 0; right: 70px;}
.hbDescription h2{color: #000; font-size: 30px; line-height: 40px; margin-bottom: 25px; font-family: 'Roboto-Bold'; }
.swiper-pagination{text-align: right; bottom: 50px !important; text-align:center; z-index: 999;}
.swiper-pagination .swiper-pagination-bullet{background: none; border: 1px solid #000;}
.swiper-pagination-bullet-active{background-color: #FFF !important;}
.notification-bar{background:#ffc11a; padding: 20px 0; text-align: center; color: #000;}
.notification-bar a{color: #000; padding: 10px 30px; border: 1px solid #000; display: inline-block; margin-left: 25px;}
section .scTitle h2{font-size: 24px; line-height: 30px; font-family: 'Roboto-Regular'; margin-bottom: 20px;}
.scTitle p{max-width:800px; margin:0 auto;}
.hmFoods {}
.hmFoods .hmFBox{ text-align: center; margin: 25px auto; font-size: 14px; line-height: 20px; max-width:300px;}
.hmFoods .col-md-4:nth-child(3n+1){clear:both;}
.hmFBox span.fdImage, .hmFBox span.fdname{display: block;}
.hmFBox span.fdImage{height: 100px; vertical-align: middle; text-align:center;  }
.hmFBox span.fdname{ padding: 5px 0; text-align: center;  }
.hmFBox p{font-family: "Roboto-Light"; margin:0;}
.hmFBox a{color: #1e1e1e;}
.hmpContent{height: 550px; max-width: 700px; padding-left: 20px; margin-bottom: 100px;}
.hmpContent span{font-family: 'Roboto-Bold'; display: block; margin-bottom: 10px;}
.hmpContent p{font-family: 'Roboto-Light'; line-height: 30px;}
.hmpImgLeft{position: absolute; left: -120px; max-width: 578px;}
.hmpImgRight{position: absolute; right: -196px;}
.hmTxts span{display:block;}
.hmTxts span, .hmTxts img{margin-bottom:30px;}
.hmDiet{width:100%; height:720px; position:relative; background:url(../images/diet-banner2.jpg); background-repeat: no-repeat; background-position: top right; background-size: cover; background-color: #202b38; }
.hmDiet .hmdHeader{position: absolute; left: 0; right:0; margin:0 auto; text-align:center; width:100%; top:15px;font-family: 'Roboto-Bold'; color:#fff; font-size: 24px; line-height: 44px; padding-right:10px;}
.hmDiet .hmdContent{position: absolute; right: 250px; bottom: 140px;font-family: 'Roboto-Bold'; color:#2f2f2f; font-size: 30px; line-height: 44px;} 
.homeAbout{overflow:hidden; min-height:850px;}
.homeAbout .hmAbtImg{position: absolute; left: -150px; top:-50px;}
.hmaContent{padding-left: 350px; height:650px; max-width:900px; float:right;}
.hmaContent span{font-family: 'Roboto-Bold'; display: block; margin-bottom: 20px;}
.hmcnt p, .foodSafety p{line-height: 35px;font-family: 'Roboto-Light'; font-size:16px;}
.foodSafety .container{background-color: #eaf5e4; text-align: center;padding: 30px 30px 5px 30px;}
.foodSafety .container span{display: block; font-family: 'Roboto-Bold'; font-size: 18px; line-height: 28px; }
.subpageBanner{width: 100%; height:400px;  position: relative;}
.subpageBanner .spTitle{height: 100%; padding-top: 140px;}
.subpageBanner h2{font-family: 'Roboto-Regular';  color: #FFF; font-size: 30px; line-height: 40px;}
.subpageBanner h2 span{font-family: 'Roboto-Bold';color: #FFF }
.subpageBanner .container{height: 100%;}
.spContent{ padding: 55px 0;}
.spContent h3{color: #1e1e1e; font-size: 16px; line-height: 22px; margin-bottom: 25px; font-weight: normal; font-family: "Roboto-Bold"; }
.spContent h3 span{font-weight: bold;}
.spContent p{margin-bottom: 10px; line-height: 20px; font-size: 14px;}
#subscribeNewsletter{color: #000; text-align: center; padding: 15px 0; margin-top: 20px;}
#subscribeNewsletter .heading2{font-size:16px; color:#000;display:inline-block; margin-right: 20px;font-family: "Roboto-Light";}
#subscribeNewsletter input[type=text]{border:1px solid #cccccc; background:#FFF; width:300px; height:48px; padding: 15px 18px; font-size:16px; font-family:'Roboto-Light'; color:#000; display:inline-block; margin-right: 15px;}
#subscribeNewsletter input[type=submit]{border:none; background:#ffc11a; text-align:center; width:183px; height:45px; font-size:16px; font-family:'Roboto-Light'; color:#000; display:inline-block;}
footer{padding-top: 50px; margin-top:30px; border-top:1px solid #cccccc; line-height: 30px; font-family: 'Roboto-Regular';}
.fCol h4{font-family: "Roboto-Bold"; margin-bottom:15px;}
.f-social{display: block; margin-top: 15px;}
.f-social a{display: inline-block; padding-right: 10px; font-size: 24px;}
.copyright-info{padding: 40px 0; text-align: center; background-color: #49a011; color: #FFF; font-family:'Roboto-Light'; font-size:12px; font-style:italic;}
.copyright-info .container{padding: 0 40px;}
.copyright-info a{color: #FFF;}
.fCol p{margin-bottom: 10px;}

.subPage{display:inline-block; width:100%; margin-top:0px;}
.subPage h3 {margin-bottom: 0px!important;padding-top: 30px!important;}
.subPage h3:first-child{padding-top: 0px!important;} 
.subBanner{height:400px; position:relative; z-index:0;}
.subPageBanner{height:100px; position:relative; z-index:0;}
.subBanner h2{line-height:normal; margin:0;}
.subPageCnt{font-family: 'Roboto-Light'; font-size:15px;}
.subPageCnt a{text-decoration:underline; color:#0b970c; font-family: "Roboto-Regular";}
.subPageCnt h3{font-family: 'Roboto-Regular'; font-size:22px; margin-bottom:20px; line-height:32px;}
.subPageCnt span{font-family: 'Roboto-Regular'; font-size:15px;}
.subPageCnt p{line-height:26px; margin-bottom:20px;}
.subPageCnt ul{margin-bottom:20px; margin-left:35px;}
.subPageCnt ul li{list-style:disc; margin-bottom:5px;}
.subPageCnt h3.offset:before{display: block; content: " "; height: 120px;margin-top: -120px;visibility: hidden; }

.rspMenuLink, .rspMenuContent{display:none;}

.cntInner p a{font-weight:bold; line-height: 25px;}
.cntInner .whiteCol{color:#fff !important;}
.cntInner .whiteCol h2{color:#fff !important;}
.faq{padding-top:30px;}
.collapsible {
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-weight:bold;
}

.faq .collapsible:nth-child(even) {
  background-color: #fff!important;
}
.faq .wcollapsible{  background-color: #fff!important;}

.active, .collapsible:hover {
  background-color: #f1f1f1;
}
.cntInner a span{color:#000 !important; display:inline-block;}
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
 
}
.whats-app {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 110px;
    right: 15px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 100%;
    text-align: center;
    font-size: 28px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}
.whats-app .fab {padding-top: 7px;}



@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
		
	.rspMenuTxt{float:right; width:calc(100% - 50px); background:#e7bf2a; text-align:left; padding:0 15px; color:#202b38; height:50px; line-height:50px;}
	.rspMenuLink{background-color: #1c1a1b; position:fixed; bottom: 30px; right: 25px; width: 50px; height: 50px; border-radius:50px; z-index:9999; padding-top:18px; cursor:pointer; display:block;}
	.rspMenuLink span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}
	.rspMenuClose{background:#FFF;}
	.rspMenuClose span{background:#1c1a1b;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-3px, -4px) ;}
	.rspMenuContent{width: 100%; background: #1c1a1b; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; overflow:hidden; overflow-y: scroll;}
	.rspMenuActive{left:0; visibility:visible;}
	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #0064ae;}
	.rspMenuContent li a{color: #FFF; display: block; font-size: 18px; line-height: 26px; padding: 17px 20px 16px; text-decoration: none; position:relative; }
	.rspMenuContent li .submenu {background-color: #0064ae; height: calc(100% - 130px); position: absolute; right: -100%; top: 130px; transition: all .5s ease 0s; width: 100%; z-index: 999;}
	.rspMenuContent li.active > .submenu {right: 0;}
	.rspMenuContent li.hasChild > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #FFF;    font-size: 20px;    position: absolute;    top: 15px;    right: 25px;}
	
	.rspLogo{padding:10px 0; text-align:center;}
	.rspLogo img{max-width:80%; max-height: 100px;}
	
	body, .scInvestment p{font-size:16px; line-height:24px;}
	.hLogo{text-align:center;}
	
	.resImage{display:block !important; width:100%; height:100%; position:relative; background-repeat: no-repeat; background-position: center center; background-size: cover;  cursor:pointer;}
	.hbImage{display:unset!important;}
	.whiteCol blockquote{display:none;}

	.hbDescription{left:0; right:0; margin:0 auto; top:50px; width:90%; height:calc(100% - 50px);}
	.mobDescription{left:0; right:0; margin:0 auto; top:50px; width:90%; height:calc(100% - 200px);}
	.hbDescription h2{font-size:22px; line-height:30px;}
	.homeBanner{height:600px;}
	.vtname{display:block; text-align:center;}
	.hmFoods .col-md-4:nth-child(3n+1){clear:none;}	
	.hmFoods .col-md-4:nth-child(2n+1){clear:both;}
	.hmDiet{height:500px;}
	.hmDiet .hmdContent{right:100px; font-size:24px; line-height:30px;}
	.hmaContent{padding:0; height:auto; float:none;}
	.foodSafety .container{padding-left:15px; padding-right:15px;}
	.copyright-info .pull-right{float:left !important;}
}
@media only screen and (max-width:767px) {
	.spTitle{text-align:center;}
	#subscribeNewsletter input[type="text"]{display:block; margin:0 auto; max-width:100%;}
	#subscribeNewsletter input[type="submit"]{display:block; margin:10px auto;}
	.hmDiet .hmdHeader {font-size: 20px !important;  line-height: 28px !important;}
}
@media only screen and (min-width:992px) {
	.paddingLRSpace{padding-left: 150px; padding-right: 150px;}
}
@media only screen and (max-width:550px) {
	.hbDescription h2{text-align:center;}
	.notification-bar a{margin:15px 0 0 0;}
	.hmDiet .hmdHeader {font-size: 16px !important;  line-height: 24px !important;}	
	.hmDiet .hmdContent{left:0; text-align:center;}
	.banBtn1{margin-bottom:10px;}
	
	.banBtn1 a:nth-last-child(1){clear:both;display:block; margin-top: 10px;}
	
	
	
	.banBtn1, .banBtn2{text-align:center;}
	
	
	
	.whats-app { bottom: 90px; right: 30px; }
	

}
@media only screen and (min-width:992px) and (max-width:1100px) {
	.homeAbout .hmAbtImg{left:-300px;}
}



/*GALLERY*/
.gallery-section {
  margin-bottom: 80px;
}

.subPageCnt .gallery-title a{text-decoration:none; color:#fff; font-family: "Roboto-Light"; font-size:14px;}
@media screen and (max-width: 575px) {
  .gallery-section {
    margin-bottom: 50px;
  }
}

.gallery-inner-wrap {
  margin: -6px;
}
.gallery-inner-wrap:before, .gallery-inner-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.gallery-inner-wrap .single-gallery {
  width: 24.33%; /*width: 33.33%;*/
  float: left;
  padding: 6px;
}
.gallery-inner-wrap .single-gallery.width-3 {
  width: 66.66%;
}
.gallery-inner-wrap .gallery-img {
  position: relative;
}
.gallery-inner-wrap .gallery-img:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.gallery-inner-wrap .gallery-img img {
  width: 100%;
  max-width:280px;
}
.gallery-inner-wrap .gallery-img .gallery-title {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 1;
}
.gallery-inner-wrap .gallery-img .gallery-title h3 {
  color: #ffffff;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.gallery-inner-wrap .gallery-img:hover:before {
  opacity: 1;
}
.gallery-inner-wrap .gallery-img:hover .gallery-title h3 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media screen and (max-width: 767px) {
  .gallery-inner-wrap {
    margin: -5px;
  }
  .gallery-inner-wrap .single-gallery {
    width: 50%;
    padding: 5px;
  }
}
@media screen and (max-width: 479px) {
  .gallery-inner-wrap .single-gallery {
    width: 100%;
  }
}