THE ORIGIN STORY (1950 – 1985)

<section class="cd-horizontal-timeline"><!-- [et_pb_line_break_holder] --> <div class="timeline"><!-- [et_pb_line_break_holder] --> <div class="events-wrapper"><!-- [et_pb_line_break_holder] --> <div class="events"><!-- [et_pb_line_break_holder] --> <ol><!-- [et_pb_line_break_holder] --> <li class="tb1"><a href="#0" data-date="16/01/2014" class="selected" >INHERITANCE OF VALUES</a></li><!-- [et_pb_line_break_holder] --> <li class="tb2"><a href="#0" data-date="28/02/2014">THE PASSION</a></li><!-- [et_pb_line_break_holder] --> <li class="tb3"><a href="#0" data-date="20/04/2014">READY BEFORE OPPORTUNITIES</a></li><!-- [et_pb_line_break_holder] --> <li class="tb4"><a href="#0" data-date="20/05/2014">A UNIQUE STYLE</a></li><!-- [et_pb_line_break_holder] --> <li class="tb5"><a href="#0" data-date="09/07/2014">FAILURE IS IMPORTANT FOR SUCCESS</a></li><!-- [et_pb_line_break_holder] --> <li class="tb6"><a href="#0" data-date="30/08/2014">DO IT TO LEARN IT!</a></li><!-- [et_pb_line_break_holder] --> <li class="tb7"><a href="#0" data-date="15/09/2014">BELIEFS FROM THE HEART</a></li><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </ol><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <span class="filling-line" aria-hidden="true"></span><!-- [et_pb_line_break_holder] --> </div> <!-- .events --><!-- [et_pb_line_break_holder] --> </div> <!-- .events-wrapper --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <ul class="cd-timeline-navigation"><!-- [et_pb_line_break_holder] --> <li><a href="#0" class="prev inactive">Prev</a></li><!-- [et_pb_line_break_holder] --> <li><a href="#0" class="next">Next</a></li><!-- [et_pb_line_break_holder] --> </ul> <!-- .cd-timeline-navigation --><!-- [et_pb_line_break_holder] --> </div> <!-- .timeline --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="events-content"><!-- [et_pb_line_break_holder] --> <ol><!-- [et_pb_line_break_holder] --> <li class="selected" data-date="16/01/2014"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img src="https://www.parakhgroup.in/wp-content/uploads/2018/11/inherit.png" alt="Inheritance of Values"></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>Inheritance of Values</h3><!-- [et_pb_line_break_holder] --> <p>Born on October 30, 1930, in a small village called Daudi in Maharashtra, Harakchandji was the eldest son of Kesharchandji Parakh, who made a living running a small grocery store. A man of uncompromising principles, Kesharchandji deeply mounted the thought of doing any work with values in his sons, Harakchand, Deepchandji and Jalamchandji Parakh.</p><!-- [et_pb_line_break_holder] --> <div class="gallery-box"><div id="gallery-dv" class="et_pb_module et_pb_gallery et_pb_gallery_0 et_pb_bg_layout_light et_pb_gallery_grid"><!-- [et_pb_line_break_holder] --> <div class="et_pb_gallery_items et_post_gallery clearfix" data-per_page="4"><div class="et_pb_gallery_item et_pb_grid_item et_pb_bg_layout_light" style="display: block;"><!-- [et_pb_line_break_holder] --> <div class="et_pb_gallery_image landscape"><!-- [et_pb_line_break_holder] --> <a href="https://www.parakhgroup.in/wp-content/uploads/2019/01/1.jpg" title="1"><!-- [et_pb_line_break_holder] --> <img src="https://www.parakhgroup.in/wp-content/uploads/2019/01/1-400x284.jpg" alt="1"><!-- [et_pb_line_break_holder] --> <span class="et_overlay"></span><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div></div><div class="et_pb_gallery_item et_pb_grid_item et_pb_bg_layout_light" style="display: block;"><!-- [et_pb_line_break_holder] --> <div class="et_pb_gallery_image landscape"><!-- [et_pb_line_break_holder] --> <a href="https://www.parakhgroup.in/wp-content/uploads/2019/01/2.jpg" title="2"><!-- [et_pb_line_break_holder] --> <img src="https://www.parakhgroup.in/wp-content/uploads/2019/01/2-400x284.jpg" alt="2"><!-- [et_pb_line_break_holder] --> <span class="et_overlay"></span><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div></div><div class="et_pb_gallery_item et_pb_grid_item et_pb_bg_layout_light" style="display: block;"><!-- [et_pb_line_break_holder] --> <div class="et_pb_gallery_image landscape"><!-- [et_pb_line_break_holder] --> <a href="https://www.parakhgroup.in/wp-content/uploads/2019/01/3.jpg" title="3"><!-- [et_pb_line_break_holder] --> <img src="https://www.parakhgroup.in/wp-content/uploads/2019/01/3-400x284.jpg" alt="3"><!-- [et_pb_line_break_holder] --> <span class="et_overlay"></span><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div></div><div class="et_pb_gallery_item et_pb_grid_item et_pb_bg_layout_light" style="display: block;"><!-- [et_pb_line_break_holder] --> <div class="et_pb_gallery_image landscape"><!-- [et_pb_line_break_holder] --> <a href="https://www.parakhgroup.in/wp-content/uploads/2019/01/4.jpg" title="4"><!-- [et_pb_line_break_holder] --> <img src="https://www.parakhgroup.in/wp-content/uploads/2019/01/4-400x284.jpg" alt="4"><!-- [et_pb_line_break_holder] --> <span class="et_overlay"></span><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </div></div></div><!-- .et_pb_gallery_items --></div></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="28/02/2014"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-839" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/the-passion.png" alt="" width="510" height="331" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/the-passion.png 510w, https://www.parakhgroup.in/wp-content/uploads/2018/08/the-passion-300x195.png 300w" sizes="(max-width: 510px) 100vw, 510px"></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>The Passion</h3><!-- [et_pb_line_break_holder] --> <p>Tough circumstances made Harakchandji drop out of school at an early age. His keenness to learn and passion to work made him explore different opportunities at a young age. He gained interest into the business of trading while interacting with the suppliers of goods at his father’s store. From thereon he travelled to various towns and cities around Maharashtra to trade different products like spices, pulses, vegetables and clothes investing the little money he saved over the years.</p><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="20/04/2014"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-841" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/ready-before-opportunities.png" alt="" width="806" height="354" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/ready-before-opportunities.png 806w, https://www.parakhgroup.in/wp-content/uploads/2018/08/ready-before-opportunities-300x132.png 300w, https://www.parakhgroup.in/wp-content/uploads/2018/08/ready-before-opportunities-768x337.png 768w" sizes="(max-width: 806px) 100vw, 806px"></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>Ready Before Opportunities</h3><!-- [et_pb_line_break_holder] --> <p>Harakchandji always believed in using the most economical way to execute trade. Whether it was driving a truck all the way to trade potatoes in Shimla or riding around to visit smaller shops in the village on a bicycle or to trade with those shops riding a bollock cart, his zeal to work encouraged him to be ready for whatever was necessary to trade goods in the most efficient way possible.</p><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="20/05/2014"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-842" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/a-unique.png" alt="" width="301" height="360" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/a-unique.png 301w, https://www.parakhgroup.in/wp-content/uploads/2018/08/a-unique-251x300.png 251w" sizes="(max-width: 301px) 100vw, 301px"></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>A Unique Style</h3><!-- [et_pb_line_break_holder] --> <p>Harakchandji also believed that a lasting impression must be created on our customers for them to be confident of whom they are doing business with and certainly so that they don’t forget you amongst the crowd of traders. For this reason, his classic Royal Enfield, his sunglasses and his crisp clothes always made him appear well groomed. His elegant personality was well coupled with his charming style to talk with modesty and truthfulness that always won hearts. These key personality traits aided him to develop and maintain customers in style. His distinctive thoughts and exhilarating personality often made people fond of him and hence his well-wishers often referred to him as ‘Bhau’, which means ‘elder brother’ respectfully.</p><!-- [et_pb_line_break_holder] --> <div class="gallery-box"> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="09/07/2014"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-843" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/failure-success.png" alt="" width="548" height="366" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/failure-success.png 548w, https://www.parakhgroup.in/wp-content/uploads/2018/08/failure-success-300x200.png 300w" sizes="(max-width: 548px) 100vw, 548px"></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>Failure is Important for Success</h3><!-- [et_pb_line_break_holder] --> <p>Harakchandji faced failures while initially trying his hands into various businesses. Yet his unstoppable will ultimately brought him to Pune where he established and nurtured the edible oil and gram flour business. He believed that all the failures we face are essential for learning important lessons to achieve success. However, he also believed that even little victories must be acknowledged. So he was not only seen wrapping his hand around the shoulders of those who were struggling but also received and gave away as many awards he could to appreciate the success of those who worked hard to achieve it.</p><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="30/08/2014"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-844" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/doit-learn.png" alt="" width="579" height="370" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/doit-learn.png 579w, https://www.parakhgroup.in/wp-content/uploads/2018/08/doit-learn-300x192.png 300w" sizes="(max-width: 579px) 100vw, 579px"></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>Do It To Learn It!</h3><!-- [et_pb_line_break_holder] --> <p>A few days before Harakchandji was looking for partners and investors to move to Pune and set up a besan mill, Patashibai (Harakchandji’s wife) entered her kitchen in her house in Chakan only to shockingly discover that all her utensils were missing. In moments she saw her husband walking into the kitchen covered with flour all over his clothes. He said to her, “I used all our utensils to soak Dal and I need some of your sarees to keep channa on the terrace to study the results of natural sun splitting before grinding it into besan again. I must practically know how to make besan myself before setting up a mill.” She often found humor in his unusual techniques to learn but always supported him through it all.</p><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="15/09/2014"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-845" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/belief.png" alt="" width="318" height="489" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/belief.png 318w, https://www.parakhgroup.in/wp-content/uploads/2018/08/belief-195x300.png 195w" sizes="(max-width: 318px) 100vw, 318px"></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>Beliefs from the Heart</h3><!-- [et_pb_line_break_holder] --> <p>A sincere believer in Jainism, he always strived hard to bring in the holistic tenets of karma and moksha in his daily methods of taking business decisions. Just like a true philanthropist, he played the pivotal role in establishing Mahaveer Pratishthan Institute in Pune and was the president to institutes like Oswal Bandhu Samaj and Jain Samaj to encourage religious preaching and education for the needy. He often requested Jain priests to visit the group’s new facilities and strongly believed in their earnest suggestions to improve conditions for staff, product hygiene and the natural environment around those facilities.</p><!-- [et_pb_line_break_holder] --> <div class="gallery-box"> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </ol><!-- [et_pb_line_break_holder] --> </div> <!-- .events-content --><!-- [et_pb_line_break_holder] --></section><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><style><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Primary style<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] -->@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);<!-- [et_pb_line_break_holder] -->*, *::after, *::before {<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->html {<!-- [et_pb_line_break_holder] --> font-size: 62.5%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->body {<!-- [et_pb_line_break_holder] --> font-size: 1.6rem;<!-- [et_pb_line_break_holder] --> font-family: "Source Sans Pro", sans-serif;<!-- [et_pb_line_break_holder] --> color: #383838;<!-- [et_pb_line_break_holder] --> background-color: #f8f8f8;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->a {<!-- [et_pb_line_break_holder] --> color: #7b9d6f;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Main Components <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] -->.tb1 a { left: 20px!important;}<!-- [et_pb_line_break_holder] -->.tb2 a {left: 192px!important;}<!-- [et_pb_line_break_holder] -->.tb3 a { left: 300px!important;}<!-- [et_pb_line_break_holder] -->.tb4 a {left: 500px!important;}<!-- [et_pb_line_break_holder] -->.tb5 a { left: 617px!important;}<!-- [et_pb_line_break_holder] -->.tb6 a { left: 854px!important;}<!-- [et_pb_line_break_holder] -->.tb7 a { left: 993px!important;} <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->.cd-timeline-navigation { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.events-content ol { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.timeline ol { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> margin: 10px auto 20px;<!-- [et_pb_line_break_holder] --> -webkit-transition: opacity 0.2s;<!-- [et_pb_line_break_holder] --> -moz-transition: opacity 0.2s;<!-- [et_pb_line_break_holder] --> transition: opacity 0.2s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline::before {<!-- [et_pb_line_break_holder] --> /* never visible - this is used in jQuery to check the current MQ */<!-- [et_pb_line_break_holder] --> content: 'mobile';<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline.loaded {<!-- [et_pb_line_break_holder] --> /* show the timeline after events position has been set (using JavaScript) */<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .timeline {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 100px;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: 1280px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-wrapper {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> margin: 0 40px;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {<!-- [et_pb_line_break_holder] --> /* these are used to create a shadow effect at the sides of the timeline */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> width: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-wrapper::before {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> background-image: -webkit-linear-gradient( left , #ebce96, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] --> background-image: linear-gradient(to right, #ebce96, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-wrapper::after {<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> background-image: -webkit-linear-gradient( right , #ecce98, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] --> background-image: linear-gradient(to left, #ecce98, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events {<!-- [et_pb_line_break_holder] --> /* this is the grey line/timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> top: 49px;<!-- [et_pb_line_break_holder] --> height: 2px;<!-- [et_pb_line_break_holder] --> /* width will be set using JavaScript */<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> -webkit-transition: -webkit-transform 0.4s;<!-- [et_pb_line_break_holder] --> -moz-transition: -moz-transform 0.4s;<!-- [et_pb_line_break_holder] --> transition: transform 0.4s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .filling-line {<!-- [et_pb_line_break_holder] --> /* this is used to create the green line filling the timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> -webkit-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -moz-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -ms-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -o-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -webkit-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -moz-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -ms-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -o-transform-origin: left center;<!-- [et_pb_line_break_holder] --> transform-origin: left center;<!-- [et_pb_line_break_holder] --> -webkit-transition: -webkit-transform 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: -moz-transform 0.3s;<!-- [et_pb_line_break_holder] --> transition: transform 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events a {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> font-size: 1.3rem;<!-- [et_pb_line_break_holder] --> padding-bottom: 15px;<!-- [et_pb_line_break_holder] --> color: #383838;<!-- [et_pb_line_break_holder] --> /* fix bug on Safari - text flickering while timeline translates */<!-- [et_pb_line_break_holder] --> -webkit-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -moz-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -ms-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -o-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> transform: translateZ(0);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events a::after {<!-- [et_pb_line_break_holder] --> /* this is used to create the event spot */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> right: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> bottom: -5px;<!-- [et_pb_line_break_holder] --> height: 12px;<!-- [et_pb_line_break_holder] --> width: 12px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> border: 2px solid #fff;<!-- [et_pb_line_break_holder] --> background-color: #f8f8f8;<!-- [et_pb_line_break_holder] --> -webkit-transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] --> transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-horizontal-timeline .events a:hover::after {<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events a.selected {<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events a.selected::after {<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events a.older-event::after {<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 1100px) {<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline {<!-- [et_pb_line_break_holder] --> margin: 10px auto 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline::before {<!-- [et_pb_line_break_holder] --> /* never visible - this is used in jQuery to check the current MQ */<!-- [et_pb_line_break_holder] --> content: 'desktop';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a {<!-- [et_pb_line_break_holder] --> /* these are the left/right arrows to navigate the timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> bottom: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> height: 34px;<!-- [et_pb_line_break_holder] --> width: 34px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> border: 2px solid #fff;<!-- [et_pb_line_break_holder] --> /* replace text with an icon */<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> color: transparent;<!-- [et_pb_line_break_holder] --> text-indent: 100%;<!-- [et_pb_line_break_holder] --> white-space: nowrap;<!-- [et_pb_line_break_holder] --> -webkit-transition: border-color 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: border-color 0.3s;<!-- [et_pb_line_break_holder] --> transition: border-color 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a::after {<!-- [et_pb_line_break_holder] --> /* arrow icon */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> height: 16px;<!-- [et_pb_line_break_holder] --> width: 16px;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> bottom: auto;<!-- [et_pb_line_break_holder] --> right: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> background: url(img/arrow.png) no-repeat 0 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.prev {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -ms-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -o-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.next {<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-timeline-navigation a:hover {<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.inactive {<!-- [et_pb_line_break_holder] --> cursor: not-allowed;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.inactive::after {<!-- [et_pb_line_break_holder] --> background-position: 0 -16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-timeline-navigation a.inactive:hover {<!-- [et_pb_line_break_holder] --> border-color: #dfdfdf;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin: 2em 0;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: height 0.4s;<!-- [et_pb_line_break_holder] --> -moz-transition: height 0.4s;<!-- [et_pb_line_break_holder] --> transition: height 0.4s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content li {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> padding: 0 5%;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> -moz-animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> -webkit-animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] --> animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content li.selected {<!-- [et_pb_line_break_holder] --> /* visible event content */<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0);<!-- [et_pb_line_break_holder] --> transform: translateX(0);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {<!-- [et_pb_line_break_holder] --> -webkit-animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] --> -moz-animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] --> animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {<!-- [et_pb_line_break_holder] --> -webkit-animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] --> -moz-animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] --> animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {<!-- [et_pb_line_break_holder] --> -webkit-animation-direction: reverse;<!-- [et_pb_line_break_holder] --> -moz-animation-direction: reverse;<!-- [et_pb_line_break_holder] --> animation-direction: reverse;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content li > * {<!-- [et_pb_line_break_holder] --> max-width: 1200px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content h2 {<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> font-size: 2.6rem;<!-- [et_pb_line_break_holder] --> font-family: "Playfair Display", serif;<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] --> line-height: 1.2;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content em {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> margin: 10px auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content em::before {<!-- [et_pb_line_break_holder] --> content: '- ';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content p {<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> color: #333;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {<!-- [et_pb_line_break_holder] --> line-height: 1.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 768px) {<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline .events-content h2 {<!-- [et_pb_line_break_holder] --> font-size: 7rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline .events-content em {<!-- [et_pb_line_break_holder] --> font-size: 2rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline .events-content p {<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@-webkit-keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-moz-keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-webkit-keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-moz-keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script>jQuery(document).ready(function($){<!-- [et_pb_line_break_holder] --> var timelines = $('.cd-horizontal-timeline'),<!-- [et_pb_line_break_holder] --> eventsMinDistance = 60;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> (timelines.length > 0) && initTimeline(timelines);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function initTimeline(timelines) {<!-- [et_pb_line_break_holder] --> timelines.each(function(){<!-- [et_pb_line_break_holder] --> var timeline = $(this),<!-- [et_pb_line_break_holder] --> timelineComponents = {};<!-- [et_pb_line_break_holder] --> //cache timeline components <!-- [et_pb_line_break_holder] --> timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper');<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events');<!-- [et_pb_line_break_holder] --> timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line');<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a');<!-- [et_pb_line_break_holder] --> timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']);<!-- [et_pb_line_break_holder] --> timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']);<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'] = timeline.find('.cd-timeline-navigation');<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'] = timeline.children('.events-content');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //assign a left postion to the single events along the timeline<!-- [et_pb_line_break_holder] --> setDatePosition(timelineComponents, eventsMinDistance);<!-- [et_pb_line_break_holder] --> //assign a width to the timeline<!-- [et_pb_line_break_holder] --> var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance);<!-- [et_pb_line_break_holder] --> //the timeline has been initialize - show it<!-- [et_pb_line_break_holder] --> timeline.addClass('loaded');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //detect click on the next arrow<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'].on('click', '.next', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> updateSlide(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> //detect click on the prev arrow<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'].on('click', '.prev', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> updateSlide(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> //detect click on the a single event - show new event content<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'].on('click', 'a', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'].removeClass('selected');<!-- [et_pb_line_break_holder] --> $(this).addClass('selected');<!-- [et_pb_line_break_holder] --> updateOlderEvents($(this));<!-- [et_pb_line_break_holder] --> updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth);<!-- [et_pb_line_break_holder] --> updateVisibleContent($(this), timelineComponents['eventsContent']);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //on swipe, show next/prev event content<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'].on('swipeleft', function(){<!-- [et_pb_line_break_holder] --> var mq = checkMQ();<!-- [et_pb_line_break_holder] --> ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'].on('swiperight', function(){<!-- [et_pb_line_break_holder] --> var mq = checkMQ();<!-- [et_pb_line_break_holder] --> ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //keyboard navigation<!-- [et_pb_line_break_holder] --> $(document).keyup(function(event){<!-- [et_pb_line_break_holder] --> if(event.which=='37' && elementInViewport(timeline.get(0)) ) {<!-- [et_pb_line_break_holder] --> showNewContent(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> } else if( event.which=='39' && elementInViewport(timeline.get(0))) {<!-- [et_pb_line_break_holder] --> showNewContent(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateSlide(timelineComponents, timelineTotWidth, string) {<!-- [et_pb_line_break_holder] --> //retrieve translateX value of timelineComponents['eventsWrapper']<!-- [et_pb_line_break_holder] --> var translateValue = getTranslateValue(timelineComponents['eventsWrapper']),<!-- [et_pb_line_break_holder] --> wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', ''));<!-- [et_pb_line_break_holder] --> //translate the timeline to the left('next')/right('prev') <!-- [et_pb_line_break_holder] --> (string == 'next') <!-- [et_pb_line_break_holder] --> ? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth)<!-- [et_pb_line_break_holder] --> : translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function showNewContent(timelineComponents, timelineTotWidth, string) {<!-- [et_pb_line_break_holder] --> //go from one event to the next/previous one<!-- [et_pb_line_break_holder] --> var visibleContent = timelineComponents['eventsContent'].find('.selected'),<!-- [et_pb_line_break_holder] --> newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if ( newContent.length > 0 ) { //if there's a next/prev event - show it<!-- [et_pb_line_break_holder] --> var selectedDate = timelineComponents['eventsWrapper'].find('.selected'),<!-- [et_pb_line_break_holder] --> newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth);<!-- [et_pb_line_break_holder] --> updateVisibleContent(newEvent, timelineComponents['eventsContent']);<!-- [et_pb_line_break_holder] --> newEvent.addClass('selected');<!-- [et_pb_line_break_holder] --> selectedDate.removeClass('selected');<!-- [et_pb_line_break_holder] --> updateOlderEvents(newEvent);<!-- [et_pb_line_break_holder] --> updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) {<!-- [et_pb_line_break_holder] --> //translate timeline to the left/right according to the position of the selected event<!-- [et_pb_line_break_holder] --> var eventStyle = window.getComputedStyle(event.get(0), null),<!-- [et_pb_line_break_holder] --> eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')),<!-- [et_pb_line_break_holder] --> timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')),<!-- [et_pb_line_break_holder] --> timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', ''));<!-- [et_pb_line_break_holder] --> var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) {<!-- [et_pb_line_break_holder] --> translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function translateTimeline(timelineComponents, value, totWidth) {<!-- [et_pb_line_break_holder] --> var eventsWrapper = timelineComponents['eventsWrapper'].get(0);<!-- [et_pb_line_break_holder] --> value = (value > 0) ? 0 : value; //only negative translate value<!-- [et_pb_line_break_holder] --> value = ( !(typeof totWidth === 'undefined') && value < totWidth ) ? totWidth : value; //do not translate more than timeline width<!-- [et_pb_line_break_holder] --> setTransformValue(eventsWrapper, 'translateX', value+'px');<!-- [et_pb_line_break_holder] --> //update navigation arrows visibility<!-- [et_pb_line_break_holder] --> (value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive');<!-- [et_pb_line_break_holder] --> (value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateFilling(selectedEvent, filling, totWidth) {<!-- [et_pb_line_break_holder] --> //change .filling-line length according to the selected event<!-- [et_pb_line_break_holder] --> var eventStyle = window.getComputedStyle(selectedEvent.get(0), null),<!-- [et_pb_line_break_holder] --> eventLeft = eventStyle.getPropertyValue("left"),<!-- [et_pb_line_break_holder] --> eventWidth = eventStyle.getPropertyValue("width");<!-- [et_pb_line_break_holder] --> eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2;<!-- [et_pb_line_break_holder] --> var scaleValue = eventLeft/totWidth;<!-- [et_pb_line_break_holder] --> setTransformValue(filling.get(0), 'scaleX', scaleValue);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setDatePosition(timelineComponents, min) {<!-- [et_pb_line_break_holder] --> for (i = 0; i < timelineComponents['timelineDates'].length; i++) { <!-- [et_pb_line_break_holder] --> var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),<!-- [et_pb_line_break_holder] --> distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setTimelineWidth(timelineComponents, width) {<!-- [et_pb_line_break_holder] --> var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]),<!-- [et_pb_line_break_holder] --> timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'],<!-- [et_pb_line_break_holder] --> timeSpanNorm = Math.round(timeSpanNorm) + 4,<!-- [et_pb_line_break_holder] --> totalWidth = timeSpanNorm*width;<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'].css('width', totalWidth+'px');<!-- [et_pb_line_break_holder] --> updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> return totalWidth;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateVisibleContent(event, eventsContent) {<!-- [et_pb_line_break_holder] --> var eventDate = event.data('date'),<!-- [et_pb_line_break_holder] --> visibleContent = eventsContent.find('.selected'),<!-- [et_pb_line_break_holder] --> selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'),<!-- [et_pb_line_break_holder] --> selectedContentHeight = selectedContent.height();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (selectedContent.index() > visibleContent.index()) {<!-- [et_pb_line_break_holder] --> var classEnetering = 'selected enter-right',<!-- [et_pb_line_break_holder] --> classLeaving = 'leave-left';<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var classEnetering = 'selected enter-left',<!-- [et_pb_line_break_holder] --> classLeaving = 'leave-right';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> selectedContent.attr('class', classEnetering);<!-- [et_pb_line_break_holder] --> visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){<!-- [et_pb_line_break_holder] --> visibleContent.removeClass('leave-right leave-left');<!-- [et_pb_line_break_holder] --> selectedContent.removeClass('enter-left enter-right');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> eventsContent.css('height', selectedContentHeight+'px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateOlderEvents(event) {<!-- [et_pb_line_break_holder] --> event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function getTranslateValue(timeline) {<!-- [et_pb_line_break_holder] --> var timelineStyle = window.getComputedStyle(timeline.get(0), null),<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-moz-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-ms-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-o-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("transform");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( timelineTranslate.indexOf('(') >=0 ) {<!-- [et_pb_line_break_holder] --> var timelineTranslate = timelineTranslate.split('(')[1];<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineTranslate.split(')')[0];<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineTranslate.split(',');<!-- [et_pb_line_break_holder] --> var translateValue = timelineTranslate[4];<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var translateValue = 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return Number(translateValue);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setTransformValue(element, property, value) {<!-- [et_pb_line_break_holder] --> element.style["-webkit-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-moz-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-ms-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-o-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript<!-- [et_pb_line_break_holder] --> function parseDate(events) {<!-- [et_pb_line_break_holder] --> var dateArrays = [];<!-- [et_pb_line_break_holder] --> events.each(function(){<!-- [et_pb_line_break_holder] --> var dateComp = $(this).data('date').split('/'),<!-- [et_pb_line_break_holder] --> newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]);<!-- [et_pb_line_break_holder] --> dateArrays.push(newDate);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> return dateArrays;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function parseDate2(events) {<!-- [et_pb_line_break_holder] --> var dateArrays = [];<!-- [et_pb_line_break_holder] --> events.each(function(){<!-- [et_pb_line_break_holder] --> var singleDate = $(this),<!-- [et_pb_line_break_holder] --> dateComp = singleDate.data('date').split('T');<!-- [et_pb_line_break_holder] --> if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided<!-- [et_pb_line_break_holder] --> var dayComp = dateComp[0].split('/'),<!-- [et_pb_line_break_holder] --> timeComp = dateComp[1].split(':');<!-- [et_pb_line_break_holder] --> } else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide<!-- [et_pb_line_break_holder] --> var dayComp = ["2000", "0", "0"],<!-- [et_pb_line_break_holder] --> timeComp = dateComp[0].split(':');<!-- [et_pb_line_break_holder] --> } else { //only DD/MM/YEAR<!-- [et_pb_line_break_holder] --> var dayComp = dateComp[0].split('/'),<!-- [et_pb_line_break_holder] --> timeComp = ["0", "0"];<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]);<!-- [et_pb_line_break_holder] --> dateArrays.push(newDate);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> return dateArrays;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function daydiff(first, second) {<!-- [et_pb_line_break_holder] --> return Math.round((second-first));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function minLapse(dates) {<!-- [et_pb_line_break_holder] --> //determine the minimum distance among events<!-- [et_pb_line_break_holder] --> var dateDistances = [];<!-- [et_pb_line_break_holder] --> for (i = 1; i < dates.length; i++) { <!-- [et_pb_line_break_holder] --> var distance = daydiff(dates[i-1], dates[i]);<!-- [et_pb_line_break_holder] --> dateDistances.push(distance);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> return Math.min.apply(null, dateDistances);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> /*<!-- [et_pb_line_break_holder] --> How to tell if a DOM element is visible in the current viewport?<!-- [et_pb_line_break_holder] --> http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport<!-- [et_pb_line_break_holder] --> */<!-- [et_pb_line_break_holder] --> function elementInViewport(el) {<!-- [et_pb_line_break_holder] --> var top = el.offsetTop;<!-- [et_pb_line_break_holder] --> var left = el.offsetLeft;<!-- [et_pb_line_break_holder] --> var width = el.offsetWidth;<!-- [et_pb_line_break_holder] --> var height = el.offsetHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> while(el.offsetParent) {<!-- [et_pb_line_break_holder] --> el = el.offsetParent;<!-- [et_pb_line_break_holder] --> top += el.offsetTop;<!-- [et_pb_line_break_holder] --> left += el.offsetLeft;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return (<!-- [et_pb_line_break_holder] --> top < (window.pageYOffset + window.innerHeight) &&<!-- [et_pb_line_break_holder] --> left < (window.pageXOffset + window.innerWidth) &&<!-- [et_pb_line_break_holder] --> (top + height) > window.pageYOffset &&<!-- [et_pb_line_break_holder] --> (left + width) > window.pageXOffset<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function checkMQ() {<!-- [et_pb_line_break_holder] --> //check if mobile or desktop device<!-- [et_pb_line_break_holder] --> return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, "");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->});</script><!-- [et_pb_line_break_holder] -->

