@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,600,600italic,700,700italic);

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');

Body{
	color: #2b4659;
	FONT-SIZE: 16px;
	font-family: 'PT Sans', sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
/* Desktop only */
.match-boxheight {
  aspect-ratio: 4 / 2.5;
	width: 100%;
  display: block;
}

/* Tablet & below */
@media (max-width: 1024px) {
  .match-boxheight {
    aspect-ratio: auto;   /* removes the ratio */
    height: auto;
  }
}
@media (max-width: 768px) {
  .match-boxheight {
	  aspect-ratio: auto;
    height: auto;
    min-height: 150px;
  }
}

::selection {color:#FFF;background:#005072;}
::-moz-selection {color:#FFF;background:#005072;}
::-o-selection {color:#FFF;background:#005072;}
::-ms-selection {color:#FFF;background:#005072;}
::-webkit-selection {color:#FFF;background:#005072;}
 
.Shadow{
 -moz-box-shadow: 0px 0px 15px 0px #839ca4;
 -webkit-box-shadow: 0px 0px 15px 0px #839ca4;
 box-shadow: 0px 0px 15px 0px #839ca4;}	
 
.BoxShadow{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.Objectfit {width: 100%; height: 100px; object-fit:cover; border: 1px solid #D7D7D7;}
.FontColor1 {
	color: #005776;
}
.FontColor2 {color:#0d76b2;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}
.FontColor5 {color:#e50000;}
.FontWeight300{font-weight:300;}

.BgColor1 {background-color:#0d4268; text-decoration:none}
a.BgColor1:hover {background-color:#052a45; transition:0.3s ease;}

.BgColor2 {background-color:#99a41a; text-decoration:none}
a.BgColor2:hover {background-color:#838e06; transition:0.3s ease;}

.BgColor3 {background-color:#3eb89a; text-decoration:none}
a.BgColor3:hover {background-color:#1b886d; transition:0.3s ease;}

.BgColor4 {background-color:#ca6b26; text-decoration:none}
a.BgColor4:hover {background-color:#b9540a; transition:0.3s ease;}

.BgColor5 {background-color:#64256a; text-decoration:none}
a.BgColor5:hover {background-color:#521858; transition:0.3s ease;}

.BgColor7 {background-color:#803240; text-decoration:none}
a.BgColor7:hover {background-color:#591e29; transition:0.3s ease;}

.BgColor8 {background-color:#9b4915; text-decoration:none}
a.BgColor8:hover {background-color:#6f310a; transition:0.3s ease;}

.BgColor9 {background-color:#36260f; text-decoration:none}
a.BgColor9:hover {background-color:#110c04; transition:0.3s ease;}

.BgColor10 {background-color:#256a67; text-decoration:none}
a.BgColor10:hover {background-color:#0f5653; transition:0.3s ease;}

.BgColor11 {background-color:#9d115e; text-decoration:none}
a.BgColor11:hover {background-color:#84094d; transition:0.3s ease;}

.BgColor12 {background-color:#037e98; text-decoration:none}
a.BgColor12:hover {background-color:#0187a3; transition:0.3s ease;}

.BgColor13 {background-color:#af281c; text-decoration:none}
a.BgColor13:hover {background-color:#7f180e; transition:0.3s ease;}

.BgColor14 {background-color:#ff9703; text-decoration:none}
a.BgColor14:hover {background-color:#dc8202; transition:0.3s ease;}

.BgColor15 {background-color:#5a6fb0; text-decoration:none}
a.BgColor15:hover {background-color:#344fa3; transition:0.3s ease;}

.BgColor6 { background: rgba(256, 256, 256, 0.85) }
.bg1 { background: #f2f2f2 }
.bg2 { background: #ffffff }

.Transparent {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.TableAltHeader1 {background-color:#006ba2; color:#fff;}
.AltColor11 {background-color:#bde2f9;}
.AltColor12 {background-color:#e5f8ff;}

.TableAltHeader2 {background-color:#2ea386; color:#fff;}
.AltColor21 {background-color:#c9f4e9;}
.AltColor22 {background-color:#e7faf5;}

/* Font Sizes */
.SmallerText {FONT-SIZE:13px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE: 18px;}
.NormalTextBig {FONT-SIZE:20px;}
.Heading {FONT-SIZE:28px; font-weight: 300; font-family: 'Roboto', sans-serif;}
.BiggerText {FONT-SIZE:30px; font-weight: 300; font-family: 'Roboto', sans-serif;}
.LargeText {FONT-SIZE:42px; font-weight: 300; font-family: 'Roboto', sans-serif;}
.SmallerLink{FONT-SIZE:13px; text-decoration: none}
a.SmallerLink:hover {text-decoration:underline;}


.JustLinks {TEXT-DECORATION:underline ;}
a.JustLinks:hover{TEXT-DECORATION: none;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */
.Button{
	font-family: 'PT Sans', sans-serif;
	padding:5px 20px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	margin:2px;
	display:inline-block;
}
.ButtonSmall{
	font-family: 'PT Sans', sans-serif;
	font-size:11.5px;		
	padding:2px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonMedium{
	font-family: 'PT Sans', sans-serif;
	font-size:13px;	
	padding:4px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonBig{
	font-family: 'PT Sans', sans-serif;
	font-size:20px;	
	padding:9px 20px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}
.ButtonColor1{
	color:#fff;	
	background-color: #10416b;
	background-image: -webkit-linear-gradient(top, #0083c6, #10416b);
	background-image: -moz-linear-gradient(top, #0083c6, #10416b);
	background-image: -ms-linear-gradient(top, #0083c6, #10416b);
	background-image: -o-linear-gradient(top, #0083c6, #10416b);		
	border:1px solid #024a63;	
}
input.ButtonColor1:hover{
	color:#fff;	
	background-color: #024a63;
	background-image: -webkit-linear-gradient(top, #024a63, #022937);
	background-image: -moz-linear-gradient(top, #024a63, #022937);
	background-image: -ms-linear-gradient(top, #024a63, #022937);
	background-image: -o-linear-gradient(top, #024a63, #022937);		
	border:1px solid #022937;	
}
a.ButtonColor1:hover{
	color:#fff;	
	background-color: #024a63;
	background-image: -webkit-linear-gradient(top, #024a63, #022937);
	background-image: -moz-linear-gradient(top, #024a63, #022937);
	background-image: -ms-linear-gradient(top, #024a63, #022937);
	background-image: -o-linear-gradient(top, #024a63, #022937);		
	border:1px solid #022937;	
		
}
.ButtonColor1:hover{
	color:#fff;	
	background-color: #024a63;
	background-image: -webkit-linear-gradient(top, #024a63, #022937);
	background-image: -moz-linear-gradient(top, #024a63, #022937);
	background-image: -ms-linear-gradient(top, #024a63, #022937);
	background-image: -o-linear-gradient(top, #024a63, #022937);		
	border:1px solid #022937;	
		
}
.ButtonColor1:active{
	top:1px;
	position:relative;
}
.ButtonColor2{
	color:#000;	
	background-color: #00c6b1;
	background-image: -webkit-linear-gradient(top, #fff, #e2e2e2);
	background-image: -moz-linear-gradient(top, #fff, #e2e2e2);
	background-image: -ms-linear-gradient(top, #fff, #e2e2e2);
	background-image: -o-linear-gradient(top, #fff, #e2e2e2);		
	border:1px solid #cdcdcd;
    
}
.ButtonColor2:hover{
	color:#fff;	
	background-color: #10416b;
	background-image: -webkit-linear-gradient(top, #0083c6, #10416b);
	background-image: -moz-linear-gradient(top, #0083c6, #10416b);
	background-image: -ms-linear-gradient(top, #0083c6, #10416b);
	background-image: -o-linear-gradient(top, #0083c6, #10416b);		
	border:1px solid #10416b;	
}
.ButtonColor2:active{
	top:1px;
	position:relative;
}
.ButtonColor3{
	color:#fff;	
	background-color: #34ae90;			
	border:1px solid #248e74;    
}
.ButtonColor3:hover{
	color:#fff;	
	background-color: #007dc5;			
	border:1px solid #042f48;
    transition:0.3s ease;
}
.Gradientbg{
	color:#000;	
	background-color: #e8e8e8;
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -moz-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -o-linear-gradient(top, #f4f4f4, #e5e5e5);	
	border:2px solid #c2c2c2;
	padding:2px 10px;	
}

/* All Border Styles */
.Border1 {border-width:1px; border-style:solid; box-sizing:border-box;}
.Border2 {border-width: 2px;  border-style:solid; box-sizing:border-box;}
.Border5 {border-width: 5px;  border-style:solid; box-sizing:border-box;}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom1{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottom6{border-bottom:6px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderLeft3{border-left:3px solid;}
.BorderRight2{border-right:2px solid;}
.BorderRight1{border-right:1px solid;}

.BorderColor1{border-color: #005573}
.BorderColor2{border-color: #bec9d2}
.BorderColor3{border-color: #FFFFFF}
.BorderColor4{border-color: #D7D7D7}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded8{border-radius:8px;}
.BorderRounded5{border-radius:5px;}
.BorderRounded20{border-radius:20px;}

/* Table Style */		
.TableStyle {
    border-collapse: collapse;
    border-spacing: 0;	     
	background-color: #fff;
}
.TableStyle th {    
    padding:7px;
	color:#000;	
}
.TableStyle td {      
    padding:3px 7px;
	border: 1px solid #dbe2e2;	
}
.TableStyle tr:nth-child(even){background-color: #f0f5f8; }

/* Text Box Style*/	

.TextBox{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	padding:5px;
	border:1px solid #7b81aa;
	border-radius:5px;
	background-color: rgba(255,255,255,0.3);
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{	
	border:1px solid #393d60;
	background-color: rgba(255,255,255,0.8);
	box-sizing: border-box;
	outline: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
::placeholder{	
	font-family: 'Open Sans', sans-serif;
	opacity:0.4;
	color:#fff;	
	}
:-ms-input-placeholder{		
	font-family: 'Open Sans', sans-serif;
	opacity:0.4;
	color:#fff;
}

.TextBoxBig::-webkit-input-placeholder,
.TextBoxBig::placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Open Sans', sans-serif;
}
.TextBoxBig::-moz-placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Open Sans', sans-serif;
}

ul.social-buttons {list-style: none; margin:2px auto; padding:0px; float:none;}
ul.social-buttons li {display: inline-block;  margin-right:2px; margin-top:2px; margin-bottom:2px;}
ul.social-buttons li:last-child {margin-right: 2px;}
.social-btnfb { width: 22px; height: 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border:2px solid #fff; padding:2px; background:#074972; display: inline-block; color:#fff; font-size: 16px; line-height:22px; text-align: center; }
.social-btnfb:hover{ background: #3b5998; color: #fff; transition:0.2s;}

.social-btntwitter { width: 22px; height: 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:2px;-o-border-radius: 5px; border:2px solid #fff; background:#074972; display: inline-block; color: #fff; font-size: 16px; line-height: 22px; text-align: center; }
.social-btntwitter:hover{ background: #1dcaff; color: #fff; transition:0.2s;}

.social-btntlinkedin {width: 22px; height: 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:2px; -o-border-radius: 5px; border:2px solid #fff; background:#074972; display: inline-block; color: #fff; font-size: 16px; line-height: 22px; text-align: center; }
.social-btntlinkedin:hover{background: #007bb5; color: #fff; transition:0.3s;}
#home{	
	padding-top:110px;

}
#aboutus{	
	padding-top:100px;
	padding-bottom:50px;	
	background: url(../images/abtus-bgimg.webp?v=2) ;	
	width: 100%;
	height:auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;	
}
#infrastructure{	
	padding-top:90px;
	background-image:url(../images/infrastructure-bgimg.webp);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;	
	height: auto;	
}

#newsnupdates{
	padding-top: 100px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	
}
#contactus{	
	padding-top:100px;	
	background-color: #f9f9f9;
	padding-bottom: 50px;	
}
#footer{
	background-color:#073a59;
	color:#FFF}
.ParallaxImg{
	background: url(../images/home-bgimg.webp) ;	
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.ParallaxImg2{
	background: url(../images/bgimg2.webp) ;	
	width: 100%;
	height:520px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.ParallaxImg3{
	background: url(../images/Subscrib-BG.webp) ;	
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
 .OverlayImg{
	background: url(../images/EnzymesOverlay.webp) 50% 0 no-repeat fixed;
	width:100%;
	height:100vh;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	
}
 .OverlayImg2{
	background: url(../images/EnzymesOverlay2.webp) no-repeat fixed;
	width:100%;
	height:100vh;
	margin: 0 auto;
	padding: 0;
	position: absolute;	
}
     .OverlayImg3{
	background: url(../images/EnzymesOverlay2.webp) no-repeat fixed;
	width:100%;
	height:1200px;
	margin: 0 auto;
	padding: 0;
	position: absolute;	
}
.ProbioticParallax{
	
	background-size:100% ;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;
	
}
.ProbioticParallax.probiotic{
	background: url(../images/probiotic-banner.webp) no-repeat fixed  ;
}
.ProbioticParallax.bacillussubtilis{
	background: url(../images/bacillus_subtills.webp) no-repeat fixed ;
}
.ProbioticParallax.coagulans{
	background: url("../images/bacillus_coagulans.webp") no-repeat fixed ;
}
.ProbioticParallax.pumilus{
	background: url("../images/bacillus_pumilus.webp") no-repeat fixed ;
}
.ProbioticParallax.amyloliquefaciens{
	background: url("../images/bacillus_amyloliquefaciens.webp") no-repeat fixed ;
}
.ProbioticParallax.licheniformis{
	background: url("../images/bacillus_licheniformis.webp") no-repeat fixed ;
}
.ProbioticParallax.velezensis{
	background: url("../images/bacillus_velezensis.webp") no-repeat fixed ;
}
.ProbioticParallax.megaterium{
	background: url("../images/bacillus_megaterium.webp") no-repeat fixed ;
}
.ProbioticParallax.altitudinis{
	background: url("../images/bacillus_altitudinis.webp") no-repeat fixed ;
}
.ProbioticParallax.stercoris{
	background: url("../images/bacillus_stercoris.webp") no-repeat fixed ;
}
.ProbioticParallax.clausii{
	background: url("../images/bacillus_clausii.webp") no-repeat fixed ;
}
.ProbioticParallax.tequilensis{
	background: url("../images/bacillus_tequilensis.webp") no-repeat fixed ;
}



.BioAgriParallax{
	background: url(../images/bio-agriculture.webp) no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.AdvingredientParallax{
	background: url(../images/food-and-nutraceutical.webp) no-repeat fixed;
	background-size:100%;
	background-position:right 80px;
	margin-top:80px;	
	height:500px;	
}

.fermentationParallax{
	background: url(../images/fermentation-diagnostics.webp) no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.TextileEnzymesParallax{
	background: url(../images/textiles.webp) no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.GlobalEnzymeParallax{
	background: url(../images/global-enzymes.webp) no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.Number{
	width:30px;
	height:30px;
	background-color:#064c75;
	border-radius:30px;
	padding:3px;
	color:#fff;
	text-align:center;
	line-height:30px;
	text-decoration:none;
}
.ManufacturingParallax{
	background: url(../images/manufacturing-facilities-building.webp) no-repeat fixed;
	background-size:100%;	
	height:500px;	
}
.NewsParallax{
	background: url(../images/news-updates.webp) no-repeat fixed;
	background-size:100%;	
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.NattolifeParallax{
	background: url(../images/nattolife-new.webp) no-repeat fixed;
	background-size:100%;	
	background-position:center 80px;
	margin-top:80px;	
	height:500px;	
}
.AquadipParallax{
	background: url(../images/aquadip.webp) no-repeat fixed;
	background-size:100%;	
	background-position:top 80px;
	margin-top:80px;	
	height:500px;	
}
.OenologyParallax{
	background: url(../images/oenology.jpg) no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.CoffeeParallax{
	background: url(../images/coffee-and-cocoa.jpg) no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.BrewingParallax{
	background: url(../images/brewing.jpg) no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.PronPrebioticsParallax{
	background: url(../images/probiotics-prebiotics.webp) no-repeat fixed;
	background-size:100%;	
	background-position:bottom 80px;
	margin-top:80px;	
	height:500px;	
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    padding-top:0px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fff;
    margin:3% auto 3% auto; /* 5% from the top, 15% from the bottom and centered */
    border:none;
    max-width:700px; /* Could be more or less, depending on screen size */
	width:98%;
	box-sizing:border-box;
	box-shadow: 0px 0px 12px 0px #000;	
	-moz-box-shadow: 0px 0px 12px 0px #000;
	-webkit-box-shadow: 0px 0px 12px 0px #000;	
}
.modal-contentsmall {
    background-color: #fff;
    margin:8% auto 5% auto; /* 5% from the top, 15% from the bottom and centered */
    border:none;
    max-width:450px; /* Could be more or less, depending on screen size */
	width:98%;
	box-sizing:border-box;
	box-shadow: 0px 0px 12px 0px #000;	
	-moz-box-shadow: 0px 0px 12px 0px #000;
	-webkit-box-shadow: 0px 0px 12px 0px #000;	
	position: relative;
}
/* The Close Button (x) */
.cross {
	color:#0066a2;
    position: absolute;
    right: 5px;
    top:-5px;
	font-size:32px;
	font-weight:400;	   
}
.cross:hover,
.cross:focus {
    color: red;
    cursor: pointer;
}
/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}
.Loginbox {

width:100%;
	height:auto;
	background-color:#00516e;
	color:#fff;	
        overflow: hidden;		 
		bottom:0;    
        left:0;  		
		position: fixed;
        z-index:999;
		visibility: visible;
		box-shadow:0px 10px 12px 0px #666;		
}
.Loginbox .close{
	width:40px;
	height:40px;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
	line-height:40px;
	text-align:center;
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;		
}
.Loginbox .close a{
	color:#fff;	
	font-size:24px;	
	text-decoration:none;
}
.TextBoxBig{
	font-size:18px;
	background-color:#e5f8ff;
	color:#000;
	padding:10px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid #666;	
	box-sizing: border-box;
	outline: none;
}
.TextBoxBig:focus{	
	border-bottom:2px solid #017dd5;	
	
}
.TextBoxBig::-webkit-input-placeholder,
.TextBoxBig::placeholder{
	font-size:18px;
  color: #000;
  opacity:0.5;
  font-style:normal;
  
}
.TextBoxBig::-moz-placeholder{
	font-size:18px;
  color: #000;
  opacity:0.5;
  font-style:normal;
 
}
.careersParallax{
	background: url("../images/careers.webp") no-repeat fixed;
	background-size:100%;
	background-position: right top;	
	margin-top: 100px;
	height:500px;		
}
.jobopeningParallax{
	background: url("../images/jobopening.webp") no-repeat fixed;
	background-size:100%;
	background-position: center top 70px;	
	margin-top: 100px;
	height:500px;		
}
.jobdescParallax{
	background: url("../images/jobdiscription.webp") no-repeat fixed;
	background-size:102%;
	background-position: right -3px top 70px;	
	margin-top: 100px;
	height:500px;		
}
.hoverbox{
	background-color:#f4f4f4;
	border:6px solid #f4f4f4;
	}
.hoverbox:hover{
	background-color:#f4f4f4;
	border:6px solid #fff;
	box-shadow: 0px 10px 15px 0px #bbb;
	transition: 0.3s ease;
	}
.growthtextbg{
			background: url("../images/careersgrowthtext_bg.webp") no-repeat;
			background-size: cover;			
			padding: 12%; 
		}
.textdeconone{text-decoration: none;}
.bgcolor1{background-color: #f4f4f4;}
#more {display: none;}
.minheight{min-height: 290px;}

.animalfeedParallax{
	background: url("../images/animalfeedadditives.webp") no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.wastewaterParallax{
	background: url("../images/wastewatertreatment.webp") no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}
.aquacultureParallax{
	background: url("../images/aquaculture.webp") no-repeat fixed;
	background-size:100%;
	background-position:0px 80px;
	margin-top:80px;	
	height:500px;	
}

/*////Accordion///////*/
.accordion {	
	width: 100%;
	display: inline-block;
	position: relative;	
	/*overflow: hidden;*/
}
a.accordion-header {
	display: block;	
	padding:7px 10px;
	box-sizing: border-box;
	cursor: pointer;	
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #bec9d2;
}
a.accordion-header.active-accordion {
border-bottom: 1px solid #bec9d2;
	font-weight: bold;
}

.accordion-content {
	height: auto;	
	display: none;
	position: relative;
	border-bottom: 1px solid #bec9d2;
	text-align: left;
	
}
.accordion-content-flex {
	height: 100%;
	padding: 10px;
	box-sizing:border-box;
}
a.accordion-header:after {
	content: '\002b';
	color: #084FA3;
	font-weight: bold;
	float: right;
	margin-left: 10px;
	font-size: 20px;
}
a.accordion-header.active-accordion:after {
	content: '\2212';
}
.m_y_0{
	margin-block: 0;
}
.mt_0{
	margin-top: 0;
}
.mb_0{
	margin-bottom: 0;
}
.text_start{
	text-align: start !important;
}
a{
	color: #005776;
}
a:hover{
	text-decoration: none;
}
.bold_0{
	font-weight: 400;
}
.segments {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 10px;

  /* FORCE same height for all boxes */
  grid-auto-rows: 1fr;
}
.segments2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;

  /* FORCE same height for all boxes */
  grid-auto-rows: 1fr;
}
/* grid item */
.segment {
  display: flex;
}

/* card content */
.segment a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: none;
}
.specialitybioParallax{
	background: url("../images/specialty-bioactives.webp") no-repeat fixed;
	background-size:100%;
	background-position:right 80px;
	margin-top:80px;	
	height:500px;	
}

.innerParallax{	
	background-size:100%;	
	background-position:center top 80px;
	margin-top:80px;	
	height:500px;	
	
}
.btnmargin{
	margin-top: -70px;
	margin-left: -40px;
	position: relative;
	z-index: 200;
}
@media screen and (max-width:1599px) {
.ProbioticParallax{
	background-size:110%;
	background-position:0px 80px;	
	height:450px;		
}
.BioAgriParallax{
	background: url(../images/bio-agriculture.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;	
	height:450px;	
}
.AdvingredientParallax{
	background: url(../images/food-and-nutraceutical.webp) no-repeat fixed;
	background-size:110%;
	background-position:right 80px;	
	height:450px;	
}
.TextileEnzymesParallax{
	background: url(../images/textiles.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;	
	height:450px;	
}
.GlobalEnzymeParallax{
	background: url(../images/global-enzymes.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:450px;	
}
.ManufacturingParallax{
	background: url(../images/manufacturing-facilities-building.webp) no-repeat fixed;
	background-size:cover;
	background-position:center bottom;	
	height:450px;	
}
.NewsParallax{
	background: url(../images/news-updates.webp) no-repeat fixed;
	background-size:100%;	
	background-position:0px 80px;
	margin-top:80px;	
	height:450px;	
}
.NattolifeParallax{
	background: url(../images/nattolife-new.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;	
	height:450px;	
}
.AquadipParallax{
	background: url(../images/aquadip.webp) no-repeat fixed;
	background-size:110%;	
	background-position:0px 80px;
	margin-top:80px;	
	height:450px;	
}
.OenologyParallax{
	background: url(../images/oenology.jpg) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:450px;	
}
.CoffeeParallax{
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:450px;	
}
.BrewingParallax{
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:450px;	
}

.PronPrebioticsParallax{
	background: url(../images/probiotics-prebiotics.webp) no-repeat fixed;
	background-size:110%;	
	background-position:bottom 80px;
	margin-top:80px;	
	height:450px;	
}
.careersParallax{
	background: url("../images/careers.webp") no-repeat fixed;
	background-size:115%;
	background-position:right top 100px;	
	height:450px;		
}
.jobopeningParallax{
	background: url("../images/jobopening.webp") no-repeat fixed;
	background-size:115%;
	background-position: center top 100px;	
	height:450px;		
}
	.jobdescParallax{
	background: url("../images/jobdiscription.webp") no-repeat fixed;
	background-size:110%;
	background-position: right -3px top 80px;	
	margin-top: 100px;
	height:450px;		
}
.animalfeedParallax{
	background: url("../images/animalfeedadditives.webp") no-repeat fixed;
	background-size:110%;
	background-position: right -3px top 80px;	
	margin-top: 100px;
	height:450px;	
}
	.wastewaterParallax{
	background: url("../images/wastewatertreatment.webp") no-repeat fixed;
	background-size:110%;
	background-position: right -3px top 80px;	
	margin-top: 100px;
	height:450px;	
}
.aquacultureParallax{
	background: url("../images/aquaculture.webp") no-repeat fixed;
	background-size:110%;
	background-position: right -3px top 80px;	
	margin-top: 100px;
	height:450px;	
}
	.specialitybioParallax{	
	background-size:110%;
	background-position:right 80px;
	margin-top:100px;	
	height:450px;	
}
	.innerParallax{	
	background-size:110%;
		background-position:center top 80px;
	margin-top:100px;	
	height:450px;	
}
}
@media screen and (max-width:1299px) {
.ProbioticParallax{
	background-size:110%;
	background-position:0px 80px;	
	height:350px;		
}
.BioAgriParallax{
	background: url(../images/bio-agriculture.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;	
	height:350px;	
}
.AdvingredientParallax{
	background: url(../images/food-and-nutraceutical.webp) no-repeat fixed;
	background-size:110%;
	background-position:right 80px;	
	height:350px;	
}
.TextileEnzymesParallax{
	background: url(../images/textiles.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;	
	height:350px;	
}
.GlobalEnzymeParallax{
	background: url(../images/global-enzymes.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:350px;	
}
.ManufacturingParallax{
	background: url(../images/manufacturing-facilities-building.webp) no-repeat fixed;
	background-size:cover;
	background-position:center bottom;	
	height:350px;	
}
.NewsParallax{
	background: url(../images/news-updates.webp) no-repeat fixed;
	background-size:100%;	
	background-position:0px 80px;
	margin-top:80px;	
	height:350px;	
}
.NattolifeParallax{
	background: url(../images/nattolife-new.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:350px;	
}
.AquadipParallax{
	background: url(../images/aquadip.webp) no-repeat fixed;
	background-size:110%;	
	background-position:0px 80px;
	margin-top:80px;	
	height:350px;	
}
.OenologyParallax{
	background: url(../images/oenology.jpg) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:350px;	
}
.CoffeeParallax{
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:350px;		
}
.BrewingParallax{
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:350px;		
}
.PronPrebioticsParallax{
	background: url(../images/probiotics-prebiotics.webp) no-repeat fixed;
	background-size:120%;	
	background-position:bottom 80px;
	margin-top:80px;	
	height:350px;	
}
.careersParallax{
	background: url("../images/careers.webp") no-repeat fixed;
	background-size:100%;
	background-position:right top 100px;
	
	height:350px;		
}
	.jobopeningParallax{
	background: url("../images/jobopening.webp") no-repeat fixed;
	background-size:115%;
	background-position: center top 80px;
		margin-top: 100px;
	height:350px;		
}
	
	.jobdescParallax{
	background: url("../images/jobdiscription.webp") no-repeat fixed;
	background-size:110%;
	background-position: center top 80px;	
	margin-top: 100px;
	height:350px;		
}
	.animalfeedParallax{
	background: url("../images/animalfeedadditives.webp") no-repeat fixed;
	background-size:110%;
	background-position: center top 80px;	
	margin-top: 100px;
	height:350px;		
}
	.wastewaterParallax{
	background: url("../images/wastewatertreatment.webp") no-repeat fixed;
	background-size:110%;
	background-position: center top 80px;	
	margin-top: 100px;
	height:350px;	
}
.aquacultureParallax{
	background: url("../images/aquaculture.webp") no-repeat fixed;
	background-size:110%;
	background-position: center top 80px;	
	margin-top: 100px;
	height:350px;	
}
	.specialitybioParallax{	
	background-size:110%;
	background-position:right 80px;
	margin-top:100px;	
	height:350px;	
}
	
	.innerParallax{	
	background-size:110%;	
		background-position:center top 80px;
	margin-top:100px;	
	height:350px;	
}
	.btnmargin{
	margin-top: 10px;
	margin-left: -40px;
}
}
@media screen and (max-width:1023px) {
Body {FONT-SIZE:15px;}
.SmallerText {FONT-SIZE:11px;}
.MediumText {FONT-SIZE:14px;}
.NormalText {FONT-SIZE:16px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:24px;}
.BiggerText {FONT-SIZE:28px;}
.LargeText {FONT-SIZE:40px;}
.SmallerLink{FONT-SIZE:11px;}
.ProbioticParallax{
	background-size:110%;
	background-position:0px 80px;	
	height:300px;		
}
.BioAgriParallax{
	background: url(../images/bio-agriculture.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;	
	height:300px;	
}
.AdvingredientParallax{
	background: url(../images/food-and-nutraceutical.webp) no-repeat fixed;
	background-size:110%;
	background-position:right 80px;	
	height:300px;	
}
.TextileEnzymesParallax{
	background: url(../images/textiles.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;	
	height:300px;	
}
.GlobalEnzymeParallax{
	background: url(../images/global-enzymes.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;	
}
.ManufacturingParallax{
	background: url(../images/manufacturing-facilities-building.webp) no-repeat fixed;
	background-size:140%;
	background-position:center center;	
	height:300px;	
}
.NewsParallax{
	background: url(../images/news-updates.webp) no-repeat fixed;
	background-size:120%;	
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;	
}
.NattolifeParallax{
	background: url(../images/nattolife-new.webp) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;	
	height:300px;	
}
.AquadipParallax{
	background: url(../images/aquadip.webp) no-repeat fixed;
	background-size:110%;	
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;	
}
.OenologyParallax{
	background: url(../images/oenology.jpg) no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;	
}
.CoffeeParallax{
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;		
}
.BrewingParallax{
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;		
}
.PronPrebioticsParallax{
	background: url(../images/probiotics-prebiotics.webp) no-repeat fixed;
	background-size:130%;	
	background-position:bottom 80px;
	margin-top:80px;	
	height:300px;	
}
.careersParallax{
	background: url("../images/careers.webp") no-repeat fixed;
	background-size:100%;
	background-position:right top 80px;
	margin-top:10px;	
	height:300px;		
}
	.jobopeningParallax{
	background: url("../images/jobopening.webp") no-repeat fixed;
	background-size:100%;
	background-position: center top 80px;	
		margin-top:10px;
	height:300px;		
}
	.jobdescParallax{
	background: url("../images/jobdiscription.webp") no-repeat fixed;
	background-size:120%;
	background-position: center top 80px;	
	margin-top: 70px;
	height:300px;		
}
	.animalfeedParallax{
	background: url("../images/animalfeedadditives.webp") no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;
			
}
	.wastewaterParallax{
	background: url("../images/wastewatertreatment.webp") no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;	
}
.aquacultureParallax{
	background: url("../images/aquaculture.webp") no-repeat fixed;
	background-size:110%;
	background-position:0px 80px;
	margin-top:80px;	
	height:300px;
}
	.segments {
    grid-template-columns: repeat(5, 1fr);
  }
	.specialitybioParallax{	
	background-size:110%;
	background-position:right 80px;
	margin-top:100px;	
	height:300px;	
}
	
	.innerParallax{		
	background-size:120%;	
		background-position:center top 80px;
	margin-top:80px;	
	height:300px;		
}
	.btnmargin{
	margin-top: -80px;
	margin-left: 0px;
}
}
@media screen and (max-width:767px) {
	.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE:14px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:26px;}
.LargeText {FONT-SIZE:36px;}
#aboutus{	
	padding-top:70px;
	padding-bottom:0px;		
}
#infrastructure{	
	padding-top:70px;	
	min-height:0px;	
}
#business{	
	padding-top:200px;	
	min-height:0px;	
}
#newsnupdates{	
	padding-top:70px;	
	min-height:0px;	
}
#contactus{	
	padding-top:70px;	
	min-height:0px;	
}
.ProbioticParallax{

	background-size:100% !important;
	background-position:0px 80px !important;
	margin-top:80px;	
	height:290px;
}
	.ProbioticParallax .probiotic{
	background: url(../images/probiotic-banner.webp) no-repeat  !important;
}

.BioAgriParallax{
	background: url(../images/bio-agriculture.webp) no-repeat;
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;	
}
.AdvingredientParallax{
	background: url(../images/food-and-nutraceutical.webp) no-repeat;
	background-size:100%;
	background-position:top right;
	margin-top:80px;	
	height:290px;	
}
.TextileEnzymesParallax{
	background: url(../images/textiles.webp) no-repeat;
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;	
}
.GlobalEnzymeParallax{
	background: url(../images/global-enzymes.webp) no-repeat;
	background-size:110%;	
	margin-top:80px;	
	height:250px;	
}
.ManufacturingParallax{
	background: url(../images/manufacturing-facilities-building.webp) no-repeat;
	background-size:110%;
	background-position:center center;	
	height:250px;	
}
.NewsParallax{
	background: url(../images/news-updates.webp) no-repeat;
	background-size:120%;	
	background-position:top center;
	margin-top:80px;	
	height:250px;	
}
.NattolifeParallax{
	background: url(../images/nattolife-new.webp) no-repeat;
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;	
}
.AquadipParallax{
	background: url(../images/aquadip.webp) no-repeat;
	background-size:100%;	
	background-position:top center;
	margin-top:80px;	
	height:290px;	
}
.OenologyParallax{
	background: url(../images/oenology.jpg) no-repeat;
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;	
}
.CoffeeParallax{
	background: url(../images/coffee-and-cocoa.jpg) no-repeat;	
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;		
}
.BrewingParallax{	
	background: url(../images/brewing.jpg) no-repeat;
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;		
}
.PronPrebioticsParallax{
	background: url(../images/probiotics-prebiotics.webp) no-repeat;
	background-size:110%;	
	background-position:0px 80px;
	margin-top:0px;	
	height:290px;	
}
	.careersParallax{
	background: url("../images/careers.webp") no-repeat fixed;
	background-size:120%;
	background-position:right top 80px;
	margin-top:40px;	
	height:290px;		
}
	.jobopeningParallax{
	background: url("../images/jobopening.webp") no-repeat fixed;
	background-size:125%;
	background-position: center top 70px;	
		margin-top:30px;
	height:290px;		
}
	.jobdescParallax{
	background: url("../images/jobdiscription.webp") no-repeat fixed;
	background-size:125%;
	background-position: center top 80px;	
	margin-top: 40px;
	height:290px;		
}
	.animalfeedParallax{
	background: url("../images/animalfeedadditives.webp") no-repeat;
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;		
}
	.wastewaterParallax{
	background: url("../images/wastewatertreatment.webp") no-repeat;
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;		
}
.aquacultureParallax{
	background: url("../images/aquaculture.webp") no-repeat;
	background-size:100%;
	background-position:top center;
	margin-top:80px;	
	height:290px;
}
	.segments {
    grid-template-columns: repeat(3, 1fr);
  }
	.specialitybioParallax{	
	background-size:100%;
	background-position:right 80px;
	margin-top:80px;	
	height:290px;	
}
	
	.innerParallax{	
	background-size:120%;	
	background-position:center top 80px;
	margin-top:80px;	
	height:290px;	
}
	.segments2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  
}
	.ButtonBig{	
	font-size:16px;	
	padding:7px 15px;
		line-height: 1.2 !important;
}
}

@media screen and (max-width:639px) {
	.ParallaxImg{
	background: url(../images/home-bgimg.webp) ;	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.ProbioticParallax{
	background-size:120% !important;
	background-position:0px 80px !important;
	margin-top:80px;	
	height:260px;		
}
	.ProbioticParallax .probiotic{
	background: url(../images/probiotic-banner.webp) no-repeat  !important;
}

.BioAgriParallax{
	background: url(../images/bio-agriculture.webp) no-repeat;
	background-size:120%;
	background-position:top center;
	margin-top:80px;	
	height:260px;	
}
.AdvingredientParallax{
	background: url(../images/food-and-nutraceutical.webp) no-repeat;
	background-size:120%;
	background-position:top center;
	margin-top:80px;	
	height:260px;	
}
.TextileEnzymesParallax{
	background: url(../images/textiles.webp) no-repeat;
	background-size:120%;
	background-position:top center;
	margin-top:80px;	
	height:260px;	
}
.GlobalEnzymeParallax{
	background: url(../images/global-enzymes.webp) no-repeat;
	background-size:120%;
	background-position:top center;			
	margin-top:80px;	
	height:260px;	
}
.ManufacturingParallax{
	background: url(../images/manufacturing-facilities-building.webp) no-repeat;
	background-size:120%;
	background-position:center center;	
	height:220px;	
}
.NewsParallax{
	background: url(../images/news-updates.webp) no-repeat;
	background-size:120%;	
	background-position:top center;
	margin-top:80px;	
	height:200px;	
}
.NattolifeParallax{
	background: url(../images/nattolife-new.webp) no-repeat;
	background-size:120%;
	background-position:top center;			
	margin-top:80px;	
	height:260px;	
}
.AquadipParallax{
	background: url(../images/aquadip.webp) no-repeat;
	background-size:110%;	
	background-position:top center;
	margin-top:80px;	
	height:260px;	
}
.OenologyParallax{
	background: url(../images/oenology.jpg) no-repeat;
	background-size:110%;
	background-position:top center;
	margin-top:80px;	
	height:260px;	
}
.CoffeeParallax{
	background: url(../images/coffee-and-cocoa.jpg) no-repeat;	
	background-size:110%;
	background-position:top center;
	margin-top:80px;	
	height:260px;			
}
.BrewingParallax{	
	background: url(../images/brewing.jpg) no-repeat;
	background-size:110%;
	background-position:top center;
	margin-top:80px;	
	height:260px;	
}
.PronPrebioticsParallax{
	background: url(../images/probiotics-prebiotics.webp) no-repeat;
	background-size:110%;	
	background-position:0px 80px;
	margin-top:0px;	
	height:260px;	
}
.careersParallax{
	background: url("../images/careers.webp") no-repeat fixed;
	background-size:125%;
	background-position:right top 80px;
	margin-top:10px;	
	height:260px;		
}
	.jobopeningParallax{
	background: url("../images/jobopening.webp") no-repeat fixed;
	background-size:130%;
	background-position: center top 80px;	
		margin-top:10px;
	height:260px;		
}
	.jobdescParallax{
	background: url("../images/jobdiscription.webp") no-repeat fixed;
	background-size:125%;
	background-position: center top 80px;	
	margin-top: 10px;
	height:260px;		
}
	.animalfeedParallax{
	background: url("../images/animalfeedadditives.webp") no-repeat;
	background-size:120%;
	background-position:top center;			
	margin-top:80px;
	height:260px;		
}
		.wastewaterParallax{
	background: url("../images/wastewatertreatment.webp") no-repeat;
	background-size:120%;
	background-position:top center;			
	margin-top:80px;
	height:260px;		
}
.aquacultureParallax{
	background: url("../images/aquaculture.webp") no-repeat;
	background-size:120%;
	background-position:top center;			
	margin-top:80px;
	height:260px;	
}
	.segments {
    grid-template-columns: repeat(3, 1fr);
  }
	.specialitybioParallax{	
		background: url("../images/specialty-bioactives.webp") no-repeat;
	background-size:120%;
	background-position:right 80px;
	margin-top:80px;	
	height:260px;	
}
	
	.innerParallax{	
	background-size:140%;	
	background-position:center top 80px;
	margin-top:80px;	
	height:290px;	
}
		.segments2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  
}
	.btnmargin{
	margin-top: 20px;
	margin-left: 0px;
}
}
@media screen and (max-width:479px) {

Body {FONT-SIZE:14px;}
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE:14px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:32px;}
.SmallerLink{FONT-SIZE:11px;}
.Button{	
	font-size:14px;	
	padding:5px 12px;	
}
.ButtonSmall{	
	font-size:11px;		
	padding:2px 8px;	
}
.ButtonMedium{	
	font-size:13px;	
	padding:3px 10px;	
}
.ButtonBig{	
	font-size:15px;	
	padding:7px 15px;	
}
.ProbioticParallax{
	background-size:120% !important;
	background-position:0px 80px !important;		
	margin-top:80px;	
	height:220px;		
}
	.ProbioticParallax .probiotic{
	background: url(../images/probiotic-banner.webp) no-repeat  !important;
}
.BioAgriParallax{
	background: url(../images/bio-agriculture.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:220px;	
}
.AdvingredientParallax{
	background: url(../images/food-and-nutraceutical.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:220px;		
}
.TextileEnzymesParallax{
	background: url(../images/textiles.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:220px;	
}
.GlobalEnzymeParallax{
	background: url(../images/global-enzymes.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:220px;	
}
.ManufacturingParallax{
	background: url(../images/manufacturing-facilities-building.webp) no-repeat;
	background-size:120%;
	background-position:center center;	
	height:200px;	
}
.NewsParallax{
	background: url(../images/news-updates.webp) no-repeat;
	background-size:140%;	
	background-position:top center;
	margin-top:80px;	
	height:170px;	
}
.NattolifeParallax{
	background: url(../images/nattolife-new.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:220px;	
}
.AquadipParallax{
	background: url(../images/aquadip.webp) no-repeat;
	background-size:120%;	
	background-position:top center;
	margin-top:80px;	
	height:220px;	
}
.OenologyParallax{
	background: url(../images/oenology.jpg) no-repeat;
	background-size:110%;
	background-position:top center;
	margin-top:80px;	
	height:220px;	
}
.CoffeeParallax{
	background: url(../images/coffee-and-cocoa.jpg) no-repeat;	
	background-size:110%;
	background-position:top center;
	margin-top:80px;	
	height:220px;
}
.BrewingParallax{
	background: url(../images/brewing.jpg) no-repeat;
	background-size:110%;
	background-position:top center;
	margin-top:80px;	
	height:220px;	
}
.PronPrebioticsParallax{
	background: url(../images/probiotics-prebiotics.webp) no-repeat;
	background-size:110%;	
	background-position:top center;
	margin-top:80px;	
	height:210px;	
}
	.careersParallax{
	background: url("../images/careers.webp") no-repeat fixed;
	background-size:130%;
	background-position:right top 80px;
	margin-top:20px;	
	height:210px;		
}
	.jobopeningParallax{
	background: url("../images/jobopening.webp") no-repeat fixed;
	background-size:130%;
	background-position: center top 80px;	
		margin-top:0px;
	height:210px;		
}
	.jobdescParallax{
	background: url("../images/jobdiscription.webp") no-repeat fixed;
	background-size:120%;
	background-position: center top 80px;	
	margin-top: 10px;
	height:210px;		
}
.BorderRight1{border-right:0px solid;}
	.animalfeedParallax{
	background: url("../images/animalfeedadditives.webp") no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:220px;	
}
.wastewaterParallax{
	background: url("../images/wastewatertreatment.webp") no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:220px;	
}
.aquacultureParallax{
	background: url("../images/aquaculture.webp") no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:220px;	
}
	.segments {
    grid-template-columns: repeat(2, 1fr);
  }
	.specialitybioParallax{	
		background: url("../images/specialty-bioactives.webp") no-repeat;
	background-size:120%;
	background-position:right -40px top;
	margin-top:80px;	
	height:220px;	
}
	
	.innerParallax{	
	background-size:120%;	
	background-position:center top 80px;
	margin-top:80px;	
	height:220px;	
}

}
@media screen and (max-width:359px) {
.NormalText {FONT-SIZE:14px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:18px;}
.BiggerText {FONT-SIZE:20px;}
.LargeText {FONT-SIZE:30px;}
.ProbioticParallax{
	background-size:120% !important;
	background-position:0px 70px !important;		
	margin-top:80px;	
	height:200px;		
}
.BioAgriParallax{
	background: url(../images/bio-agriculture.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:200px;		
}
.AdvingredientParallax{
	background: url(../images/food-and-nutraceutical.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:200px;	
}
.TextileEnzymesParallax{
	background: url(../images/textiles.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:200px;	
}
.GlobalEnzymeParallax{
	background: url(../images/global-enzymes.webp) no-repeat;
	background-size:120%;
	background-position:top right;		
	margin-top:80px;	
	height:200px;	
}
.ManufacturingParallax{
	background: url(../images/manufacturing-facilities-building.webp) no-repeat;
	background-size:120%;
	background-position:center center;	
	height:160px;	
}
.NewsParallax{
	background: url(../images/news-updates.webp) no-repeat;
	background-size:150%;	
	background-position:top center;
	margin-top:80px;	
	height:150px;	
}
.NattolifeParallax{
	background: url(../images/nattolife-new.webp) no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:200px;
}
.AquadipParallax{
	background: url(../images/aquadip.webp) no-repeat;
	background-size:120%;	
	background-position:top center;
	margin-top:80px;	
	height:200px;	
}
.OenologyParallax{
	background: url(../images/oenology.jpg) no-repeat;
	background-size:110%;
	background-position:top center;
	margin-top:80px;	
	height:200px;	
}
.PronPrebioticsParallax{
	background: url(../images/probiotics-prebiotics.webp) no-repeat;
	background-size:110%;	
	background-position:top center;
	margin-top:80px;	
	height:200px;	
}
	.animalfeedParallax{
	background: url("../images/animalfeedadditives.webp") no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:200px;		
}
.wastewaterParallax{
	background: url("../images/wastewatertreatment.webp") no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:200px;	
}
.aquacultureParallax{
	background: url("../images/aquaculture.webp") no-repeat;
	background-size:120%;
	background-position:top center;		
	margin-top:80px;	
	height:200px;	
}
}


 .pop-up-background
        {
            background:rgba(0,0,0,.7);            
            height:100%;
            left:0;
            top:0;
            position:fixed;
            width:100%;
            z-index:99999;
        }
		
  .pop-up
        {
            border:3px solid #ddd;            
            margin: auto;
            position: absolute;
			display: inline-block;
            top:50%;
            left:50%;
			transform:translate(-50%, -50%);           
            background: #fff;
            max-width:400px;
			width:95%;			
            -moz-box-shadow: 0px 0px 12px 5px #363636;
            -webkit-box-shadow: 0px 0px 12px 5px #363636;
            box-shadow: 0px 0px 12px 5px #363636;
            z-index: 104;
        }
  .Close{
            position: absolute;
            z-index: 106;
            text-align: right;
			right:-15px;
			margin-top:-20px;
			display:inline-block;
			cursor:pointer;
}




.content {
  width: 100%;
}



/* The sticky */
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top:85px;
}


.sitemap{
	color: #fff;
    text-decoration: none;
}





        /* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */
            div#google_translate_element div.goog-te-gadget-simple {
            border: 1px solid #eee;
			border-radius: 5px;
            background-color: #ffffff;
            /*background-color: #17548d;*/ /*#e3e3ff*/
        }

        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {
            text-decoration: none;
			color: #EB0003 !important;
        }

        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
            color: #141414;
        }

        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
            color: black;
        }
        
        .goog-te-gadget-icon {
            display: none !important;
            /*background: url("url for the icon") 0 0 no-repeat !important;*/
        }

        /* Remove the down arrow */
        /* when dropdown open */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {
            display: inline-block;
        }
        /* after clicked/touched */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {
            display: inline-block;
        }
        /* on page load (not yet touched or clicked) */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {
            display: inline-block;
        }

        /* Remove span with left border line | (next to the arrow) in Chrome & Firefox */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
            display: none;
        }
        /* Remove span with left border line | (next to the arrow) in Edge & IE11 */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
            display: none;
        }
        /* HIDE the google translate toolbar */
        .goog-te-banner-frame.skiptranslate {
            display: none !important;
        }
		.VIpgJd-ZVi9od-ORHb-OEVmcd{
			height: 0px !important;
			width: 0px !important;
		}
		body{
			top: 0px !important;
		}
		
        /* OVERRIDE GOOGLE TRANSLATE WIDGET CSS END */