/*      Timeline     */
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }
  .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px; }
  .timeline > li {
    margin-bottom: 20px;
    position: relative; }
    .timeline > li:before {
      content: " ";
      display: table; }
    .timeline > li:after {
      content: " ";
      display: table;
      clear: both; }
    .timeline > li:before {
      content: " ";
      display: table; }
    .timeline > li:after {
      content: " ";
      display: table;
      clear: both; }
    .timeline > li > .timeline-panel {
      width: 50%;
      float: left;
      border: 1px solid #eeeeee;
      background: #ffffff;
      border-radius: 3px;
      padding: 20px;
      position: relative;
      -webkit-box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06);
      -moz-box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06);
      box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06); }
    .timeline > li.timeline-inverted + li:not(.timeline-inverted) {
      margin-top: -60px; }
    .timeline > li:not(.timeline-inverted) {
      padding-right: 90px; }
      .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
        margin-top: -60px; }
    .timeline > li.timeline-inverted {
      padding-left: 90px; }
      .timeline > li.timeline-inverted > .timeline-panel {
        float: right; }
        .timeline > li.timeline-inverted > .timeline-panel:before {
          border-left-width: 0;
          border-right-width: 15px;
          left: -15px;
          right: auto; }
        .timeline > li.timeline-inverted > .timeline-panel:after {
          border-left-width: 0;
          border-right-width: 14px;
          left: -14px;
          right: auto; }
    .timeline > li > .timeline-panel:before {
      position: absolute;
      top: 26px;
      right: -15px;
      display: inline-block;
      border-top: 15px solid transparent;
      border-left: 15px solid #eeeeee;
      border-right: 0 solid #eeeeee;
      border-bottom: 15px solid transparent;
      content: " "; }
    .timeline > li > .timeline-panel:after {
      position: absolute;
      top: 27px;
      right: -14px;
      display: inline-block;
      border-top: 14px solid transparent;
      border-left: 14px solid #ffffff;
      border-right: 0 solid #ffffff;
      border-bottom: 14px solid transparent;
      content: " "; }
    .timeline > li > .timeline-badge {
      color: #ffffff;
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 1.8em;
      text-align: center;
      position: absolute;
      top: 16px;
      left: 50%;
      margin-left: -25px;
      background-color: #999999;
      z-index: 100;
      border-top-right-radius: 50%;
      border-top-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%; }
      .timeline-badge i{
        font-size: 0.5em;
      }




