/*  About-us page CSS start      */

.about-us h2.center{
	padding-top: 0;
}
.about-us .about-title{
	text-transform: uppercase;
	padding-top: 0;
  font-size: 20px;
	color: #CF9731;
  margin-bottom: 15px;
}
.abtpad{
	padding: 70px 0 30px 0;
}
.about-us .subTextClas{
  margin-bottom: 40px;
  padding: 0 12%;
}
.about-us h2.title01{
  margin-bottom: 35px;
}
.about-us .about-map{
  padding: 50px 0;
}
ul.value-icons{
	margin-top: 60px;
}
ul.value-icons li{
	width: 24%;
	display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 18px;
    color: #000000;
    padding: 0 10px;
    margin-bottom: 10px;
}
ul.value-icons li img {
    margin: 0 auto;
    display: block;
    margin-bottom: 8px;
}
ul.value-icons li span{
	padding-top: 10px;
    color: #0C119F;
    display: block;
    font-weight: 700;
}
.about-us .lt-food-img{
	text-align: center;
	display: inline-block;
	margin-bottom: 40px;
}

/*.fix {  width: 100%; height: 100px; overflow: hidden; background: #fafafa; z-index: 99; margin-top: 60px;}*/
.fix.fixed { position: fixed; left: 0; top: 0; }

.fixtimeline {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
p.scroll-ind{
    padding-top: 10px;
    font-size: 18px;
    color: #0C119F;
    display: block;
    text-align: center;
}
p.scroll-ind:after{
    content: '';
    width: 26px;
    height: 26px;
    background: url(../img/red-dot.png) center bottom no-repeat ;
}
.timeline__nav { display: block; background: none; box-shadow:none; position: relative; overflow: hidden;  z-index: 9; height: 100px; margin: auto; width: 45%; }
.timeline__nav ul {
  float: none;
  z-index: 99;
  top: 0;
  -webkit-transition: top .3s ease-out;
  transition: top .3s ease-out; padding: 0;
}
.timeline__nav:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background: url(../img/line.png) left bottom repeat-x ;   }
.timeline__nav ul {
  list-style: none; position: relative;
  list-style-position: inside; margin-top: 10px;  height: 77px;
    text-align: center;

}
.timeline__nav ul li {
  margin: 15px 0;
  padding-left: 0;
  list-style-type: none;
  color: #828282; position: relative;
  
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; float: left; width: 144px; text-align: center; font-size: 20px;
}
.timeline__nav ul li.hide { display: none;  }
.timeline__nav ul li:before { content: ""; position: absolute; left: 50%; margin-left: -0.5px; 
    bottom: -15px;
    width: 2px;
    height: 20px;  }