THE EVOLUTION (1985 – 2007)

<section class="cd-horizontal-timeline2"><!-- [et_pb_line_break_holder] --> <div class="timeline"><!-- [et_pb_line_break_holder] --> <div class="events-wrapper"><!-- [et_pb_line_break_holder] --> <div class="events"><!-- [et_pb_line_break_holder] --> <ol><!-- [et_pb_line_break_holder] --> <li class="tb1"><a href="#0" data-date="16/01/2015" class="selected" >CHANGE OF GUARDS</a></li><!-- [et_pb_line_break_holder] --> <li class="tb2"><a href="#0" data-date="28/02/2015">FUTURISTIC BRAND BUILDING</a></li><!-- [et_pb_line_break_holder] --> <li class="tb3"><a href="#0" data-date="20/04/2015">LARGE UNITS, LARGER ASPIRATIONS</a></li><!-- [et_pb_line_break_holder] --> <li class="tb4"><a href="#0" data-date="20/05/2015">ADDED OFFERINGS</a></li><!-- [et_pb_line_break_holder] --> <li class="tb5"><a href="#0" data-date="09/07/2015">THE FASTEST GROWING INDIAN FMCG COMPANY</a></li><!-- [et_pb_line_break_holder] --> <li class="tb6"><a href="#0" data-date="30/08/2015">CHANGE TO SUSTAIN CHANGE</a></li> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </ol><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <span class="filling-line2" aria-hidden="true"></span><!-- [et_pb_line_break_holder] --> </div> <!-- .events --><!-- [et_pb_line_break_holder] --> </div> <!-- .events-wrapper --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <ul class="cd-timeline-navigation"><!-- [et_pb_line_break_holder] --> <li><a href="#0" class="prev inactive">Prev</a></li><!-- [et_pb_line_break_holder] --> <li><a href="#0" class="next">Next</a></li><!-- [et_pb_line_break_holder] --> </ul> <!-- .cd-timeline-navigation --><!-- [et_pb_line_break_holder] --> </div> <!-- .timeline --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="events-content"><!-- [et_pb_line_break_holder] --> <ol><!-- [et_pb_line_break_holder] --> <li class="selected" data-date="16/01/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-851" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/gaurd.png" alt="" width="550" height="363" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/gaurd.png 550w, https://www.parakhgroup.in/wp-content/uploads/2018/08/gaurd-300x198.png 300w" sizes="(max-width: 550px) 100vw, 550px"></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>Change Of Guards</h3><!-- [et_pb_line_break_holder] --> <p>Since when Harakchandji’s children were little, even dinner table conversations at home were about trade and business development. They quickly grew fond of his passion in the field and dedicated their lives as they began working at an early age to learn all what they could from him. It wasn’t late until Prakash and Suresh Parakh proved to be prosperous successors to their father’s dream of creating a nationwide brand of quality consumer products.</p><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="28/02/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-852" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/futuristic-brand.png" alt="" width="550" height="370" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/futuristic-brand.png 550w, https://www.parakhgroup.in/wp-content/uploads/2018/08/futuristic-brand-300x202.png 300w" sizes="(max-width: 550px) 100vw, 550px"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Futuristic Brand Building</h3><!-- [et_pb_line_break_holder] --><p>Just in the times when basic consumer goods branding was restricted to printed bags, the group began participating in consumer facing exhibitions. The new business guardians took this futuristic step to educate the consumers of the essential quality parameters in edible oils and flours and to promote the brands which had started growing nationally: Samrat and Gemini.</p><!-- [et_pb_line_break_holder] --><div class="gallery-box blue-brd"> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="20/04/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-853" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/larg-unit.png" alt="" width="550" height="360" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/larg-unit.png 550w, https://www.parakhgroup.in/wp-content/uploads/2018/08/larg-unit-300x196.png 300w" sizes="(max-width: 550px) 100vw, 550px"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Large Units, Larger Aspirations</h3><!-- [et_pb_line_break_holder] --><p>In its next step to becoming a national brand, after setting up a few smaller factories the group set up a modern oil refinery in Kurkumbh, Maharashtra. With a total capacity of 1600 tons per day, this was the largest oil refinery in Asia under one roof. This project attracted respectable global recognition to the group, after which various MNCs approached the group for tie-ups and other venture opportunities.</p><!-- [et_pb_line_break_holder] --><div class="gallery-box blue-brd"> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="20/05/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-854" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/offerings.png" alt="" width="550" height="371" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/offerings.png 550w, https://www.parakhgroup.in/wp-content/uploads/2018/08/offerings-300x202.png 300w" sizes="(max-width: 550px) 100vw, 550px"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Added Offerings</h3><!-- [et_pb_line_break_holder] --><p>Just when less than 2% of the country consumed readily packaged atta, the group sensed a rapid change in consumer behavior soon to drive growth in that segment in the coming few years. India’s best quality of wheat grown on the lands of Madhya Pradesh encouraged the plant’s location. Whereas, the desire to continue to supersede the quality available in the market encouraged the group to bring in machineries and technical expertise from Buhler, Switzerland, an organization that is a global leader in milling technology. Samrat Atta and wheat flour products became one of the leading flour brands in India within just a few years of inception of the mills in MP.</p><!-- [et_pb_line_break_holder] --><div class="gallery-box blue-brd"> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="09/07/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-855" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/fmcg.png" alt="" width="450" height="360" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/fmcg.png 450w, https://www.parakhgroup.in/wp-content/uploads/2018/08/fmcg-300x240.png 300w" sizes="(max-width: 450px) 100vw, 450px"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>The Fastest Growing Indian FMCG Company</h3><!-- [et_pb_line_break_holder] --><p>In the year 2002, AC Nielsen rated Parakh Foods (a company within the group which owned Gemini Edible Oils) as the ‘Fastest Growing FMCG Company In India’. With sales worth over rupees 100 crores, the company had clocked an impressive sales growth of 32.4% hence achieving a staggering revenue growth of over 51% as compared to the previous financial year.</p><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="30/08/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-856" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/sustain.png" alt="" width="550" height="391" srcset="https://www.parakhgroup.in/wp-content/uploads/2018/08/sustain.png 550w, https://www.parakhgroup.in/wp-content/uploads/2018/08/sustain-300x213.png 300w, https://www.parakhgroup.in/wp-content/uploads/2018/08/sustain-400x284.png 400w" sizes="(max-width: 550px) 100vw, 550px"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Change To Sustain Change</h3><!-- [et_pb_line_break_holder] --><p>Once been tagged as the fastest growing FMCG company, Prakash and Suresh Parakh immediately realized that, renewing our self constantly is important as nothing can last in the long run if we do not change continuously. This thought was soon followed by the group’s investments into modernizing existing facilities and diversification into wind energy and jointly ventured real estate projects.</p><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </ol><!-- [et_pb_line_break_holder] --> </div> <!-- .events-content --><!-- [et_pb_line_break_holder] --></section><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><style><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Primary style<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] -->@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);<!-- [et_pb_line_break_holder] -->*, *::after, *::before {<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->html {<!-- [et_pb_line_break_holder] --> font-size: 62.5%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->body {<!-- [et_pb_line_break_holder] --> font-size: 1.6rem;<!-- [et_pb_line_break_holder] --> font-family: "Source Sans Pro", sans-serif;<!-- [et_pb_line_break_holder] --> color: #383838;<!-- [et_pb_line_break_holder] --> background-color: #f8f8f8;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->a {<!-- [et_pb_line_break_holder] --> color: #7b9d6f;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Main Components <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] -->#legacy_tab2 .tb1 a { left: 20px!important;}<!-- [et_pb_line_break_holder] -->#legacy_tab2 .tb2 a {left: 170px!important;}<!-- [et_pb_line_break_holder] -->#legacy_tab2 .tb3 a { left: 363px!important;}<!-- [et_pb_line_break_holder] -->#legacy_tab2 .tb4 a {left: 590px!important;}<!-- [et_pb_line_break_holder] -->#legacy_tab2 .tb5 a { left: 730px!important; width: 131px;}<!-- [et_pb_line_break_holder] -->#legacy_tab2 .tb6 a { left: 915px!important;} <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->.cd-timeline-navigation { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.events-content ol { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.timeline ol { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> margin: 10px auto 20px;<!-- [et_pb_line_break_holder] --> -webkit-transition: opacity 0.2s;<!-- [et_pb_line_break_holder] --> -moz-transition: opacity 0.2s;<!-- [et_pb_line_break_holder] --> transition: opacity 0.2s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2::before {<!-- [et_pb_line_break_holder] --> /* never visible - this is used in jQuery to check the current MQ */<!-- [et_pb_line_break_holder] --> content: 'mobile';<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2.loaded {<!-- [et_pb_line_break_holder] --> /* show the timeline after events position has been set (using JavaScript) */<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .timeline {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 100px;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: 1280px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-wrapper {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> margin: 0 40px;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-wrapper::after, .cd-horizontal-timeline2 .events-wrapper::before {<!-- [et_pb_line_break_holder] --> /* these are used to create a shadow effect at the sides of the timeline */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> width: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-wrapper::before {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> background-image: -webkit-linear-gradient( left , #88deed, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] --> background-image: linear-gradient(to right, #88deed, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-wrapper::after {<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> background-image: -webkit-linear-gradient( right , #88deed, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] --> background-image: linear-gradient(to left, #88deed, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events {<!-- [et_pb_line_break_holder] --> /* this is the grey line/timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] -->width:100%!important;<!-- [et_pb_line_break_holder] --> top: 49px;<!-- [et_pb_line_break_holder] --> height: 2px;<!-- [et_pb_line_break_holder] --> /* width will be set using JavaScript */<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> -webkit-transition: -webkit-transform 0.4s;<!-- [et_pb_line_break_holder] --> -moz-transition: -moz-transform 0.4s;<!-- [et_pb_line_break_holder] --> transition: transform 0.4s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .filling-line2 {<!-- [et_pb_line_break_holder] --> /* this is used to create the green line filling the timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> -webkit-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -moz-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -ms-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -o-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -webkit-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -moz-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -ms-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -o-transform-origin: left center;<!-- [et_pb_line_break_holder] --> transform-origin: left center;<!-- [et_pb_line_break_holder] --> -webkit-transition: -webkit-transform 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: -moz-transform 0.3s;<!-- [et_pb_line_break_holder] --> transition: transform 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events a {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] -->line-height: 18px;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> font-size: 1.3rem;<!-- [et_pb_line_break_holder] --> padding-bottom: 15px;<!-- [et_pb_line_break_holder] --> color: #383838;<!-- [et_pb_line_break_holder] --> /* fix bug on Safari - text flickering while timeline translates */<!-- [et_pb_line_break_holder] --> -webkit-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -moz-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -ms-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -o-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> transform: translateZ(0);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events a::after {<!-- [et_pb_line_break_holder] --> /* this is used to create the event spot */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> right: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> bottom: -5px;<!-- [et_pb_line_break_holder] --> height: 12px;<!-- [et_pb_line_break_holder] --> width: 12px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> border: 2px solid #fff;<!-- [et_pb_line_break_holder] --> background-color: #f8f8f8;<!-- [et_pb_line_break_holder] --> -webkit-transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] --> transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-horizontal-timeline2 .events a:hover::after {<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events a.selected {<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events a.selected::after {<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events a.older-event::after {<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 1100px) {<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline2 {<!-- [et_pb_line_break_holder] --> margin: 10px auto 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline2::before {<!-- [et_pb_line_break_holder] --> /* never visible - this is used in jQuery to check the current MQ */<!-- [et_pb_line_break_holder] --> content: 'desktop';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a {<!-- [et_pb_line_break_holder] --> /* these are the left/right arrows to navigate the timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> bottom: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> height: 34px;<!-- [et_pb_line_break_holder] --> width: 34px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> border: 2px solid #fff;<!-- [et_pb_line_break_holder] --> /* replace text with an icon */<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> color: transparent;<!-- [et_pb_line_break_holder] --> text-indent: 100%;<!-- [et_pb_line_break_holder] --> white-space: nowrap;<!-- [et_pb_line_break_holder] --> -webkit-transition: border-color 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: border-color 0.3s;<!-- [et_pb_line_break_holder] --> transition: border-color 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a::after {<!-- [et_pb_line_break_holder] --> /* arrow icon */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> height: 16px;<!-- [et_pb_line_break_holder] --> width: 16px;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> bottom: auto;<!-- [et_pb_line_break_holder] --> right: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> background: url(img/arrow.png) no-repeat 0 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.prev {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -ms-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -o-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.next {<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-timeline-navigation a:hover {<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.inactive {<!-- [et_pb_line_break_holder] --> cursor: not-allowed;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.inactive::after {<!-- [et_pb_line_break_holder] --> background-position: 0 -16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-timeline-navigation a.inactive:hover {<!-- [et_pb_line_break_holder] --> border-color: #dfdfdf;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin: 2em 0;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: height 0.4s;<!-- [et_pb_line_break_holder] --> -moz-transition: height 0.4s;<!-- [et_pb_line_break_holder] --> transition: height 0.4s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content li {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> padding: 0 5%;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> -moz-animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> -webkit-animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] --> animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content li.selected {<!-- [et_pb_line_break_holder] --> /* visible event content */<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0);<!-- [et_pb_line_break_holder] --> transform: translateX(0);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content li.enter-right, .cd-horizontal-timeline2 .events-content li.leave-right {<!-- [et_pb_line_break_holder] --> -webkit-animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] --> -moz-animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] --> animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content li.enter-left, .cd-horizontal-timeline2 .events-content li.leave-left {<!-- [et_pb_line_break_holder] --> -webkit-animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] --> -moz-animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] --> animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content li.leave-right, .cd-horizontal-timeline2 .events-content li.leave-left {<!-- [et_pb_line_break_holder] --> -webkit-animation-direction: reverse;<!-- [et_pb_line_break_holder] --> -moz-animation-direction: reverse;<!-- [et_pb_line_break_holder] --> animation-direction: reverse;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content li > * {<!-- [et_pb_line_break_holder] --> max-width: 1200px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content h2 {<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> font-size: 2.6rem;<!-- [et_pb_line_break_holder] --> font-family: "Playfair Display", serif;<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] --> line-height: 1.2;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content em {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> margin: 10px auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content em::before {<!-- [et_pb_line_break_holder] --> content: '- ';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content p {<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> color: #333;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline2 .events-content em, .cd-horizontal-timeline2 .events-content p {<!-- [et_pb_line_break_holder] --> line-height: 1.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 768px) {<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline2 .events-content h2 {<!-- [et_pb_line_break_holder] --> font-size: 7rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline2 .events-content em {<!-- [et_pb_line_break_holder] --> font-size: 2rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline2 .events-content p {<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@-webkit-keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-moz-keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-webkit-keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-moz-keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script>jQuery(document).ready(function($){<!-- [et_pb_line_break_holder] --> var timelines = $('.cd-horizontal-timeline2'),<!-- [et_pb_line_break_holder] --> eventsMinDistance = 30;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> (timelines.length > 0) && initTimeline(timelines);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function initTimeline(timelines) {<!-- [et_pb_line_break_holder] --> timelines.each(function(){<!-- [et_pb_line_break_holder] --> var timeline = $(this),<!-- [et_pb_line_break_holder] --> timelineComponents = {};<!-- [et_pb_line_break_holder] --> //cache timeline components <!-- [et_pb_line_break_holder] --> timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper');<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events');<!-- [et_pb_line_break_holder] --> timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line2');<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a');<!-- [et_pb_line_break_holder] --> timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']);<!-- [et_pb_line_break_holder] --> timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']);<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'] = timeline.find('.cd-timeline-navigation');<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'] = timeline.children('.events-content');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //assign a left postion to the single events along the timeline<!-- [et_pb_line_break_holder] --> setDatePosition(timelineComponents, eventsMinDistance);<!-- [et_pb_line_break_holder] --> //assign a width to the timeline<!-- [et_pb_line_break_holder] --> var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance);<!-- [et_pb_line_break_holder] --> //the timeline has been initialize - show it<!-- [et_pb_line_break_holder] --> timeline.addClass('loaded');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //detect click on the next arrow<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'].on('click', '.next', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> updateSlide(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> //detect click on the prev arrow<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'].on('click', '.prev', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> updateSlide(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> //detect click on the a single event - show new event content<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'].on('click', 'a', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'].removeClass('selected');<!-- [et_pb_line_break_holder] --> $(this).addClass('selected');<!-- [et_pb_line_break_holder] --> updateOlderEvents($(this));<!-- [et_pb_line_break_holder] --> updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth);<!-- [et_pb_line_break_holder] --> updateVisibleContent($(this), timelineComponents['eventsContent']);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //on swipe, show next/prev event content<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'].on('swipeleft', function(){<!-- [et_pb_line_break_holder] --> var mq = checkMQ();<!-- [et_pb_line_break_holder] --> ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'].on('swiperight', function(){<!-- [et_pb_line_break_holder] --> var mq = checkMQ();<!-- [et_pb_line_break_holder] --> ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //keyboard navigation<!-- [et_pb_line_break_holder] --> $(document).keyup(function(event){<!-- [et_pb_line_break_holder] --> if(event.which=='37' && elementInViewport(timeline.get(0)) ) {<!-- [et_pb_line_break_holder] --> showNewContent(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> } else if( event.which=='39' && elementInViewport(timeline.get(0))) {<!-- [et_pb_line_break_holder] --> showNewContent(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateSlide(timelineComponents, timelineTotWidth, string) {<!-- [et_pb_line_break_holder] --> //retrieve translateX value of timelineComponents['eventsWrapper']<!-- [et_pb_line_break_holder] --> var translateValue = getTranslateValue(timelineComponents['eventsWrapper']),<!-- [et_pb_line_break_holder] --> wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', ''));<!-- [et_pb_line_break_holder] --> //translate the timeline to the left('next')/right('prev') <!-- [et_pb_line_break_holder] --> (string == 'next') <!-- [et_pb_line_break_holder] --> ? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth)<!-- [et_pb_line_break_holder] --> : translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function showNewContent(timelineComponents, timelineTotWidth, string) {<!-- [et_pb_line_break_holder] --> //go from one event to the next/previous one<!-- [et_pb_line_break_holder] --> var visibleContent = timelineComponents['eventsContent'].find('.selected'),<!-- [et_pb_line_break_holder] --> newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if ( newContent.length > 0 ) { //if there's a next/prev event - show it<!-- [et_pb_line_break_holder] --> var selectedDate = timelineComponents['eventsWrapper'].find('.selected'),<!-- [et_pb_line_break_holder] --> newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth);<!-- [et_pb_line_break_holder] --> updateVisibleContent(newEvent, timelineComponents['eventsContent']);<!-- [et_pb_line_break_holder] --> newEvent.addClass('selected');<!-- [et_pb_line_break_holder] --> selectedDate.removeClass('selected');<!-- [et_pb_line_break_holder] --> updateOlderEvents(newEvent);<!-- [et_pb_line_break_holder] --> updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) {<!-- [et_pb_line_break_holder] --> //translate timeline to the left/right according to the position of the selected event<!-- [et_pb_line_break_holder] --> var eventStyle = window.getComputedStyle(event.get(0), null),<!-- [et_pb_line_break_holder] --> eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')),<!-- [et_pb_line_break_holder] --> timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')),<!-- [et_pb_line_break_holder] --> timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', ''));<!-- [et_pb_line_break_holder] --> var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) {<!-- [et_pb_line_break_holder] --> translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function translateTimeline(timelineComponents, value, totWidth) {<!-- [et_pb_line_break_holder] --> var eventsWrapper = timelineComponents['eventsWrapper'].get(0);<!-- [et_pb_line_break_holder] --> value = (value > 0) ? 0 : value; //only negative translate value<!-- [et_pb_line_break_holder] --> value = ( !(typeof totWidth === 'undefined') && value < totWidth ) ? totWidth : value; //do not translate more than timeline width<!-- [et_pb_line_break_holder] --> setTransformValue(eventsWrapper, 'translateX', value+'px');<!-- [et_pb_line_break_holder] --> //update navigation arrows visibility<!-- [et_pb_line_break_holder] --> (value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive');<!-- [et_pb_line_break_holder] --> (value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateFilling(selectedEvent, filling, totWidth) {<!-- [et_pb_line_break_holder] --> //change .filling-line2 length according to the selected event<!-- [et_pb_line_break_holder] --> var eventStyle = window.getComputedStyle(selectedEvent.get(0), null),<!-- [et_pb_line_break_holder] --> eventLeft = eventStyle.getPropertyValue("left"),<!-- [et_pb_line_break_holder] --> eventWidth = eventStyle.getPropertyValue("width");<!-- [et_pb_line_break_holder] --> eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2;<!-- [et_pb_line_break_holder] --> var scaleValue = eventLeft/totWidth;<!-- [et_pb_line_break_holder] --> setTransformValue(filling.get(0), 'scaleX', scaleValue);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setDatePosition(timelineComponents, min) {<!-- [et_pb_line_break_holder] --> for (i = 0; i < timelineComponents['timelineDates'].length; i++) { <!-- [et_pb_line_break_holder] --> var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),<!-- [et_pb_line_break_holder] --> distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setTimelineWidth(timelineComponents, width) {<!-- [et_pb_line_break_holder] --> var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]),<!-- [et_pb_line_break_holder] --> timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'],<!-- [et_pb_line_break_holder] --> timeSpanNorm = Math.round(timeSpanNorm) + 4,<!-- [et_pb_line_break_holder] --> totalWidth = timeSpanNorm*width;<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'].css('width', totalWidth+'px');<!-- [et_pb_line_break_holder] --> updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> return totalWidth;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateVisibleContent(event, eventsContent) {<!-- [et_pb_line_break_holder] --> var eventDate = event.data('date'),<!-- [et_pb_line_break_holder] --> visibleContent = eventsContent.find('.selected'),<!-- [et_pb_line_break_holder] --> selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'),<!-- [et_pb_line_break_holder] --> selectedContentHeight = selectedContent.height();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (selectedContent.index() > visibleContent.index()) {<!-- [et_pb_line_break_holder] --> var classEnetering = 'selected enter-right',<!-- [et_pb_line_break_holder] --> classLeaving = 'leave-left';<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var classEnetering = 'selected enter-left',<!-- [et_pb_line_break_holder] --> classLeaving = 'leave-right';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> selectedContent.attr('class', classEnetering);<!-- [et_pb_line_break_holder] --> visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){<!-- [et_pb_line_break_holder] --> visibleContent.removeClass('leave-right leave-left');<!-- [et_pb_line_break_holder] --> selectedContent.removeClass('enter-left enter-right');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> eventsContent.css('height', selectedContentHeight+'px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateOlderEvents(event) {<!-- [et_pb_line_break_holder] --> event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function getTranslateValue(timeline) {<!-- [et_pb_line_break_holder] --> var timelineStyle = window.getComputedStyle(timeline.get(0), null),<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-moz-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-ms-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-o-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("transform");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( timelineTranslate.indexOf('(') >=0 ) {<!-- [et_pb_line_break_holder] --> var timelineTranslate = timelineTranslate.split('(')[1];<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineTranslate.split(')')[0];<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineTranslate.split(',');<!-- [et_pb_line_break_holder] --> var translateValue = timelineTranslate[4];<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var translateValue = 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return Number(translateValue);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setTransformValue(element, property, value) {<!-- [et_pb_line_break_holder] --> element.style["-webkit-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-moz-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-ms-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-o-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript<!-- [et_pb_line_break_holder] --> function parseDate(events) {<!-- [et_pb_line_break_holder] --> var dateArrays = [];<!-- [et_pb_line_break_holder] --> events.each(function(){<!-- [et_pb_line_break_holder] --> var dateComp = $(this).data('date').split('/'),<!-- [et_pb_line_break_holder] --> newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]);<!-- [et_pb_line_break_holder] --> dateArrays.push(newDate);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> return dateArrays;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function parseDate2(events) {<!-- [et_pb_line_break_holder] --> var dateArrays = [];<!-- [et_pb_line_break_holder] --> events.each(function(){<!-- [et_pb_line_break_holder] --> var singleDate = $(this),<!-- [et_pb_line_break_holder] --> dateComp = singleDate.data('date').split('T');<!-- [et_pb_line_break_holder] --> if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided<!-- [et_pb_line_break_holder] --> var dayComp = dateComp[0].split('/'),<!-- [et_pb_line_break_holder] --> timeComp = dateComp[1].split(':');<!-- [et_pb_line_break_holder] --> } else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide<!-- [et_pb_line_break_holder] --> var dayComp = ["2000", "0", "0"],<!-- [et_pb_line_break_holder] --> timeComp = dateComp[0].split(':');<!-- [et_pb_line_break_holder] --> } else { //only DD/MM/YEAR<!-- [et_pb_line_break_holder] --> var dayComp = dateComp[0].split('/'),<!-- [et_pb_line_break_holder] --> timeComp = ["0", "0"];<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]);<!-- [et_pb_line_break_holder] --> dateArrays.push(newDate);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> return dateArrays;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function daydiff(first, second) {<!-- [et_pb_line_break_holder] --> return Math.round((second-first));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function minLapse(dates) {<!-- [et_pb_line_break_holder] --> //determine the minimum distance among events<!-- [et_pb_line_break_holder] --> var dateDistances = [];<!-- [et_pb_line_break_holder] --> for (i = 1; i < dates.length; i++) { <!-- [et_pb_line_break_holder] --> var distance = daydiff(dates[i-1], dates[i]);<!-- [et_pb_line_break_holder] --> dateDistances.push(distance);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> return Math.min.apply(null, dateDistances);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> /*<!-- [et_pb_line_break_holder] --> How to tell if a DOM element is visible in the current viewport?<!-- [et_pb_line_break_holder] --> http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport<!-- [et_pb_line_break_holder] --> */<!-- [et_pb_line_break_holder] --> function elementInViewport(el) {<!-- [et_pb_line_break_holder] --> var top = el.offsetTop;<!-- [et_pb_line_break_holder] --> var left = el.offsetLeft;<!-- [et_pb_line_break_holder] --> var width = el.offsetWidth;<!-- [et_pb_line_break_holder] --> var height = el.offsetHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> while(el.offsetParent) {<!-- [et_pb_line_break_holder] --> el = el.offsetParent;<!-- [et_pb_line_break_holder] --> top += el.offsetTop;<!-- [et_pb_line_break_holder] --> left += el.offsetLeft;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return (<!-- [et_pb_line_break_holder] --> top < (window.pageYOffset + window.innerHeight) &&<!-- [et_pb_line_break_holder] --> left < (window.pageXOffset + window.innerWidth) &&<!-- [et_pb_line_break_holder] --> (top + height) > window.pageYOffset &&<!-- [et_pb_line_break_holder] --> (left + width) > window.pageXOffset<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function checkMQ() {<!-- [et_pb_line_break_holder] --> //check if mobile or desktop device<!-- [et_pb_line_break_holder] --> return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline2'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, "");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->});</script>

