html,body{
	font-family:'century gothic';
	height: 100%;
 width:100%;
 min-width:280px;
 max-width:1024px;
 margin:0 auto;
}
a:link{
	font-family:'century gothic';
	text-decoration: none;
}
/* Header START */
header{
	top:0;
	position:fixed;
	z-index:2;
	width:100%;
	min-width:280px;
	max-width:1024px;
	height:92px;
	background-color:#376055;
	margin:0 auto;
}
#headerInner{
	min-width:280px;
	max-width:1024px;
	width:100%;
}
#natureLogo{
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	width:97px;
	height:92px;
	background-image:url("img/naturecarelogo.svg");
}
#rightHeaderContainer{
	float:right;
	width:77px;
	height:65px;
	margin-top:26px;
	margin-right:15px;
}
*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Menu Toggle */
#toggle{
	top:27px;
	z-index:4;
	height: 25px;
	width: 44px;
	display: block;
	cursor: pointer;
	padding: 0 10px 0 10px;
	transition: all 0.2s ease-in-out;
	position:fixed;
	right:15px;
}

#toggle span{
	height: 3px;
	width: 100%;
	background: white;
	display: block;
	margin: 4px;
	position: relative;
	transition: all 0.2s ease-in-out;
}
/* Menu Toggle - Animation */

#toggle.animate .line1{
	transform: rotate(45deg);
	transform-origin: center;
	top:7px;
	background-color:grey;
}

#toggle.animate .line2{
	opacity: 0;
}

#toggle.animate .line3{
	transform: rotate(-45deg);
	transform-origin: center;
	bottom:7px;
	background-color:grey;
}
/* Menu language*/
#languageLinkContainer{
	margin-top:23px;
   float:right;
   width:72px;
   height:41px;
}
.languages{
	float:right;
	width:24px;
	height:22px;
	line-height:22px;
	margin:5px;
}
.languages a{
	color:#fff;
}
#languagebottom{
	position:relative;
	width:25px;
	height:3px;
	background-color:#2bb257;
	float:left;
	margin-left:5px;
}
/* Header END */
/* menuOptions start*/
#menuOptions{
	padding-top:70px;
	display:none;
	position:fixed;
	right:0;
	top:0;
	z-index:3;
	width:190px;
	height:100%;
	background-color:#ddd;
}
#menuOptions2{
	padding-top:70px;
	display:none;
	position:fixed;
	right:0;
	top:0;
	z-index:2;
	width:190px;
	height:100%;
	background-color:#ddd;
}
.menuLinksTop{
	color:#4c5157;
	width:100%;
	text-align:center;
	line-height:49px;
	font-size:14px;
}
.menuLinksTop:hover ,.menuLinksTop:active{
	font-weight:bold;
}
/* menuOptions end*/
/* slide start*/
#slideShowBigContainer{
	margin-top:92px;
    width:100%;
    min-width:280px;
    height:auto;
}
.slideshow-container{ 
	top:0;
  max-width: 1024px;
  margin: auto;
  position:relative;
}
.mySlides {display: none}
.prev, .next {
	position:relative;
  top:40%;
  z-index:0;
  cursor: pointer;
  position: absolute;
  width: auto;
  padding: 16px;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  color:#2bb257;
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover ,.prev:active, .next:active{
  color:#2bb257;
  background-color: rgba(0,0,0,0.8);
  text-decoration: none;
}
#dotContainer{
	display:none;
	width:100%;
	height:20px;
	text-align:center;
	top:80%;
}
.dot{
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 4px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/* slide end*/
/* specialized start*/
#specialSummaryContainer{
  width:100%;
  min-width:280px;
  max-width:1024px;
  margin:0 auto;
  height:170px;
}
#specialSummaryContainerInner{
	margin:0 auto;
	padding-top:20px;
	width:280px;
	height:170px;
	padding-left:15px;
    padding-right:15px;
}
.headlinesCenter{
	width:250px;
	font-size:15px;
	line-height:34px;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}