.timeline__nav ul li.active:before { background: #0C119F;  }
.timeline__nav ul li.active a{
  font-weight: bold;
  color: #0C119F;
  border-bottom: 1px dotted transparent;
  -webkit-transform: scale(1.5);
          transform: scale(1.5); 
}


.philosophy-sec01.padbottom-none { padding-bottom: 0px;  } 
.timeline__section { padding: 40px 0  50px 0; background: url(../img/milestone-bg.png) center top repeat ; }


.milestones-title { padding-bottom: 45px; margin-top: 20px; font-size: 20px; color: #0C119F; text-align: center; }
.milestones-title:after { padding-bottom: 20px; width: 14px; height: 22px; content: "";display: block;
    margin: auto; background: url(../img/scroll_down_arrow.png) center bottom no-repeat ;  }
.time-line { overflow: hidden;  position: relative;  }
.time-line h2 { margin-bottom: 10px; font-size: 60px; color: #0C119F;  }
.time-line p { font-size: 18px; color: #646464;  }
.time-line:before { position: absolute; left: 50%; margin-left: -1.5px; top: 0; width: 3px; height: 100%; content: ""; background: url(../img/center-time.png) center top repeat-y ;  }
.milestone { padding: 50px 0; overflow: hidden;  }
.milestone { padding: 50px 0; overflow: hidden; position: relative;  }
.milestone .single-post { overflow: hidden;  }
.milestone .time-right:before { margin-top: -9px; margin-left: -12px; content: ""; position: absolute; left: 0; top: 50%; width: 107px; height: 19px; background: url(../img/year-line-desktop.png) left top no-repeat ; }
.milestone .time-left { float: left; width: 48%;  }
.milestone .time-left img { width: 100%;  }
.milestone.showimg .time-left img {  filter: inherit; }
.milestone .time-right {     min-height: 270px; text-align: center; position: relative; padding-left: 125px; display: flex; align-items: center; float: right; width: 50%;  }
.milestone:nth-child(even) .time-left { float: right;  }
.milestone:nth-child(even) .time-right { padding-left: 0; padding-right: 125px; float: left;  }
.milestone:nth-child(even) .time-right:before { left: auto; right: -10px; margin-left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1);  }
.milestone .milestone-in { margin-top: 30px; overflow: hidden;  }
.milestone .milestone-in h2 { opacity: 0!important;   }
.milestone .milestone-in .time-left { float: right;  }
.milestone .milestone-in .time-right { float: left; padding-left: 0; padding-right: 125px;  }
.milestone .milestone-in .time-right:before { left: auto; right: -8px; margin-left: 0;
    -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.milestone .milestone-in:nth-child(even) .time-left { float: left;  } 
.milestone .milestone-in:nth-child(even) .time-right { padding-right: 0; padding-left: 125px; float: right;  } 
.milestone .milestone-in:nth-child(even) .time-right:before { left: 0; margin-left: -10px; right: auto; -webkit-transform: inherit;
    transform: inherit;  }

.milestone:nth-child(even) .milestone-in .time-left { float: left;  }
.milestone:nth-child(even) .milestone-in .time-right { padding-left: 125px; padding-right: 0; float: right;  }
.milestone:nth-child(even) .milestone-in .time-right:before { left: 0; margin-left: -10px; right: auto; -webkit-transform: inherit;
    transform: inherit;  }

.milestone:nth-child(even) .milestone-in:nth-child(even) .time-left { float: right;  }
.milestone:nth-child(even) .milestone-in:nth-child(even) .time-right { padding-left: 0; padding-right: 125px; float: left;  }    
.milestone:nth-child(even) .milestone-in:nth-child(even) .time-right:before {      left: auto;
    right: -8px;
    margin-left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }

.time-line-in:before { position: absolute; left: 50%; margin-left: -15px; top: 0; width: 30px; height: 30px; content: ""; background: url(../img/blue-dot.png) center top no-repeat ;  }
.time-line-in:after { position: absolute; left: 50%; margin-left: -14px; bottom: 0; width: 30px; height: 30px; content: ""; background: url(../img/blue-arrow.png) center top no-repeat ;  }
.fixtimeline .container { position: relative;  }
.common-button { width: 39px; height: 39px; display: block; font-size: 0px; border:none;  }


.milestone .inner-text{
    text-align: left;
}
.milestone .inner-text h2{
    text-align: center;
}
.milestone .inner-text p{
     font-size: 20px;
    line-height: 28px;
    color: #7A7A7A;
}
.about-map{
  display: none;
}




/*  About-us page CSS end      */

/*  Product page CSS start      */

h1.fnt-wt{
  font-size: 30px;
    color: #000000;
}
 
.prd-disc{
  font-size: 15px;
  color: #666666;
}
.avail-in span {
    color: #0B109F;
    font-weight: normal;
    font-family: CordaBold;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
}
.avail-in{
  margin-top: 20px;
  font-size: 16px;
}

/*  Product page CSS end      */



/*  Nutritional Facts popup here  */
.linkBtn{
  cursor: pointer;
}
.nutriFctPopup {
  display: none;
  position: fixed;
  width: 600px;
  height: 550px;
  overflow-y: scroll;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -250px;
  background: #FFF;
  border: 1px solid #0B109F;
  z-index: 20;
}

#nutriFctPopup:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgb(11 11 11 / 68%);
  z-index: -2;
}

#nutriFctPopup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #FFF;
  z-index: -1;
}

.nutriFctPopup table th, td{
   padding: 8px 12px;
   border-bottom: 1px solid #707070;
}
.nutriFctPopup table .ntr-popup-title{
   font-size: 20px;
   color: #0B109F;
   padding: 10px 0;
}
.ntr-popup-title:before{
  position: absolute; margin-left: -15px; width: 30px; height: 30px; content: ""; background: url(../img/ntr-icon.png) no-repeat ;
}
.ntr-popup-title span{
  padding-left: 15px;
}
.nutriFctPopup table th p{
   font-size: 15px;
   color: #000;
   margin-bottom: 0;
}
.nutriFctPopup table td{
   color: #0B109F;
   font-size: 15px;
   text-transform: uppercase;
   background-color: #fff;
}
.closepopup{
    position: absolute;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 2px 7px;
    right: 10px;
    border-radius: 50%;
    font-family: monospace;
    top: 5px;
}
.closepopup:hover{
   background-color: #0B109F;
   color: #fff;
}

/*  Nutritional Facts popup end  */

/*       style.css    */

.upsc-icons .draggable .slick-track{
  float: left;
}
.about-us .subTextClas{
   font-size: 20px;
    line-height: 28px;}