.animate {
  opacity: 0; }

.animated {
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  opacity: 1 !important; }

.custom-animate {
  opacity: 0;
  -webkit-transform: scale(0.6);
  -o-transform: scale(0.6);
     transform: scale(0.6);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: opacity 0.3s ease-out, -webkit-transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: opacity 0.3s ease-out, -o-transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s ease-out;
  transition: transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s ease-out, -webkit-transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28), -o-transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28); }

.custom-animating {
  opacity: 1 !important;
  -webkit-transform: scale(1);
  -o-transform: scale(1);
     transform: scale(1); }

[data-aos="pp-fade-left"], [data-aos="pp-fade-right"], [data-aos="pp-fade-in"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, -o-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform, -o-transform; }
  [data-aos="pp-fade-left"].aos-animate, [data-aos="pp-fade-right"].aos-animate, [data-aos="pp-fade-in"].aos-animate {
    opacity: 1; }

@media screen and (min-width: 768px) {
  [data-aos="pp-fade-left"] {
    -webkit-transform: translateX(30px);
         -o-transform: translateX(30px);
            transform: translateX(30px); }
    [data-aos="pp-fade-left"].aos-animate {
      -webkit-transform: translateX(0);
           -o-transform: translateX(0);
              transform: translateX(0); } }

@media screen and (min-width: 768px) {
  [data-aos="pp-fade-right"] {
    -webkit-transform: translateX(-30px);
         -o-transform: translateX(-30px);
            transform: translateX(-30px); }
    [data-aos="pp-fade-right"].aos-animate {
      -webkit-transform: translateX(0);
           -o-transform: translateX(0);
              transform: translateX(0); } }