.fontBlue{
	color:#225089;
}
.summaryCenter{
	text-align: center;
	font-size:13px;
	line-height:18px;
    width:100%;
    max-width:462px;
    height:53px;
}
#specializedIconContainer{
	margin:0 auto;
	width:280px;
	height:585px;
}
.specialIconCenter{
	float:left;
    width:100%;
    height:86px;
}
.specialContainers{
    float:left;
	width:140px;
	height:195px;
}
.green1{
	background-color:#2bb257;
}
.green2{
	background-color:#88cab9;
}
.green3{
	background-color:#cde8e1;
}
.green4{
	background-color:#25594b;
}
#special1{
	margin:0 auto;
	width:140px;
	height:86px;
	background-image:url('img/special1.svg');
}
#special2{
	margin:0 auto;
	width:140px;
	height:86px;
	background-image:url('img/special2.svg');
}
#special3{
	margin:0 auto;
	width:140px;
	height:86px;
	background-image:url('img/special3.svg');
}
#special4{
	margin:0 auto;
	width:140px;
	height:86px;
	background-image:url('img/special4.svg');
}
#special5{
	margin:0 auto;
	width:140px;
	height:86px;
	background-image:url('img/special5.svg');
}
#special6{
	margin:0 auto;
	width:140px;
	height:86px;
	background-image:url('img/special6.svg');
}
.specialTitles{
	margin:0 auto;
	width:80%;
	height:90px;
	line-height:18px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	letter-spacing:2px;
}
.fontWhite{
	color:#fff;
}
.fontDarkgreen{
	color:#25594b;
}
.fontLightgreen{
	color:#2bb257;
}
.darkblueButtons{
	position:relative;
	text-align:center;
	width:235px;
	height:36px;
    background-color:#225089;
    margin:0 auto;
    line-height:36px;
    border-radius:10px;
    box-shadow: 0 5px #999;
}
.darkblueButtons:hover{
	background-color:#6496d3;
}
.darkblueButtons:active{
	background-color:#6496d3;
    box-shadow: 0 3px #666;
    transform: translateY(4px);
}
.buttonMargin a{
	position:relative;
	color:#fff;
}
.centralizeButton{
	width:235px;
	height:76px;
	margin:0 auto;
}
.buttonMargin{
	float:left;
	padding-top:20px;
	padding-bottom:30px;
	width:100%;
	height:106px;
}
.contentBottomLine{
   float:left;
   min-width:280px;
   max-width:1024px;
   width:100%;
   height:1px;
}
.contentBottomLineInner{
	width:50%;
   min-width:50px;
   max-width:450px;
   margin:0 auto;
   height:1px;
   background-color:grey;
}
/* specialized end*/
/* video start*/
.headerContainer{
	margin-top:20px;
	margin-bottom:20px;
   width:100%;
   min-width:280px;
   max-width:1024px;
   height:34px;
   float:left;
}
#centralizeVideo{
   width:100%;
   height:auto;
   margin-bottom:20px;
}
/* video end*/
/* caringfuture start*/
#careFutureSummaryContainer{
  padding-top:10px;
  width:100%;
  min-width:280px;
  max-width:1024px;
 float:left;
  height:160px;
}
#careFutureSummaryContainerInner{
	margin:0 auto;
	padding-top:20px;
	width:280px;
	height:160px;
	padding-left:15px;
    padding-right:15px;
}
#productEnquiryContainer{
	float:left;
	width:100%;
	height:450px;
}
#productEnquiryContainerInner{
	width:280px;
	height:450px;
	margin:0 auto;
}
#ourProductsContainer{
	float:left;
	width:280px;
	height:212px;
	background-image:url("img/ourproductscover1.jpg");
}
#ourProductsText{
	font-size:26px;
	position:absolute;
	z-index:0;
	width:280px;
	text-align:center;
	line-height:36px;
	height:36px;
	margin-top:150px;
}
#ourProductsText:hover{
	color:#fff;
}
#ourProductslineOuter{
	position:absolute;
	margin-top:185px;
	width:280px;
	height:3px;
}
#ourProductsline{
	z-index:1;
	margin:0 auto;
	height:3px;
	width:0px;
	background-color:#2bb257;
}
#enquiryContainer{
	margin-top:20px;
	float:left;
	width:280px;
	height:212px;
	background-image:url("img/enquirycover1.jpg");
}
#enquiryText{
	font-size:26px;
	position:absolute;
	z-index:0;
	width:280px;
	text-align:center;
	line-height:36px;
	height:36px;
	margin-top:150px;
}
#enquiryText:hover{
	color:#fff;
}
#enquirylineOuter{
	position:absolute;
	margin-top:185px;
	width:280px;
	height:3px;
}
#enquiryline{
	z-index:1;
	margin:0 auto;
	height:3px;
	width:0px;
	background-color:#2bb257;
}
#sloganOuter{
	margin-top:23px;
	margin-bottom:23px;
	float:left;
	width:100%;
	height:36px;
}
#sloganInner{
	font-weight:bold;
	margin:0 auto;
	width:280px;
	line-height:36px;
	font-size:15px;
	text-align:center;
}
/* caringfuture end*/
#footer{
	float:left;
	width:100%;
	height:485px;
	background-color:#376055;
}
#footerInner{
    width:276px;
    height:485px;
    margin:0 auto;
}
#natureLogoOuterContainer{
	margin-top:27px;
	width:100%;
	float:left;
	height:92px;
}
#natureLogoContainer{
	width:97px;
	height:92px;
	margin:0 auto;
}
#menuOptions3{
	float:left;
	width:100%;
	height:222px;
}
.menuLinksbottom{
	color:#fff;
	width:100%;
	text-align:center;
	line-height:37px;
	font-size:14px;
}
.menuLinksbottom:hover,.menuLinksbottom:active{
	font-weight:bold;
}
#socialMedia{
	float:left;
	width:100%;
	height:56px;
	border-bottom:3px solid #fff;
}
#socialMediaInner{
	width:100px;
	height:41px;
	margin:0 auto;
}
#facebookIcon{
	float:left;
	width:41px;
	height:41px;
	background-image:url('img/facebookicon.png');
	background-size:cover;
}
#shareIcon{
	float:right;
	width:41px;
	height:41px;
	background-image:url('img/shareicon.png');
	background-size:cover;
}
#copyRightOuter{
	float:left;
	margin-top:10px;
	width:100%;
	height:44px;
}
#copyright{
	margin:0 auto;
	line-height:22px;
	font-size:14px;
	color:#fff;
	width:276px;
	text-align:center;
}
#copyright:hover,#copyright:active{
	font-weight:bold;
}
/* ourServices start*/
#ourServicesBigContainer{
	width:100%;
}
#ourServicesBackground{
	min-width:280px;
	max-width:1024px;
	background-image:url('img/ourservices.jpg');
	height:460px;
	padding-top:60px;
	padding-bottom:71px;
	padding-left:15px;
	padding-right:15px;
	margin-top:92px;
	background-size:cover;
}
#ourServicesSummaryContainer{
	background-color: #ffffffd1;
	padding-left:15px;
	padding-right:15px;
	height:360px;
	min-width:250px;
	max-width:600px;
	padding-top:25px;
	margin:0 auto;
}
#ourServicesTitle{
	font-size:15px;
	line-height:30px;
	font-weight:bold;
}
#ourServicesSummary{
    font-size:13px;
	line-height:18px;
	margin-bottom:20px;
}
.leftIcon{
	float:left;
	line-height:15px;
	height:45px;
	width:10px;
}
.leftSingle{
	float:left;
	line-height:15px;
	height:30px;
	width:10px;
}
.ourSummaryRow{
	float:left;
	width:100%;
	height:45px;
}
.ourSummaryRowSingle{
	float:left;
	width:100%;
 height:30px;
}
.ourServicesSummaryRight{
 float:left;
 width:200px;
 font-size:13px;
	line-height:18px;
}
#ourservicesSummaryInner{
	margin-top:10px;
 width:220px;
	height:240px;
}
/* oem start */
#oemContainer{
	width:100%;
	padding-top:60px;
	padding-bottom:10px;
}
#oemTitle{
	font-size:15px;
	line-height:30px;
  text-align:center;
  padding-bottom:35px; 
  font-weight: bold;
  width:100%;
  padding-left:15px;
  padding-right:15px;
}
#oemIconsDescriptions{
   width:280px;
   margin:0 auto;
}
.oemSummary{
	text-align:center;
	font-size:13px;
	line-height:18px;
	width:120px;
	margin:0 auto;
}
.oemCollumns{
	float:left;
	width:137px;
	height:120px;
	margin-bottom:10px;
	margin-left:1px;
}
#oemBottomContainer{
	float:left;
	min-height:200px;
	width:100%;
	padding-left:15px;
	padding-right:15px;
 margin-top:30px;
	padding-bottom:20px;
}
#oemBottomContainerInner{
 width:100%;
 margin:0 auto;
}
#oemPicture{
	width:100%;
}
#oemDescription{
	padding:15px;
	line-height:18px;
	font-size:13px;
	width:100%;
}
.oemDetails{
	width:100%;
	display:none;
}
/* oem end */
/* odm start */
#odmBackground{
	width:100%;
	background-color:#4e6c8d;
	color:white;
 padding-top:60px;
 padding-bottom:10px;
	float:left;
}
#odmTitle{
  text-align:center;
  padding-bottom:35px; 
  font-weight: bold;
  width:100%;
  padding-left:15px;
  padding-right:15px;
  font-size:15px;
	 line-height:30px;
}
#odmIconDescriptions{
	  width:280px;
   margin:0 auto;
}
.odmCollumns{
	 float:left;
	width:137px;
	height:120px;
	margin-bottom:10px;
	margin-left:1px;
}
.odmSummary{
	text-align:center;
	font-size:13px;
	line-height:18px;
	width:120px;
	margin:0 auto;
}
#odmBottomContainer{
	float:left;
	min-height:320px;
	width:100%;
	padding-left:15px;
	padding-right:15px;
 margin-top:30px;
	padding-bottom:30px;
}
#odmBottomContainerInner{
	width:100%;
}
#odmPicture{
	margin:0 auto;
	width:244px;
}
#odmDescription{
	padding:15px;
	line-height:18px;
	font-size:13px;
	width:100%;
}
.odmDetails{
	display:none;
}
.lightblueButtons{
	position:relative;
	text-align:center;
	width:235px;
	height:36px;
		background-color:#6496d3; 
    margin:0 auto;
    line-height:36px;
    border-radius:10px;
    box-shadow: 0 5px #999;
}
.lightblueButtons:hover{
	background-color:#000;
}
.lightblueButtons:active{
	background-color:#000;
    box-shadow: 0 3px #666;
    transform: translateY(4px);
}
/* odm end */
/* private labeling start */
#privateLabelingBackground{
	padding-bottom:10px;
	float:left;
	padding-top:60px;
	width:100%;
	min-height:150px;
}
#privateLabelingTitle{
	font-size:15px;
	line-height:30px;
	padding-bottom: 20px; 
	font-weight: bold; 
 font-size:15px;
	color: #22a04a;
	text-align:center;
}
#privateLabelingSummary{
 padding:15px;
	line-height:18px;
	font-size:13px;
	width:100%;
	margin:0 auto;
	max-width:600px;
}
#privateLabelImage{
	width:90%;
	max-width:600px;
	margin:0 auto;
}
.privateLabelDetails{
	width:100%;
 display:none;
}
.lightgreenButtons{
	position:relative;
	text-align:center;
	width:235px;
	height:36px;
		background-color:#44bc63; 
    margin:0 auto;
    line-height:36px;
    border-radius:10px;
    box-shadow: 0 5px #999;
}
.lightgreenButtons:hover{
	background-color:#376055;
}
.lightgreenButtons:active{
	background-color:#376055;
    box-shadow: 0 3px #666;
    transform: translateY(4px);
}
br{
	line-height:30px;
}
/* private labeling end */
/*strategicAdvantage start*/
#strategicAdvantage{
	float:left;
	width:100%;
	min-height:343px;
	padding:50px 0;
	border-top:1px solid grey;
}
#strategicTitle{
 text-align:center;
  padding-bottom:20px; 
  font-weight: bold;
  width:100%;
  padding-left:15px;
  padding-right:15px;
  font-size:15px;
	 line-height:30px;
	 color: #45685d;
}
#strategicSummary{
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
line-height:18px;
font-size:13px;
	width:100%;
	margin:0 auto;
	margin-bottom:30px;
	max-width:600px;
	}
	#strategicAdCollumContainer{
		margin:0 auto;
	 width:280px;
	}
	.strategicAdvantageCollumns{
		width:280px;
		height:343px;
		margin-bottom:15px;
		float:left;
	}
	.strategicAdvantageColSum{
		 color: white; 
			line-height:18px;
  	font-size:13px;
		 padding-top: 20px;
		 padding-left:15px;
		 padding-right:15px;
		 height:146px;
	}