A STEP INTO THE FUTURE (2008 ONWARDS)

<section class="cd-horizontal-timeline3"><!-- [et_pb_line_break_holder] --> <div class="timeline"><!-- [et_pb_line_break_holder] --> <div class="events-wrapper"><!-- [et_pb_line_break_holder] --> <div class="events"><!-- [et_pb_line_break_holder] --> <ol><!-- [et_pb_line_break_holder] --> <li class="tb1"><a href="#0" data-date="16/01/2015" class="selected" >GENERATION III</a></li><!-- [et_pb_line_break_holder] --> <li class="tb2"><a href="#0" data-date="28/02/2015">FLEXIBLE PACKAGING</a></li><!-- [et_pb_line_break_holder] --> <li class="tb3"><a href="#0" data-date="20/04/2015">GLOBAL FOOTPRINT</a></li><!-- [et_pb_line_break_holder] --> <li class="tb4"><a href="#0" data-date="20/05/2015">REAL ESTATE</a></li><!-- [et_pb_line_break_holder] --> <li class="tb5"><a href="#0" data-date="09/07/2015">BRANDING THE-FUTURE</a></li><!-- [et_pb_line_break_holder] --> <li class="tb6"><a href="#0" data-date="30/08/2015">BACK BY POPULAR DEMAND</a></li> <!-- [et_pb_line_break_holder] --> <li class="tb7"><a href="#0" data-date="31/09/2015">FORTUNE 500 COMPANY</a></li> <!-- [et_pb_line_break_holder] --> <li class="tb8"><a href="#0" data-date="01/10/2015">NEW GROUP LOGO LAUNCH</a></li> <!-- [et_pb_line_break_holder] --> <li class="tb9"><a href="#0" data-date="02/11/2015">BANDHAN EVENT</a></li> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </ol><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <span class="filling-line3" aria-hidden="true" style="transform: scaleX(0.062);"></span><!-- [et_pb_line_break_holder] --> </div> <!-- .events --><!-- [et_pb_line_break_holder] --> </div> <!-- .events-wrapper --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <ul class="cd-timeline-navigation"><!-- [et_pb_line_break_holder] --> <li><a href="#0" class="prev inactive">Prev</a></li><!-- [et_pb_line_break_holder] --> <li><a href="#0" class="next">Next</a></li><!-- [et_pb_line_break_holder] --> </ul> <!-- .cd-timeline-navigation --><!-- [et_pb_line_break_holder] --> </div> <!-- .timeline --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="events-content"><!-- [et_pb_line_break_holder] --> <ol><!-- [et_pb_line_break_holder] --> <li class="selected" data-date="16/01/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-851" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/generation.png" /></div><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --> <div class="inherit-txt"><!-- [et_pb_line_break_holder] --> <h3> </h3><!-- [et_pb_line_break_holder] --> <h3>Generation III</h3><!-- [et_pb_line_break_holder] --> <p>The arrival of the next generation, Harshal, Mayank and Akash Parakh marked the beginning of a new era in and around the Parakh Group. Their task had its own set of challenges in order to guide the value aided Parakh Group in a fast-changing business environment where old rules did not apply and new realities were taking hold.</p><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="28/02/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-852" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/flexibal.png" alt="" width="550" height="370"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Flexible Packaging</h3><!-- [et_pb_line_break_holder] --><p>The company also pioneered into the business of flexible packaging with Parakh Flexipacks Ltd. Strategizing a backward integration by manufacturing the packaging materials for the group’s own consumer products the business grew sustainable along with the growing sales in consumer products. After gaining substantial expertise in packaging technology, the clientele extended to other companies from similar and varied fields. Parakh Flexipacks also bagged the platinum and the gold awards from DuPont for innovation into packaging in the dairy and baby hygiene segment.</p><!-- [et_pb_line_break_holder] --><div class="gallery-box blue-brd"> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="20/04/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-853" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/global-footprint.png" alt="" width="550" height="360"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Global Footprint</h3><!-- [et_pb_line_break_holder] --><p>Following the founder’s vision to keep expanding the group globalized with its FMCG products and network expanding into The UAE and Africa where the products received tremendous appreciation and Parakh Group started expanding globally. Furthermore, a production and branding venture with Cargil (America), technological venture with Buhler (Switzerland), information exchange venture with Itochu (Japan), future packaging prospects research venture with Billerudkorsnas (Sweden) etc. are various momentous events which followed as the group successfully evolved as a global organization.</p><!-- [et_pb_line_break_holder] --><div class="gallery-box blue-brd"> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="20/05/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-854" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/real_estate.png" alt="" width="550" height="371"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Real Estate</h3><!-- [et_pb_line_break_holder] --><p>With a view to building a better tomorrow the group commenced its first jointly ventured residential project in Pune in 1996. Since then several projects were successfully executed in the city hence gaining a reputed name even in real estate. After substantial years of experience the group solely launched Parakh House a modern tower with commercial spaces and Grand Bay, a large residential project providing more than 800 premium apartments. A fantastic response with these projects proved that the group was able to successfully transform its tradition of manufacturing quality consumer products into developing quality living and working spaces.</p><!-- [et_pb_line_break_holder] --><div class="gallery-box blue-brd"> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="09/07/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-855" src="https://www.parakhgroup.in/wp-content/uploads/2019/01/branding.png" alt="" width="450" height="360"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Branding Evolution</h3><!-- [et_pb_line_break_holder] --><p>In the past few years there was a shift in branding methods as organizations began using more effective and smarter ways like websites, digital marketing, narrative TV commercials, demographically targeted advertising etc. to promote their brands. The group magnificently evolved its packaging, branding techniques and consumer facing communications to match and supersede the constantly evolving branding scenarios.</p><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <li data-date="30/08/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-856" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/popular.png" alt="" width="550" height="391"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Back By Popular Demand</h3><!-- [et_pb_line_break_holder] --><p>The strategy of the group’s consumer goods business to also focus on the growth and success of the entire sales network made them a popular and trusted organization for generations of distributors and retailers across the nation. Just a few years after the group ventured out of the edible oil business and strategically started expanding the flour business, there was a wave of belief amongst the market’s network that Parakh Group will re-launch oil again. It was this belief that encouraged the group to enter back into the edible oil business. In 2016, the group set up a state of the art refinery in Khopoli, Maharashtra introducing advanced Nano Technology(TM) which was the first of its kind, the most advanced refining process in the country. Vilina edible oils today represent the group’s everlasting passion in providing the best quality consumer products and its love for its network, which brought it back by popular demand.<!-- [et_pb_line_break_holder] --><br/><!-- [et_pb_line_break_holder] -->Here you can define the content that will be placed within the current tab.</p><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <li data-date="31/09/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-856" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/fotune500.png" alt="" width="450" height="391"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Fortune 500 company</h3><!-- [et_pb_line_break_holder] --><p>The group (Company: Parakh Agro) recently earned the esteemed honor from Fortune 500 India as one of the fastest mid-sized FMCG Company in India. The company secured an impressive 5th position in the category. The management released a statement commenting, ‘We would like to thank all our employees, customers, distributors, retailers, suppliers, vendors and the various government departments for their excellent support that enabled us to achieve this milestone. We shall strive to reach greater heights by continuing to work together.’ Since the past several decades there have been many organizations and individuals (consumers, distributors, employees, retired employees, NGOs, partner agencies etc.) who have had amazing memories and growth experiences with the Parakh Group. We would love you’ll to share any of those beautiful memories and experiences in words or pictures that you’ll may have had with us, which we will proudly share with the world.</p><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <li data-date="01/10/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-856" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/logo-1.png" alt="" width="550" height="391"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>New Group logo launch</h3><!-- [et_pb_line_break_holder] --><p>Parakh Group was established on a small scale 50 years ago and today it is one of the leading FMCG Companies in Maharashtra which reflects the continuously growing support and trust of the customers all across. The Group constantly strive to up the benchmark for ourselves by pushing boundaries and envisioning something new. Parakh Group provides a large variety of products and services reaching out to its millions of customers through consumer goods, real estate, flexible packaging, wind energy, horticulture and various other ventures. With a revenue of over 2000 Cores, Parakh Group is now growing fast and expanding to various sectors with the will and values embedded by the founder. Today, Parakh Group has achieved various milestones.</p><!-- [et_pb_line_break_holder] --><p><b>Some proudly held statistics include:</b><br/><!-- [et_pb_line_break_holder] -->1. Number 5th mid-size Indian Company<br/><!-- [et_pb_line_break_holder] -->2. Fortune 500 company<br/><!-- [et_pb_line_break_holder] -->3. Over 10 state-of-the-art manufacturing facilities in India.<br/><!-- [et_pb_line_break_holder] -->4. A widespread network of over 1500 distributors across India serving more than 25,000 retail and modern retail outlets and chains.</p><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <li data-date="02/11/2015"><!-- [et_pb_line_break_holder] --> <div class="et_pb_tab_content"><!-- [et_pb_line_break_holder] --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"><img class="alignnone size-full wp-image-856" src="https://www.parakhgroup.in/wp-content/uploads/2018/08/bandhan_inf.png" alt="" width="550" height="391"></div><!-- [et_pb_line_break_holder] --><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"><!-- [et_pb_line_break_holder] --><div class="inherit-txt"><!-- [et_pb_line_break_holder] --><h3> </h3><!-- [et_pb_line_break_holder] --><h3>Bandhan Event</h3><!-- [et_pb_line_break_holder] --><p>At Parakh, we have always looked upon our partners as members of an extended family. It has never been merely about a trade partnership. For us it is a bond – Bandhan – that plays a significant role in driving our world. To honour this unique bond we all came together on the evening of 25th March 2017 to celebrate Bandhan – Ek Atoot Rishta. Bandhan is an initiative of Parakh Group to felicitate 6500+ Kirana Shop owners (Retailers). It is to acknowledge the contribution of the Retailers in the FMCG sector. The meet had an open forum where retailers from all regions of Pune district were present together. The event was also graced by singer Shaan and renowned comedian Sumedh Shinde.</p><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </ol><!-- [et_pb_line_break_holder] --> </div> <!-- .events-content --><!-- [et_pb_line_break_holder] --></section><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><style><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Primary style<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] -->@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);<!-- [et_pb_line_break_holder] -->*, *::after, *::before {<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->html {<!-- [et_pb_line_break_holder] --> font-size: 62.5%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->body {<!-- [et_pb_line_break_holder] --> font-size: 1.6rem;<!-- [et_pb_line_break_holder] --> font-family: "Source Sans Pro", sans-serif;<!-- [et_pb_line_break_holder] --> color: #383838;<!-- [et_pb_line_break_holder] --> background-color: #f8f8f8;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->a {<!-- [et_pb_line_break_holder] --> color: #7b9d6f;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Main Components <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb1 a { left: 20px!important;}<!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb2 a {left: 115px!important;}<!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb3 a { left: 244px!important;}<!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb4 a {left: 368px!important;}<!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb5 a { left: 456px!important; width: 131px;}<!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb6 a { left: 603px!important;} <!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb7 a { left: 770px!important;} <!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb8 a { left: 916px!important;} <!-- [et_pb_line_break_holder] -->#legacy_tab3 .tb9 a { left: 1075px!important;} <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->.cd-timeline-navigation { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.events-content ol { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.timeline ol { list-style-type: none!important;}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> margin: 10px auto 20px;<!-- [et_pb_line_break_holder] --> -webkit-transition: opacity 0.2s;<!-- [et_pb_line_break_holder] --> -moz-transition: opacity 0.2s;<!-- [et_pb_line_break_holder] --> transition: opacity 0.2s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3::before {<!-- [et_pb_line_break_holder] --> /* never visible - this is used in jQuery to check the current MQ */<!-- [et_pb_line_break_holder] --> content: 'mobile';<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3.loaded {<!-- [et_pb_line_break_holder] --> /* show the timeline after events position has been set (using JavaScript) */<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .timeline {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 100px;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: 1280px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-wrapper {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> margin: 0 40px;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-wrapper::after, .cd-horizontal-timeline3 .events-wrapper::before {<!-- [et_pb_line_break_holder] --> /* these are used to create a shadow effect at the sides of the timeline */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> width: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-wrapper::before {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> background-image: -webkit-linear-gradient( left , #e4e4e4, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] --> background-image: linear-gradient(to right, #e4e4e4, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-wrapper::after {<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> background-image: -webkit-linear-gradient( right , #e4e4e4, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] --> background-image: linear-gradient(to left, #e4e4e4, rgba(248, 248, 248, 0));<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events {<!-- [et_pb_line_break_holder] --> /* this is the grey line/timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] -->width:100%!important;<!-- [et_pb_line_break_holder] --> top: 49px;<!-- [et_pb_line_break_holder] --> height: 2px;<!-- [et_pb_line_break_holder] --> /* width will be set using JavaScript */<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> -webkit-transition: -webkit-transform 0.4s;<!-- [et_pb_line_break_holder] --> -moz-transition: -moz-transform 0.4s;<!-- [et_pb_line_break_holder] --> transition: transform 0.4s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .filling-line3 {<!-- [et_pb_line_break_holder] --> /* this is used to create the green line filling the timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> -webkit-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -moz-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -ms-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -o-transform: scaleX(0);<!-- [et_pb_line_break_holder] --> transform: scaleX(0);<!-- [et_pb_line_break_holder] --> -webkit-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -moz-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -ms-transform-origin: left center;<!-- [et_pb_line_break_holder] --> -o-transform-origin: left center;<!-- [et_pb_line_break_holder] --> transform-origin: left center;<!-- [et_pb_line_break_holder] --> -webkit-transition: -webkit-transform 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: -moz-transform 0.3s;<!-- [et_pb_line_break_holder] --> transition: transform 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events a {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] -->line-height: 18px;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> font-size: 1.3rem;<!-- [et_pb_line_break_holder] --> padding-bottom: 15px;<!-- [et_pb_line_break_holder] --> color: #383838;<!-- [et_pb_line_break_holder] --> /* fix bug on Safari - text flickering while timeline translates */<!-- [et_pb_line_break_holder] --> -webkit-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -moz-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -ms-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -o-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> transform: translateZ(0);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events a::after {<!-- [et_pb_line_break_holder] --> /* this is used to create the event spot */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> right: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> bottom: -5px;<!-- [et_pb_line_break_holder] --> height: 12px;<!-- [et_pb_line_break_holder] --> width: 12px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> border: 2px solid #fff;<!-- [et_pb_line_break_holder] --> background-color: #f8f8f8;<!-- [et_pb_line_break_holder] --> -webkit-transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] --> transition: background-color 0.3s, border-color 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-horizontal-timeline3 .events a:hover::after {<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events a.selected {<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events a.selected::after {<!-- [et_pb_line_break_holder] --> background-color: #7b9d6f;<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events a.older-event::after {<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 1100px) {<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline3 {<!-- [et_pb_line_break_holder] --> margin: 10px auto 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline3::before {<!-- [et_pb_line_break_holder] --> /* never visible - this is used in jQuery to check the current MQ */<!-- [et_pb_line_break_holder] --> content: 'desktop';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a {<!-- [et_pb_line_break_holder] --> /* these are the left/right arrows to navigate the timeline */<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> bottom: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> height: 34px;<!-- [et_pb_line_break_holder] --> width: 34px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> border: 2px solid #fff;<!-- [et_pb_line_break_holder] --> /* replace text with an icon */<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> color: transparent;<!-- [et_pb_line_break_holder] --> text-indent: 100%;<!-- [et_pb_line_break_holder] --> white-space: nowrap;<!-- [et_pb_line_break_holder] --> -webkit-transition: border-color 0.3s;<!-- [et_pb_line_break_holder] --> -moz-transition: border-color 0.3s;<!-- [et_pb_line_break_holder] --> transition: border-color 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a::after {<!-- [et_pb_line_break_holder] --> /* arrow icon */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> height: 16px;<!-- [et_pb_line_break_holder] --> width: 16px;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> bottom: auto;<!-- [et_pb_line_break_holder] --> right: auto;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> transform: translateX(-50%) translateY(-50%);<!-- [et_pb_line_break_holder] --> background: url(img/arrow.png) no-repeat 0 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.prev {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -moz-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -ms-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> -o-transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] --> transform: translateY(-50%) rotate(180deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.next {<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-timeline-navigation a:hover {<!-- [et_pb_line_break_holder] --> border-color: #7b9d6f;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.inactive {<!-- [et_pb_line_break_holder] --> cursor: not-allowed;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-navigation a.inactive::after {<!-- [et_pb_line_break_holder] --> background-position: 0 -16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-timeline-navigation a.inactive:hover {<!-- [et_pb_line_break_holder] --> border-color: #dfdfdf;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin: 2em 0;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> -webkit-transition: height 0.4s;<!-- [et_pb_line_break_holder] --> -moz-transition: height 0.4s;<!-- [et_pb_line_break_holder] --> transition: height 0.4s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content li {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> padding: 0 5%;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> -moz-animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> animation-duration: 0.4s;<!-- [et_pb_line_break_holder] --> -webkit-animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] --> animation-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content li.selected {<!-- [et_pb_line_break_holder] --> /* visible event content */<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0);<!-- [et_pb_line_break_holder] --> transform: translateX(0);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content li.enter-right, .cd-horizontal-timeline3 .events-content li.leave-right {<!-- [et_pb_line_break_holder] --> -webkit-animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] --> -moz-animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] --> animation-name: cd-enter-right;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content li.enter-left, .cd-horizontal-timeline3 .events-content li.leave-left {<!-- [et_pb_line_break_holder] --> -webkit-animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] --> -moz-animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] --> animation-name: cd-enter-left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content li.leave-right, .cd-horizontal-timeline3 .events-content li.leave-left {<!-- [et_pb_line_break_holder] --> -webkit-animation-direction: reverse;<!-- [et_pb_line_break_holder] --> -moz-animation-direction: reverse;<!-- [et_pb_line_break_holder] --> animation-direction: reverse;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content li > * {<!-- [et_pb_line_break_holder] --> max-width: 1200px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content h2 {<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> font-size: 2.6rem;<!-- [et_pb_line_break_holder] --> font-family: "Playfair Display", serif;<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] --> line-height: 1.2;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content em {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-style: italic;<!-- [et_pb_line_break_holder] --> margin: 10px auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content em::before {<!-- [et_pb_line_break_holder] --> content: '- ';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content p {<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> color: #333;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-horizontal-timeline3 .events-content em, .cd-horizontal-timeline3 .events-content p {<!-- [et_pb_line_break_holder] --> line-height: 1.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 768px) {<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline3 .events-content h2 {<!-- [et_pb_line_break_holder] --> font-size: 7rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline3 .events-content em {<!-- [et_pb_line_break_holder] --> font-size: 2rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-horizontal-timeline3 .events-content p {<!-- [et_pb_line_break_holder] --> font-size: 15px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@-webkit-keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-moz-keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes cd-enter-right {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-webkit-keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-moz-keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes cd-enter-left {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> -o-transform: translateX(0%);<!-- [et_pb_line_break_holder] --> transform: translateX(0%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script>jQuery(document).ready(function($){<!-- [et_pb_line_break_holder] --> var timelines = $('.cd-horizontal-timeline3'),<!-- [et_pb_line_break_holder] --> eventsMinDistance = 60;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> (timelines.length > 0) && initTimeline(timelines);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function initTimeline(timelines) {<!-- [et_pb_line_break_holder] --> timelines.each(function(){<!-- [et_pb_line_break_holder] --> var timeline = $(this),<!-- [et_pb_line_break_holder] --> timelineComponents = {};<!-- [et_pb_line_break_holder] --> //cache timeline components <!-- [et_pb_line_break_holder] --> timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper');<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events');<!-- [et_pb_line_break_holder] --> timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line3');<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a');<!-- [et_pb_line_break_holder] --> timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']);<!-- [et_pb_line_break_holder] --> timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']);<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'] = timeline.find('.cd-timeline-navigation');<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'] = timeline.children('.events-content');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //assign a left postion to the single events along the timeline<!-- [et_pb_line_break_holder] --> setDatePosition(timelineComponents, eventsMinDistance);<!-- [et_pb_line_break_holder] --> //assign a width to the timeline<!-- [et_pb_line_break_holder] --> var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance);<!-- [et_pb_line_break_holder] --> //the timeline has been initialize - show it<!-- [et_pb_line_break_holder] --> timeline.addClass('loaded');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //detect click on the next arrow<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'].on('click', '.next', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> updateSlide(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> //detect click on the prev arrow<!-- [et_pb_line_break_holder] --> timelineComponents['timelineNavigation'].on('click', '.prev', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> updateSlide(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> //detect click on the a single event - show new event content<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'].on('click', 'a', function(event){<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'].removeClass('selected');<!-- [et_pb_line_break_holder] --> $(this).addClass('selected');<!-- [et_pb_line_break_holder] --> updateOlderEvents($(this));<!-- [et_pb_line_break_holder] --> updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth);<!-- [et_pb_line_break_holder] --> updateVisibleContent($(this), timelineComponents['eventsContent']);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //on swipe, show next/prev event content<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'].on('swipeleft', function(){<!-- [et_pb_line_break_holder] --> var mq = checkMQ();<!-- [et_pb_line_break_holder] --> ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> timelineComponents['eventsContent'].on('swiperight', function(){<!-- [et_pb_line_break_holder] --> var mq = checkMQ();<!-- [et_pb_line_break_holder] --> ( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //keyboard navigation<!-- [et_pb_line_break_holder] --> $(document).keyup(function(event){<!-- [et_pb_line_break_holder] --> if(event.which=='37' && elementInViewport(timeline.get(0)) ) {<!-- [et_pb_line_break_holder] --> showNewContent(timelineComponents, timelineTotWidth, 'prev');<!-- [et_pb_line_break_holder] --> } else if( event.which=='39' && elementInViewport(timeline.get(0))) {<!-- [et_pb_line_break_holder] --> showNewContent(timelineComponents, timelineTotWidth, 'next');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateSlide(timelineComponents, timelineTotWidth, string) {<!-- [et_pb_line_break_holder] --> //retrieve translateX value of timelineComponents['eventsWrapper']<!-- [et_pb_line_break_holder] --> var translateValue = getTranslateValue(timelineComponents['eventsWrapper']),<!-- [et_pb_line_break_holder] --> wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', ''));<!-- [et_pb_line_break_holder] --> //translate the timeline to the left('next')/right('prev') <!-- [et_pb_line_break_holder] --> (string == 'next') <!-- [et_pb_line_break_holder] --> ? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth)<!-- [et_pb_line_break_holder] --> : translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function showNewContent(timelineComponents, timelineTotWidth, string) {<!-- [et_pb_line_break_holder] --> //go from one event to the next/previous one<!-- [et_pb_line_break_holder] --> var visibleContent = timelineComponents['eventsContent'].find('.selected'),<!-- [et_pb_line_break_holder] --> newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if ( newContent.length > 0 ) { //if there's a next/prev event - show it<!-- [et_pb_line_break_holder] --> var selectedDate = timelineComponents['eventsWrapper'].find('.selected'),<!-- [et_pb_line_break_holder] --> newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth);<!-- [et_pb_line_break_holder] --> updateVisibleContent(newEvent, timelineComponents['eventsContent']);<!-- [et_pb_line_break_holder] --> newEvent.addClass('selected');<!-- [et_pb_line_break_holder] --> selectedDate.removeClass('selected');<!-- [et_pb_line_break_holder] --> updateOlderEvents(newEvent);<!-- [et_pb_line_break_holder] --> updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) {<!-- [et_pb_line_break_holder] --> //translate timeline to the left/right according to the position of the selected event<!-- [et_pb_line_break_holder] --> var eventStyle = window.getComputedStyle(event.get(0), null),<!-- [et_pb_line_break_holder] --> eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')),<!-- [et_pb_line_break_holder] --> timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')),<!-- [et_pb_line_break_holder] --> timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', ''));<!-- [et_pb_line_break_holder] --> var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) {<!-- [et_pb_line_break_holder] --> translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function translateTimeline(timelineComponents, value, totWidth) {<!-- [et_pb_line_break_holder] --> var eventsWrapper = timelineComponents['eventsWrapper'].get(0);<!-- [et_pb_line_break_holder] --> value = (value > 0) ? 0 : value; //only negative translate value<!-- [et_pb_line_break_holder] --> value = ( !(typeof totWidth === 'undefined') && value < totWidth ) ? totWidth : value; //do not translate more than timeline width<!-- [et_pb_line_break_holder] --> setTransformValue(eventsWrapper, 'translateX', value+'px');<!-- [et_pb_line_break_holder] --> //update navigation arrows visibility<!-- [et_pb_line_break_holder] --> (value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive');<!-- [et_pb_line_break_holder] --> (value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateFilling(selectedEvent, filling, totWidth) {<!-- [et_pb_line_break_holder] --> //change .filling-line3 length according to the selected event<!-- [et_pb_line_break_holder] --> var eventStyle = window.getComputedStyle(selectedEvent.get(0), null),<!-- [et_pb_line_break_holder] --> eventLeft = eventStyle.getPropertyValue("left"),<!-- [et_pb_line_break_holder] --> eventWidth = eventStyle.getPropertyValue("width");<!-- [et_pb_line_break_holder] --> eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2;<!-- [et_pb_line_break_holder] --> var scaleValue = eventLeft/totWidth;<!-- [et_pb_line_break_holder] --> setTransformValue(filling.get(0), 'scaleX', scaleValue);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setDatePosition(timelineComponents, min) {<!-- [et_pb_line_break_holder] --> for (i = 0; i < timelineComponents['timelineDates'].length; i++) { <!-- [et_pb_line_break_holder] --> var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),<!-- [et_pb_line_break_holder] --> distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;<!-- [et_pb_line_break_holder] --> timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setTimelineWidth(timelineComponents, width) {<!-- [et_pb_line_break_holder] --> var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]),<!-- [et_pb_line_break_holder] --> timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'],<!-- [et_pb_line_break_holder] --> timeSpanNorm = Math.round(timeSpanNorm) + 4,<!-- [et_pb_line_break_holder] --> totalWidth = timeSpanNorm*width;<!-- [et_pb_line_break_holder] --> timelineComponents['eventsWrapper'].css('width', totalWidth+'px');<!-- [et_pb_line_break_holder] --> updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], totalWidth);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> return totalWidth;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateVisibleContent(event, eventsContent) {<!-- [et_pb_line_break_holder] --> var eventDate = event.data('date'),<!-- [et_pb_line_break_holder] --> visibleContent = eventsContent.find('.selected'),<!-- [et_pb_line_break_holder] --> selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'),<!-- [et_pb_line_break_holder] --> selectedContentHeight = selectedContent.height();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (selectedContent.index() > visibleContent.index()) {<!-- [et_pb_line_break_holder] --> var classEnetering = 'selected enter-right',<!-- [et_pb_line_break_holder] --> classLeaving = 'leave-left';<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var classEnetering = 'selected enter-left',<!-- [et_pb_line_break_holder] --> classLeaving = 'leave-right';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> selectedContent.attr('class', classEnetering);<!-- [et_pb_line_break_holder] --> visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){<!-- [et_pb_line_break_holder] --> visibleContent.removeClass('leave-right leave-left');<!-- [et_pb_line_break_holder] --> selectedContent.removeClass('enter-left enter-right');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> eventsContent.css('height', selectedContentHeight+'px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function updateOlderEvents(event) {<!-- [et_pb_line_break_holder] --> event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function getTranslateValue(timeline) {<!-- [et_pb_line_break_holder] --> var timelineStyle = window.getComputedStyle(timeline.get(0), null),<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-moz-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-ms-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("-o-transform") ||<!-- [et_pb_line_break_holder] --> timelineStyle.getPropertyValue("transform");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( timelineTranslate.indexOf('(') >=0 ) {<!-- [et_pb_line_break_holder] --> var timelineTranslate = timelineTranslate.split('(')[1];<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineTranslate.split(')')[0];<!-- [et_pb_line_break_holder] --> timelineTranslate = timelineTranslate.split(',');<!-- [et_pb_line_break_holder] --> var translateValue = timelineTranslate[4];<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var translateValue = 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return Number(translateValue);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function setTransformValue(element, property, value) {<!-- [et_pb_line_break_holder] --> element.style["-webkit-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-moz-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-ms-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["-o-transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> element.style["transform"] = property+"("+value+")";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript<!-- [et_pb_line_break_holder] --> function parseDate(events) {<!-- [et_pb_line_break_holder] --> var dateArrays = [];<!-- [et_pb_line_break_holder] --> events.each(function(){<!-- [et_pb_line_break_holder] --> var dateComp = $(this).data('date').split('/'),<!-- [et_pb_line_break_holder] --> newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]);<!-- [et_pb_line_break_holder] --> dateArrays.push(newDate);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> return dateArrays;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function parseDate2(events) {<!-- [et_pb_line_break_holder] --> var dateArrays = [];<!-- [et_pb_line_break_holder] --> events.each(function(){<!-- [et_pb_line_break_holder] --> var singleDate = $(this),<!-- [et_pb_line_break_holder] --> dateComp = singleDate.data('date').split('T');<!-- [et_pb_line_break_holder] --> if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided<!-- [et_pb_line_break_holder] --> var dayComp = dateComp[0].split('/'),<!-- [et_pb_line_break_holder] --> timeComp = dateComp[1].split(':');<!-- [et_pb_line_break_holder] --> } else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide<!-- [et_pb_line_break_holder] --> var dayComp = ["2000", "0", "0"],<!-- [et_pb_line_break_holder] --> timeComp = dateComp[0].split(':');<!-- [et_pb_line_break_holder] --> } else { //only DD/MM/YEAR<!-- [et_pb_line_break_holder] --> var dayComp = dateComp[0].split('/'),<!-- [et_pb_line_break_holder] --> timeComp = ["0", "0"];<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]);<!-- [et_pb_line_break_holder] --> dateArrays.push(newDate);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> return dateArrays;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function daydiff(first, second) {<!-- [et_pb_line_break_holder] --> return Math.round((second-first));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function minLapse(dates) {<!-- [et_pb_line_break_holder] --> //determine the minimum distance among events<!-- [et_pb_line_break_holder] --> var dateDistances = [];<!-- [et_pb_line_break_holder] --> for (i = 1; i < dates.length; i++) { <!-- [et_pb_line_break_holder] --> var distance = daydiff(dates[i-1], dates[i]);<!-- [et_pb_line_break_holder] --> dateDistances.push(distance);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> return Math.min.apply(null, dateDistances);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> /*<!-- [et_pb_line_break_holder] --> How to tell if a DOM element is visible in the current viewport?<!-- [et_pb_line_break_holder] --> http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport<!-- [et_pb_line_break_holder] --> */<!-- [et_pb_line_break_holder] --> function elementInViewport(el) {<!-- [et_pb_line_break_holder] --> var top = el.offsetTop;<!-- [et_pb_line_break_holder] --> var left = el.offsetLeft;<!-- [et_pb_line_break_holder] --> var width = el.offsetWidth;<!-- [et_pb_line_break_holder] --> var height = el.offsetHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> while(el.offsetParent) {<!-- [et_pb_line_break_holder] --> el = el.offsetParent;<!-- [et_pb_line_break_holder] --> top += el.offsetTop;<!-- [et_pb_line_break_holder] --> left += el.offsetLeft;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return (<!-- [et_pb_line_break_holder] --> top < (window.pageYOffset + window.innerHeight) &&<!-- [et_pb_line_break_holder] --> left < (window.pageXOffset + window.innerWidth) &&<!-- [et_pb_line_break_holder] --> (top + height) > window.pageYOffset &&<!-- [et_pb_line_break_holder] --> (left + width) > window.pageXOffset<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function checkMQ() {<!-- [et_pb_line_break_holder] --> //check if mobile or desktop device<!-- [et_pb_line_break_holder] --> return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline3'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, "");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->});</script>