.combine_ani {
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s;
  transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
}

.combine_ani.animated .fadeUp {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.combine_ani.animated .fadeLeft,
.combine_ani.animated .xSlide {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.fadeDown {
  -webkit-transform: translateY(-150px);
          transform: translateY(-150px);
  opacity: 0;
}

.fadeDown.animated {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.fadeUp {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.fadeUp.animated {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.fadeRight {
  -webkit-transform: translateX(150px);
          transform: translateX(150px);
  opacity: 0;
}

.fadeLeft {
  -webkit-transform: translateX(-150px);
          transform: translateX(-150px);
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.fadeLeft.animated {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.width100p {
  width: 0;
}

.width100p.animated {
  width: 100%;
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

.xSlide {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.xSlide.animated {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.hidden {
  overflow: hidden;
}

@-webkit-keyframes lineSize {
  0% {
    width: 19.53125vw;
    height: 19.53125vw;
  }
  100% {
    width: 300vw;
    height: 300vw;
  }
}

@keyframes lineSize {
  0% {
    width: 19.53125vw;
    height: 19.53125vw;
  }
  100% {
    width: 300vw;
    height: 300vw;
  }
}

@-webkit-keyframes dashOffset {
  0% {
    stroke-dashoffset: 188.4;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dashOffset {
  0% {
    stroke-dashoffset: 188.4;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}