/*
 * Call to action buttons
 */

 .cta-buttons {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
  }
  
  .cta-buttons .top-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  
  .cta-buttons .top-icon .proveg-icon-svg {
    margin: 0 20px;
    width: 54px;
    height: 54px;
    color: #147c3f;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
  }
  
  .cta-buttons .top-icon:before,
  .cta-buttons .top-icon:after {
    content: '';
    width: auto;
    -webkit-box-flex: 1;
            -ms-flex: 1;
                -webkit-flex: 1;
            flex: 1;
    height: 0;
    font-size: 0;
    border-top: 1px solid #e0e0e0;
  }
  
  .cta-buttons-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    padding-left: 40px;
    padding-right: 40px;
  }
  
  @media (min-width: 768px) {
    .cta-buttons-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
         -ms-flex-pack: center;
       -webkit-justify-content: center;
              justify-content: center;
    }
  }
  
  .cta-buttons-row .cta-button {
    width: 100%;
    max-width: 200px;
    margin-left: 35px;
    margin-right: 35px;
  }
  
  @media (max-width: 991px) {
    .cta-buttons-row .cta-button {
      max-width: 140px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 100px;
    }
  }
  
  .cta-buttons-title,
  .cta-button {
    text-align: center;
    font-weight: 400;
  }
  
  .cta-buttons-title span,
  .cta-button span {
    display: block;
    width: 100%;
    line-height: 0.9;
  }
  
  .cta-buttons-title span:not(:first-child),
  .cta-button .text span:not(:first-child) {
    font-family: Acumin;
    font-weight: 700;
    font-stretch: condensed;
  }
  
  .cta-buttons-title span:first-child,
  .cta-button .text span:first-child {
    font-family: Hello-beautiful;
  }
  
  .cta-buttons-title {
    text-transform: none;
    color: #666;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  
  @media (max-width: 767px) {
    .cta-buttons-title {
      max-width: 320px;
    }
  }
  
  .cta-buttons-title span:not(:first-child) {
    font-size: 28px;
  }
  
  .cta-buttons-title span:first-child {
    font-size: 49px;
  }
  
  @media (min-width: 992px) {
    .cta-buttons-title span:not(:first-child) {
      font-size: 40px;
    }
  
    .cta-buttons-title span:first-child {
      font-size: 64px;
    }
  }
  
  .cta-button {
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid white;
    background-color: #666;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 0 2px #147c3f;
            box-shadow: 0 0 0 2px #147c3f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
       -ms-flex-align: center;
          -webkit-align-items: center;
            align-items: center;
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
            transition: -webkit-box-shadow .2s ease-in-out;
            transition: box-shadow .2s ease-in-out;
            transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  }
  
  @media (min-width: 992px) {
    .cta-button {
      overflow: hidden;
      border-width: 7px;
    }
  }
  
  .cta-button:focus {
    outline: none;
  }
  
  .cta-button:focus,
  .cta-button:hover,
  .cta-button.hover {
    text-shadow: 0 3px 15px rgba(0,0,0, .35);
    -webkit-transition: text-shadow .2s ease-in-out;
            transition: text-shadow .2s ease-in-out;
    -webkit-box-shadow: 0 0 0 2px #147c3f, 0px 14px 25px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0 2px #147c3f, 0px 14px 25px -2px rgba(0, 0, 0, 0.2);
  }
  
  .cta-button:before {
    content: "";
    display: block;
    float: left;
    width: 1px;
    margin-left: -1px;
    margin-bottom: 100%;
  }
  
  .cta-button:after {
    content: "";
    display: block;
    background-color: #666;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
  }
  
  .cta-button,
  .cta-button:after,
  .cta-button .tick {
    border-radius: 50%;
  }
  
  .cta-button .text,
  .cta-button .proveg-icon {
    color: white;
  }
  
  .cta-button .text {
    font-weight: 400;
  }
  
  @media (max-width: 991px) {
    .cta-button .text {
      position: absolute;
      top: 100%;
      margin-top: 17px;
      left: 50%;
      width: auto;
      white-space: nowrap;
      color: #666;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
    }
  
    .cta-button .text span {
      display: inline-block;
      width: auto;
    }
  }
  
  .cta-button .text span:not(:first-child) {
    font-size: 24px;
  }
  
  .cta-button .text span:first-child {
    font-size: 44px;
  }
  
  .cta-button .proveg-icon {
    font-size: 60px;
  }
  
  @media screen and ( min-width: 992px ) {
    .cta-button .proveg-icon {
      font-size: 36px;
    }
  }
  
  @media (min-width: 992px) {
    .cta-button .proveg-icon {
      font-size: 50px;
      margin-bottom: 5px;
    }
  }
  
  .cta-button .tick {
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background-color: #147c3f;
    -webkit-transition: width .2s ease-in-out, opacity .3s ease-in-out;
            transition: width .2s ease-in-out, opacity .3s ease-in-out;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  
  .cta-button .tick:before {
    content: "";
    display: block;
    margin-bottom: 100%;
  }
  
  .cta-button.hover .tick {
    opacity: 0;
  }
  
  @media (min-width: 992px) {
    .cta-button .tick {
      display: block;
      position: absolute;
      z-index: -1;
      top: 50%;
      left: 50%;
      width: 0;
      opacity: 1;
      border-radius: 50%;
      border: 200px solid #147c3f;
      background-color: transparent;
      -webkit-transform: translate3d(-50%, -50%, 0);
              transform: translate3d(-50%, -50%, 0);
      -webkit-transition: width .2s ease-in-out, opacity .3s ease-in-out;
      transition: width .2s ease-in-out, opacity .3s ease-in-out;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
    }
  
    .cta-button.hover .tick {
      width: 250%;
      opacity: 0;
    }
  }
  
  /*
   * Footer
   */
  
  .footer-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-color: white;
  background-image: url('../ProVeg-footer-bg-phone.jpg');
  }
  
  
  @media  (min-width: 900px) {
    .footer-bg {
      background-image: url('../ProVeg-footer-bg-tablet.jpg');
      background-size: 100% auto;
    background-position: 50% 0;
    }
  }
  
  
  @media  (min-width: 1280px) {
    .footer-bg {
      background-image: url('../images/ProVeg-footer-bg-desktop.jpg');
    }
  }
  
  @media  (max-width: 991px) {
    .footer-desktop {
      display: none;
    }
  }
  
  @media  (min-width: 992px) {
    .footer-mobile {
      display: none;
    }
  }
  
  .footer-stack,
  .footer-row,
  .footer-left-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
       -ms-flex-align: start;
          -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                -webkit-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  
  .footer-row {
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     -webkit-justify-content: center;
            justify-content: center;
  }
  
  .footer-stack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
  }
  
  .footer-floor-1,
  .footer-floor-2,
  .footer-floor-1 a,
  .footer-floor-2 a {
    color: white;
  }
  
  .footer-floor-2 {
    background-color: rgba(44, 200, 77, 0.85);
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .footer-floor-1 {
    background-color: #147c3f;
    padding-top: 23px;
    padding-bottom: 24px;
  }
  
  .footer-row {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .footer-floor-1 .footer-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
  }
  
  .footer,
  .footer p {
    font-family: Acumin, sans-serif;
    font-weight: 400;
    font-size: 14px;
  }
  
  .footer a {
    font-weight: bold;
  }
  
  /*left menu/widgets*/
  .footer .widget,
  .footer-left-menu >li {
    min-width: 140px;
    line-height: 1.6;
    margin-right: 50px;
    margin-bottom: 20px;
  }
  
  .footer .widget a,
  .footer-left-menu a {
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  
  .footer .widget a:hover,
  .footer .widget a:focus,
  .footer-left-menu a:hover,
  .footer-left-menu a:focus {
    color: #147c3f;
  }
  
  .footer .widget .widget-title,
  .footer-left-menu>li>a {
    display: block;
    font-weight: 300;
    font-family: Acumin, sans-serif;
    font-size: 18px;
    font-stretch: condensed;
    text-transform: uppercase;
    margin-bottom: 5px;
    pointer-events: none;
  }
  
  .footer-left-menu>li>a:before {
    display: none;
  }
  
  .footer .widget .menu li:not(:last-child):not(.dropdown-item),
  .footer-left-menu .sub-menu li:not(:last-child) {
    margin-bottom: 10px;
  }
  
  .footer .widget .menu li[class$="icon-proveg"]:before,
  .footer .widget .menu li[class*="icon-proveg "]:before,
  .footer-left-menu li[class$="icon-proveg"]:before,
  .footer-left-menu li[class*="icon-proveg "]:before {
    margin-left: 0;
    margin-right: .3em;
    margin-top: .1em;
    vertical-align: top;
  }
  
  /*testimonial*/
  .footer-testimonial {
    width: 375px;
    margin-left: auto;
  }
  
  .footer-testimonial img {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    float: left;
    margin-right: 22px;
    -webkit-box-shadow: 0 0 3px white;
            box-shadow: 0 0 3px white;
  }
  
  .footer-testimonial blockquote {
    padding: 24px 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  
  .footer-testimonial .proveg-icon-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    color: #005d46;
    opacity: .3;
    z-index: -1;
  }
  
  .footer-testimonial blockquote p {
    font-family: Begum, serif;
    font-weight: 400;
    font-stretch: normal;
    font-size: 16px;
    line-height: 1.5;
    color: white;
    margin-bottom: 15px;
  }
  
  .animate {
      -webkit-animation-name: reveal;
              animation-name: reveal;
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
  }
  
  @-webkit-keyframes reveal {
      from {opacity: 0;}
      to {opacity: 1;}
  }
  
  @keyframes reveal {
      from {opacity: 0;}
      to {opacity: 1;}
  }
  
  .animate2 {
      -webkit-animation: typewriter 3.5s steps(40, end);
              animation: typewriter 3.5s steps(40, end);
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      overflow: hidden;
      white-space: nowrap;
  }
  
  @-webkit-keyframes typewriter {
      from {width: 0;}
      to {width: 100%;}
  }
  
  @keyframes typewriter {
      from {width: 0;}
      to {width: 100%;}
  }
  
  .footer-testimonial footer {
    color: #147c3f;
  }
  
  .footer-testimonial footer span {
    display: block;
  }
  
  .footer-testimonial .quote-author-name {
    font-family: Hello-beautiful, cursive;
    font-weight: normal;
    font-size: 32px;
    margin-bottom: 5px;
  }
  
  .footer-testimonial .quote-author-profession {
    font-family: Acumin, sans-serif;
    font-weight: 300;
    font-stretch: condensed;
  }
  
  /*logo*/
  .footer-logo {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 0;
  }
  
  @media (min-width: 768px) {
    .footer-logo {
      margin-right: 50px;
    }
  }
  
  /*bottom menu*/
  .footer .footer-bottom-menu>li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    line-height: 1.6;
  }
  
  /*lang menu*/
  @media (min-width: 992px) {
    .footer .lang-menu {
      margin-right: 30px;
    }
  }
  
  /*sponsors*/
  .footer .sponsors {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
    margin-left: auto;
  }
  
  .footer .sponsors img {
    display: inline-block;
    vertical-align: middle;
  }
  
  .footer .sponsors img + img {
    margin-left: 55px;
  }
  
  
  /*mobile footer*/
  .footer-mobile {
    text-align: center;
  }
  
  .footer-mobile,
  .footer-mobile a {
    font-family: Acumin, sans-serif;
    font-weight: 700;
    font-size: 14px;
  }
  
  .footer-mobile .footer-stack {
    -webkit-box-align: center;
       -ms-flex-align: center;
          -webkit-align-items: center;
            align-items: center;
  }
  
  .footer-mobile .footer-menu {
    line-height: 1.6;
    margin-top: 10px;
  }
  
  .footer-mobile .footer-menu > li:not(:last-child) {
    margin-bottom: 10px;
  }
  
  .footer-mobile .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     -webkit-justify-content: center;
            justify-content: center;
     position: relative;
     margin-top: 30px;
     margin-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
  }
  
  .footer-mobile .socials li:not(:last-child) {
    margin-right: 10px;
  }
  
  .footer-mobile .socials li a {
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #147c3f;
  }
  
  .footer-mobile .lang-menu .sub-menu {
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-1em);
            transform: translateX(-50%) translateY(-1em);
  }
  
  .footer-mobile .lang-menu li:hover .sub-menu {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  
  
  
  /*
   * "Back to top" button
   */
  
   .cd-top.cd-is-visible,
   .cd-top.cd-fade-out,
   .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  
  .cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: .8;
  }
  
  .cd-top {
    z-index: 999;
    display: inline-block;
    height: 40px;
    border-radius: 50%;
    width: 40px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background:#147c3f url('../images/cd-top-arrow.svg') no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  
  .cd-top:hover {
    opacity: 01;
  }

  /* Awards and Accreditations */

.footer-desktop .awards-accrediations {
    width: 1500px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: -20px;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
}

@media all and (max-width: 1500px) {
    .footer-desktop .awards-accrediations {
        width: 1200px;
    }
}

@media all and (max-width: 1200px) {
    .footer-desktop .awards-accrediations {
        width: 100%;
    }
    .footer-desktop .awards-accrediations .image img {
        max-width: 100%;
    }
}

.footer-desktop .awards-accrediations a {
    width: 33%;
    text-align: center;
}

.footer-desktop .awards-accrediations .image {
    height: auto;
    text-align: center;
    width:33%;
}

.footer-desktop .awards-accrediations .image img {
    max-width: 300px;
    height: auto;
    
}

.footer-desktop .awards-accrediations .image p {
    width: 100%;
    font-size: 25px;
    margin-top: 20px;
    padding-left:30px;
    padding-right:30px;
}

.footer-desktop .awards-accrediations #accreditation-3 img {
    width: 250px;
}

@media all and (min-width: 1201px) {
    .footer-desktop .awards-accrediations #accreditation-1 img {
        max-width: 415px;
    }
}
