/* inspired by bootstrap */
#pa-timeline {
  margin-bottom: -4000px;
  height: 4000px;
  width: 100px;
  background-color: #000;
  position: relative; }

.pa-pointer {
  border-bottom: 1px solid #f79433;
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  color: #f79433;
  margin-top: -16px;
  line-height: 16px;
  font-size: 12px;
  text-align: center; }
  .pa-pointer.end {
    margin-top: 0;
    border-bottom: none;
    border-top: 1px solid #f79433; }

.process-animation__wrapper {
  padding: 1px 0; }
  @media (max-height: 800px), (max-width: 1200px) {
    .process-animation__wrapper--active .header-home-composed {
      margin: 30px 0 50px; } }
  @media (max-height: 600px), (max-width: 992px) {
    .process-animation__wrapper--active .header-home-composed {
      margin: 10px 0 20px; }
      .process-animation__wrapper--active .header-home-composed .title {
        font-size: 24px;
        font-size: 1.5rem; }
      .process-animation__wrapper--active .header-home-composed .subtitle {
        font-size: 13px;
        font-size: 0.8125rem; } }

.process-animation__steps {
  top: 50%;
  margin-top: -11px;
  position: absolute;
  width: 150px;
  margin-left: -75px;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  font: 300 16px/22px "Oswald", sans-serif;
  color: #3d3d48; }

.process-animation__step {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.process-animation__steps.act-1 .process-animation__step.step-1,
.process-animation__steps.act-2 .process-animation__step.step-2,
.process-animation__steps.act-3 .process-animation__step.step-3 {
  font-weight: 500;
  color: #f79433;
  text-decoration: underline; }

.process-animation__label {
  width: 260px;
  max-width: 160px; }

.process-animation__container {
  position: relative;
  padding: 0; }

.process-animation__left {
  padding: 0 15px;
  width: 66.66667%; }

.process-animation__right {
  padding: 0 12px;
  width: 33.33333%; }

.process-animation__description {
  overflow: hidden; }
  .process-animation__description__line {
    width: 300%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; }
    .process-animation__description__line.act-1 {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
      .process-animation__description__line.act-1 .f-anim__desc--1 {
        opacity: 1; }
    .process-animation__description__line.act-2 {
      -webkit-transform: translateX(-33.33333%);
          -ms-transform: translateX(-33.33333%);
              transform: translateX(-33.33333%); }
      .process-animation__description__line.act-2 .f-anim__desc--2 {
        opacity: 1; }
    .process-animation__description__line.act-3 {
      -webkit-transform: translateX(-66.66667%);
          -ms-transform: translateX(-66.66667%);
              transform: translateX(-66.66667%); }
      .process-animation__description__line.act-3 .f-anim__desc--3 {
        opacity: 1; }

.process-animation__scene {
  margin: 0 -14% 0 -9%; }
  @media (max-height: 600px), (max-width: 992px) {
    .process-animation__scene {
      margin: 0; } }

.f-anim__desc {
  width: 33.3333%;
  padding: 0 3px;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }
  .f-anim__desc__head {
    font: 400 26px/34px "Oswald", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 0.5em;
    padding: 0 0 0.5em;
    border-bottom: 1px solid #e3e5e4; }
  .f-anim__desc__num {
    color: #f79433;
    font: 400 60px/70px "Oswald", sans-serif;
    letter-spacing: 0.04em; }
  .f-anim__desc__content {
    text-align: justify; }
  @media (max-height: 600px), (max-width: 992px) {
    .f-anim__desc__head {
      font: 400 16px/22px "Oswald", sans-serif; }
    .f-anim__desc__num {
      font: 400 24px/30px "Oswald", sans-serif; }
    .f-anim__desc__content.roboto.std {
      font: 300 12px/18px "Roboto", "Helvetica Neue", helvetica, arial, sans-serif; } }

@media (max-width: 767px) {
  .home-animation-section {
    display: none !important; } }

/*# sourceMappingURL=anim.css.map */