.timeline-badge.default {
  background-color: #1a2035 !important; }
.timeline-badge.primary {
  background-color: #1572E8 !important; }
.timeline-badge.secondary {
  background-color: #6861CE !important; }
.timeline-badge.success {
  background-color: #31CE36 !important; }
.timeline-badge.warning {
  background-color: #FFAD46 !important; }
.timeline-badge.danger {
  background-color: #F25961 !important; }
.timeline-badge.info {
  background-color: #48ABF7 !important; }

.timeline-title {
  font-size: 17px;
  margin-top: 0;
  color: inherit;
  font-weight: 400; }

.timeline-heading i {
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }

.timeline-body > p, .timeline-body > ul {
  margin-bottom: 0; }
.timeline-body > p + p {
  margin-top: 5px; }




.timeline > li > .timeline-panel-sucesss {
      width: 50%;
      float: left;
      border: 1px solid #eeeeee;
      background: #2f7249;
      color:white;
      border-radius: 3px;
      padding: 20px;
      position: relative;
      -webkit-box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06);
      -moz-box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06);
      box-shadow: 0px 1px 20px 1px rgba(69, 65, 78, 0.06); }
    .timeline > li.timeline-inverted + li:not(.timeline-inverted) {
      margin-top: -60px; }
    .timeline > li:not(.timeline-inverted) {
      padding-right: 90px; }
      .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
        margin-top: -60px; }
    .timeline > li.timeline-inverted {
      padding-left: 90px; }
      .timeline > li.timeline-inverted > .timeline-panel {
        float: right; }
        .timeline > li.timeline-inverted > .timeline-panel:before {
          border-left-width: 0;
          border-right-width: 15px;
          left: -15px;
          right: auto; }
        .timeline > li.timeline-inverted > .timeline-panel:after {
          border-left-width: 0;
          border-right-width: 14px;
          left: -14px;
          right: auto; }
    .timeline > li > .timeline-panel-success:before {
      position: absolute;
      top: 26px;
      right: -15px;
      display: inline-block;
      border-top: 15px solid transparent;
      border-left: 15px solid #eeeeee;
      border-right: 0 solid #eeeeee;
      border-bottom: 15px solid transparent;
      content: " "; }
    .timeline > li > .timeline-panel-success:after {
      position: absolute;
      top: 27px;
      right: -14px;
      display: inline-block;
      border-top: 14px solid transparent;
      border-left: 14px solid #ffffff;
      border-right: 0 solid #ffffff;
      border-bottom: 14px solid transparent;
      content: " "; }




.uplg{
  font-size: 30px;
  color:#2f7249;
}

.upl{
  font-size: 30px;
  color:#f96c26;
}

.c-intro__aside--red{
background-color: #2f7249;
}

.c-figure__stat--red{
  color: #2f7249;
}

.c-intro__figures--red{
  border-top-color: #2f7249;
}

.c-intro__heading{
  color: #2f7249;
}
.c-body__heading{
  color: #2f7249;
}


.c-next__title{
  color: #2f7249;
}

.c-navigation__list-item{
  border-bottom-color: #2f7249;
}


.c-body__row--red-rule{
  border-top-color: #2f7249;
}

.c-colour-block{
  background-color: #2f7249;
}

.c-financial-highlight__text{
  border: none;
}

.c-intro__aside--wine{
background-color: #722f37;
}

.c-figure__stat--wine{
  color: #722f37;
}

.c-intro__figures--wine{
  border-top-color: #722f37;
}
.c-body__row--wine-rule{
  border-top-color: #722f37;
}
.c-body__row--wine-rule{
  border-top-color: #722f37;
}



.c-financial-highlight__text--wine{
  border: none;
}

.--red{
  color: #2f7249;
}
.bg--red{
  background-color: #2f7249;
}

.--white{
  color: #fff;
}

.--wine{
  color: #722f37;
}

.c-body{
  padding-left: 34%;
}

.aside-img{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;

}

.c-intro__aside{
  padding: 0px;
}

.aside-box{
  padding: 40px 20px;

}

.c-figure__stat{
  font-size: 4rem;
}

.c-colour-block--wine{
  background-color: #722f37;
}

.c-intro__description{
  text-align: center;
}

.qoute-wine{
  margin:30px 0px;
  padding:30px 50px;
  font-style: italic;
  text-decoration: none;
  background-color: #B22222;
}


.qoute-green{
  margin:30px 0px;
  padding:30px 50px;
  font-style: italic;
  text-decoration: none;
  background-color:#f4faf7; 
}

.qoute-wine .big{
  font-size: 7rem;
}

.qoute-green .big{
  font-size: 7rem;
}

.qoute-wine-r{
  margin:30px 0px;
  padding:30px 50px;
  font-style: italic;
  text-decoration: none;
  background-color: #B22222;
  color: white;
  border-radius:40px 40px 40px 0px;
 
}


.qoute-green-r{
  margin:30px 0px;
  padding:30px 50px;
  font-style: italic;
  text-decoration: none;
  background-color:#3CB371;
  color: white;
  border-radius:40px 0px 40px 40px; 
}


.--light{
  color: #4db676;
}

.c-intro__title,.c-intro__description{
  text-align: left;
}

.melfont{
    font-size:14;
}


  .vid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    max-height: 100vh;
  }
  
 .vid iframe {
    margin: 10px;
    border: 3px solid #000;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); 
    max-width: 30vw;
  }


.c-navigation__link {
font-weight: bolder;
color: black;
font-size: 15pt;
}

.quotation-wine{
  font-size: 22px;
  color: white;
  font-style: italic;
  //margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 30px 50px;
  line-height: 1.3;
  background-color: #B22222;
  
}

.quotation-wine:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -11px;
  position: relative;
  top: 30px;
  color: white;
  font-size: 4em;
}
.quotation-wine:after {
  content: close-quote;
  display: inline;
  height: 2;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: white;
  font-size: 4em;

}



.quotation-green{
  font-size: 22px;
  color: white;
  font-style: italic;
  //margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 30px 50px;
  line-height: 1.3;
  background-color: #3CB371;
  
}

.quotation-green:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -11px;
  position: relative;
  top: 30px;
  color: white;
  font-size: 4em;
}
.quotation-green:after {
  content: close-quote;
  display: inline;
  height: 2;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: white;
  font-size: 4em;

}

.footer{
  margin: -1; 
  text-align: right;
  font-size: 1.0em;
  font-style: italic;
}

.highlight-green{
  font-size: 19px;
  color: white;
  //margin: 0 auto;
  padding: 20px 20px;
  line-height: 1.3;
  background-color: #1e6240;
}

.c-intro__read-morex:after{content: "Read full message"}
.c-intro__read-morex.is-active:after{content: "Read less"}