@keyframes screen-saver-anim1-kf {
  0% { left: 0px; }
  100% { left: -1366px; }
}
.screen-saver-anim1 {
    animation: screen-saver-anim1-kf 1s ease;
    animation-fill-mode: forwards;
}

@keyframes blue-div-anim1-kf {
  0% { left: 1366px; }
  50% { left: 0px; }
  100% { left: -1366px; }
}
.blue-div-anim1 {
    animation: blue-div-anim1-kf 2s ease;
    animation-fill-mode: forwards;
}


@keyframes poll-div-anim1-kf {
  0% { left: 1366px; }
  100% { left: 0px;  }
}
.poll-div-anim1 {
    animation: poll-div-anim1-kf 1s ease;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

/* New */
@keyframes poll-div-ferring-label-anim1-kf {
  0% { left: -375px; }
  100% { left: 306px;  }
}
.poll-div-ferring-label-anim1 {
    animation: poll-div-ferring-label-anim1-kf 1s ease;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}


@keyframes poll-choose-an-option-label-anim1-kf {
  0% { left: 189px; }
  100% { left: 53px;  }
}

.poll-choose-an-option-label-anim1 {
    animation: poll-choose-an-option-label-anim1-kf 1s ease;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

@keyframes share-your-thoughts-parent-anim1-kf {
  0% { left: 0px; }
  100% { left: 1255px; opacity:0;}
}

.share-your-thoughts-parent-anim1 {
    animation: share-your-thoughts-parent-anim1-kf 1s ease;
    animation-fill-mode: forwards;
}

/* Share button anim */
@keyframes poll-share-container-anim-kf {
  0% { top: 1024px; }
  100% { top: 903px;  }
}

.poll-share-container-anim {
    animation: poll-share-container-anim-kf 0.7s ease;
    animation-fill-mode: forwards;
}

/*anim2*/

@keyframes poll-div-anim2-kf {
  0%   { left: 0px; }
  100% { left: 1366px; }
}
.poll-div-anim2 {
    animation: poll-div-anim2-kf 1s ease;
    animation-fill-mode: forwards;
}

@keyframes blue-div-anim2-kf {
  0% { left: -1366px; }
  50% { left: 0px; }
  100% { left: 1366px; }
}

.blue-div-anim2 {
    animation: blue-div-anim2-kf 2s ease;
    animation-fill-mode: forwards;
}

@keyframes screen-saver-anim2-kf {
  0% { left: -1366px; }
  100% { left: 0px; }
  animation-delay: 1s;
}
.screen-saver-anim2 {
    animation: screen-saver-anim2-kf 1s ease;
    animation-fill-mode: forwards;
}

@keyframes poll-div-ferring-label-anim2-kf {
  0% { left: 306px; }
  100% { left: 1672px;  } /*306 + 1366 */
}

.poll-div-ferring-label-anim2 {
    animation: poll-div-ferring-label-anim2-kf 1s ease;
    animation-fill-mode: forwards;
}

/* Old

@keyframes blue-div-anim2-kf {
  0% { left: 1366px; }
  1% { left: 0px; }
  100% { left: -1366px; }
}

@keyframes blue-div-anim2-kf {
  0% { left: 1366px; }
  1% { left: 0px; }
  100% { left: -1366px; }
}


@keyframes poll-div-out-anim2-kf {
  0% { left: 0px; }
  100% { left: 1366px;  }
}

.poll-div-out-anim2 {
    animation: poll-div-out-anim2-kf 1s ease;
    animation-fill-mode: forwards;
}

@keyframes thank-div-in-anim2-kf {
  0% { left: -1366px; }
  100% { left: 0px;  }
}

.thank-div-in-anim2 {
    animation: thank-div-in-anim2-kf 1s ease;
    animation-fill-mode: forwards;
}
*/

/* anim3 */

@keyframes thank-div-out-anim-kf {
  0% { left: 0px; }
  100% { left: 1366px;  }
}

.thank-div-out-anim {
    animation: thank-div-out-anim-kf 1s ease;
    animation-fill-mode: forwards;
}

@keyframes share-div-in-anim-kf {
  0% { left: -1366px; }
  100% { left: 0px;  }
}

.share-div-in-anim {
    animation: share-div-in-anim-kf 1s ease;
    animation-fill-mode: forwards;
}