.reasonRight1{
  animation-name: reasonRight1;
  -webkit-animation-name: reasonRight1; 

  animation-duration: 1s; 
  -webkit-animation-duration: 1s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1;

  visibility: visible !important; 
}
 
@keyframes reasonRight1 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }         
    100% {
        transform: translateX(0%);
        opacity: 1;
    }   
}

@-webkit-keyframes reasonRight1 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }        
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

.reasonRight2{
  animation-name: reasonRight2;
  -webkit-animation-name: reasonRight2; 

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1;

  visibility: visible !important; 
}
 
@keyframes reasonRight2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }         
    100% {
        transform: translateX(0%);
        opacity: 1;
    }   
}

@-webkit-keyframes reasonRight2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }        
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

.reasonBottom3 {
  animation-name: reasonBottom3;
  -webkit-animation-name: reasonBottom3; 

  animation-duration: 2s; 
  -webkit-animation-duration: 2s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1 !important;

  visibility: visible !important; 
}

@keyframes reasonBottom3 {
  0% {

      transform: translateY(100%);
      opacity: 0;
  }       
  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@-webkit-keyframes reasonBottom3 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

@media only screen and (max-width: 1170px) {
  @keyframes reasonBottom3 {
    0% {

        transform: translateY(100%) scale(0.85);
        opacity: 0;
    }       
    100% {
        transform: translateX(0%) scale(0.85);
        opacity: 1;
    }
  }

  @-webkit-keyframes reasonBottom3 {
      0% {
          -webkit-transform: translateY(100%) scale(0.85);
          opacity: 0;
      }
      50%{
          -webkit-transform: translateX(0%) scale(0.85);
          opacity: 1;
      }
  }
}

@media only screen and (max-width: 810px) {
  @keyframes reasonBottom3 {
    0% {

        transform: translateY(100%) scale(0.65);
        opacity: 0;
    }       
    100% {
        transform: translateX(0%) scale(0.65);
        opacity: 1;
    }
  }

  @-webkit-keyframes reasonBottom3 {
      0% {
          -webkit-transform: translateY(100%) scale(0.65);
          opacity: 0;
      }
      50%{
          -webkit-transform: translateX(0%) scale(0.65);
          opacity: 1;
      }
  }
}

@media only screen and (max-width: 767px) {
  @keyframes reasonBottom3 {
    0% {

        transform: translateY(100%) scale(0.5);
        opacity: 0;
    }       
    100% {
        transform: translateX(0%) scale(0.5);
        opacity: 1;
    }
  }

  @-webkit-keyframes reasonBottom3 {
      0% {
          -webkit-transform: translateY(100%) scale(0.5);
          opacity: 0;
      }
      50%{
          -webkit-transform: translateX(0%) scale(0.5);
          opacity: 1;
      }
  }
}

.reasonBottom4 {
  animation-name: reasonBottom4;
  -webkit-animation-name: reasonBottom4; 

  animation-duration: 2.5s; 
  -webkit-animation-duration: 2.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1 !important;

  visibility: visible !important; 
}

@keyframes reasonBottom4 {
  0% {
      transform: translateY(100%);
      opacity: 0;
  }       
  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@-webkit-keyframes reasonBottom4 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

.reasonBottom5 {
  animation-name: reasonBottom5;
  -webkit-animation-name: reasonBottom5; 

  animation-duration: 3.5s; 
  -webkit-animation-duration: 3.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1 !important;

  visibility: visible !important; 
}

@keyframes reasonBottom5 {
  0% {
      transform: translateY(100%);
      opacity: 0;
  }       
  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@-webkit-keyframes reasonBottom5 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

.spin200{
  animation-name: spin200;
  -webkit-animation-name: spin200;

  animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  transform: rotate(360deg);

  visibility: visible !important; 
}
 
@keyframes spin200 {
    0% {
        transform: rotate(200deg);
    }         
    100% {
        transform: rotate(360deg);
    }   
}

@-webkit-keyframes spin200 {
    0% {
        -webkit-transform: rotate(200deg);
    }        
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.compositionBottom1 {
  animation-name: compositionBottom1;
  -webkit-animation-name: compositionBottom1; 

  animation-duration: 1s; 
  -webkit-animation-duration: 1s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1;

  visibility: visible !important; 
}

@keyframes compositionBottom1 {
  0% {
      transform: translateY(100%);
      opacity: 0;
  }       
  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@-webkit-keyframes compositionBottom1 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

@media only screen and (max-width: 480px) {
  @keyframes compositionBottom1 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }       
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
  }

  @-webkit-keyframes compositionBottom1 {
      0% {
          -webkit-transform: translateX(-100%);
          opacity: 0;
      }
      50%{
          -webkit-transform: translateX(0%);
          opacity: 1;
      }
  }
}

.compositionBottom2 {
  animation-name: compositionBottom2;
  -webkit-animation-name: compositionBottom2; 

  animation-duration: 1.3s; 
  -webkit-animation-duration: 1.3s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1;

  visibility: visible !important; 
}

@keyframes compositionBottom2 {
  0% {
      transform: translateY(100%);
      opacity: 0;
  }       
  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@-webkit-keyframes compositionBottom2 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}
@media only screen and (max-width: 480px) {
  @keyframes compositionBottom2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }       
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
  }

  @-webkit-keyframes compositionBottom2 {
      0% {
          -webkit-transform: translateX(-100%);
          opacity: 0;
      }
      50%{
          -webkit-transform: translateX(0%);
          opacity: 1;
      }
  }
}

.compositionBottom3 {
  animation-name: compositionBottom3;
  -webkit-animation-name: compositionBottom3; 

  animation-duration: 1.6s; 
  -webkit-animation-duration: 1.6s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1;

  visibility: visible !important; 
}

@keyframes compositionBottom3 {
  0% {
      transform: translateY(100%);
      opacity: 0;
  }       
  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@-webkit-keyframes compositionBottom3 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

@media only screen and (max-width: 480px) {
  @keyframes compositionBottom3 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }       
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
  }

  @-webkit-keyframes compositionBottom3 {
      0% {
          -webkit-transform: translateX(-100%);
          opacity: 0;
      }
      50%{
          -webkit-transform: translateX(0%);
          opacity: 1;
      }
  }
}