#strategicAdvantageColSum1{
   background-color:#225089; 
	}
	#strategicAdvantageColSum2{
   background-color:#4d698b; 
	}
	#strategicAdvantageColSum3{
   background-color:#71859c; 
	}
	#strategicAdvantageColSum4{
   background-color:#58a282; 
	}
		#strategicAdvantageColSum5{
   background-color:#44bc63; 
	}
/*strategicAdvantage end*/
/*ourProduct start*/
#ourProductsServiceContainer{
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:50px;
}
#ourProductsTitle{
 text-align:center;
  padding-bottom:20px; 
  font-weight: bold;
  width:100%;
  padding-left:15px;
  padding-right:15px;
  font-size:15px;
	 line-height:30px;
	 color: #44bc63;
}
.summaryContainers{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.ourProductsSummary{
	padding-left:15px;
	padding-right:15px;
padding-bottom:20px;
line-height:18px;
font-size:13px;
	width:100%;
	max-width:600px;
	margin:0 auto;
}
.ourProductsIconContainer{
 width:280px;
 min-height:100px;
 margin:0 auto;
}
.ourProductsCol{
	float:left;
	width:140px;
	height:150px;
}
.ourProductsColSum{
	width:140px;
	height:53px;
	padding-left:15px;
	padding-right:15px;
	font-size:13px;
	line-height:18px;
	text-align:center;
}
/*ourProduct end*/
#halalContainer{
	float:left;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
}
#halalLogo{
	margin:0 auto;
	width:140px;
	height:140px;
	background-image:url('img/halallogo.jpg');
}
#halalTitle{
	padding-top:20px;
	text-align:center;
  padding-bottom:20px; 
  font-weight: bold;
  width:100%;
  padding-left:15px;
  padding-right:15px;
  font-size:15px;
	 line-height:30px;
	 color: #44bc63;
}
#fixedFreeQuotationButton{ 
	border:1px solid white;
	z-index:1;
	position:fixed;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	line-height:25px;
	width:175px;
	height:25px;
	top:180px;
	left:-90px;
	background-color:#44bc63;
	transform-origin: center;
	-ms-transform: rotate(-90deg); /* IE 9 */
  transform: rotate(-90deg); /* Standard syntax */
}
#fixedFreeQuotationButton:hover{
cursor:pointer;
background-color:#225089;
left:-80px;
transition-timing-function: ease-in-out;
}
/* ourServices end*/
/* contact us start*/
#contactUsBg{
	width:100%;
	max-width:1024px;
	height:500px;
	background-image:url('img/contactusbg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:24px;
}
#contactUsBlueContainer{
	width:100%;
	min-width:280px;
	max-width:500px;
	margin:0 auto;
	min-height:30px;
	background-color:rgba(34,75,125,0.8);
	padding-top:30px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
}
#contactUsTitle{
 font-size:15px;
	line-height:30px;
	margin-bottom:30px;
	font-weight:bold;
	color:#fff;
	width:100%;
	text-align:center;
}
#contactUsDetail{
	line-height:18px;
 font-size:13px;
 width:70%;
 color:#fff;
}
#contactUsDetailContainer{
	margin:0 auto;
 min-width:250px;
 max-width:350px;
}
.bold{
	font-weight:bold;
}
/* contact us end*/