.compositionBottom4 {
  animation-name: compositionBottom4;
  -webkit-animation-name: compositionBottom4; 

  animation-duration: 1.9s; 
  -webkit-animation-duration: 1.9s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1;

  visibility: visible !important; 
}

@keyframes compositionBottom4 {
  0% {
      transform: translateY(100%);
      opacity: 0;
  }       
  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@-webkit-keyframes compositionBottom4 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

@media only screen and (max-width: 480px) {
  @keyframes compositionBottom4 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }       
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
  }

  @-webkit-keyframes compositionBottom4 {
      0% {
          -webkit-transform: translateX(-100%);
          opacity: 0;
      }
      50%{
          -webkit-transform: translateX(0%);
          opacity: 1;
      }
  }
}

.compositionBottom5 {
  animation-name: compositionBottom5;
  -webkit-animation-name: compositionBottom5; 

  animation-duration: 2.2s; 
  -webkit-animation-duration: 2.2s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1;

  visibility: visible !important; 
}

@keyframes compositionBottom5 {
  0% {
      transform: translateY(100%);
      opacity: 0;
  }       
  100% {
      transform: translateX(0%);
      opacity: 1;
  }
}

@-webkit-keyframes compositionBottom5 {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

@media only screen and (max-width: 480px) {
  @keyframes compositionBottom5 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }       
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
  }

  @-webkit-keyframes compositionBottom5 {
      0% {
          -webkit-transform: translateX(-100%);
          opacity: 0;
      }
      50%{
          -webkit-transform: translateX(0%);
          opacity: 1;
      }
  }
}

.slideRight1{
  animation-name: slideRight1;
  -webkit-animation-name: slideRight1; 

  animation-duration: 0.5s; 
  -webkit-animation-duration: 0.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     

  opacity: 1 !important;

  visibility: visible !important; 
}
 
@keyframes slideRight1 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }         
    100% {
        transform: translateX(0%);
        opacity: 1;
    }   
}

@-webkit-keyframes slideRight1 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }        
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

.slideRight2{
  animation-name: slideRight2;
  -webkit-animation-name: slideRight2; 

  animation-duration: 1s; 
  -webkit-animation-duration: 1s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     
  
  opacity: 1;

  visibility: visible !important; 
}
 
@keyframes slideRight2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }         
    100% {
        transform: translateX(0%);
        opacity: 1;
    }   
}

@-webkit-keyframes slideRight2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }        
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}

.slideRight3{
  animation-name: slideRight3;
  -webkit-animation-name: slideRight3; 

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;     
  
  opacity: 1 !important;

  visibility: visible !important; 
}
 
@keyframes slideRight3 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }         
    100% {
        transform: translateX(0%);
        opacity: 1;
    }   
}

@-webkit-keyframes slideRight3 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }        
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}