/*support start*/
#requestQuotationCover{
	background-image:url('img/quotation.jpg');
	padding:50px;
	background-size:cover;
	width:100%;
}
#requestQuotationBlue{
	color:#fff;
	background-color:rgba(30,76,121,0.8);
	padding:30px;
}
#requestQuotationTitle{
	text-align:center;
	font-weight:bold;
	line-height:30px;
	font-size:15px;
}
#requestQuotationSummary{
	line-height:18px;
	font-size:13px;"
}
#requestQuotationForm{
	width:100%;
	margin-top:60px;
	margin-bottom:60px;
}
 #requestQuotationTitle2{
	text-align:center;
	font-weight:bold;
	line-height:30px;
	font-size:15px;
	color:#000;
}
.quotationSecondaryTitle{
	font-weight:bold;
	color:#fff;
	background-color:#000;
	width:100px;
	text-align:center;
		line-height:18px;
	font-size:13px;
	margin-bottom:10px;
}
.fullwidthRow{
	width:100%;
}
.quotationFormInner{
	padding-top:20px;
	padding-bottom:20px;
	width:270px;
	margin:0 auto;
}
input[type="checkbox"] {
 /* remove standard background appearance */
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* create custom radiobutton appearance */
 display: inline-block;
 width: 23px;
 height: 23px;
 padding: 3px;
 /* background-color only for content */
 background-clip: content-box;
 border: 2px solid #bbbbbb;
 background-color: #e7e6e7;
 border-radius: 50%;
 float:left;
}
/* appearance for checked radiobutton */
input[type="checkbox"]:checked {
 background-color: #51bb9c;
}
input[type="radio"] {
 /* remove standard background appearance */
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* create custom radiobutton appearance */
 display: inline-block;
 width: 23px;
 height: 23px;
 padding: 3px;
 /* background-color only for content */
 background-clip: content-box;
 border: 2px solid #bbbbbb;
 background-color: #e7e6e7;
 border-radius: 50%;
 float:left;
}
/* appearance for checked radiobutton */
input[type="radio"]:checked {
 background-color: #51bb9c;
}
.quotationOptions{
   font-weight:normal;
   font-size:13px;
   line-height:30px;
   margin-left:10px;
}
textarea{
   resize:none;
}
#validationTextarea{
width:100%;
height:150px;
margin-top:10px;
margin-bottom:30px;
}
.additionalTitle{
font-size:13px;
line-height:30px;
margin-top:30px;
margin-bottom:10px;
font-weight:bold;
}
#faqBackground{
   float:left;
   margin-top:-10px;
	   padding-top:30px;
	   padding-bottom:30px;
	background-size:cover;
	width:100%;
	background-image: url('img/faq.jpg');
}
#faqGreen{
   margin:0 auto;
   color:white;
   background-color: #5c7c71d1;
   padding-left: 10px;
   padding-right:10px;
   padding-top:30px;
   padding-bottom:30px;
   max-width:600px;
}
#accordionWrapper{
   width:100%;
   padding-top:30px;
   padding-left:30px;
   padding-right:30px;
   padding-bottom:60px;
}
.cardHeaderColor{
   width:100%;
   color:#2bb257;
   margin:0;
   font-size:13px;
   line-height:18px;
   background-color:#fff;
border:1px solid #d2d4d2;
height:90px;
margin-bottom:0;
}
.cardHeaderColor:active,.cardHeaderColor:hover{
font-weight:bold;
border:2px solid #d2d4d2;
}
.card-header:active{
   text-decoration:none;
}
/*support end*/