body.stop-scrolling {



    height: 100%;



    overflow-y: scroll;



   }







.sweet-overlay {



  background-color: black;



  /* IE8 */



  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";



  /* IE8 */



  background-color: rgba(0, 0, 0, 0.4);



  position: fixed;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  display: none;



  z-index: 10000; }







.sweet-alert {



  background-color: white;



  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;



  width: 478px;



  padding: 17px;



  border-radius: 5px;



  text-align: center;



  position: fixed;



  left: 50%;



  top: 50%;



  margin-left: -256px;



  margin-top: -200px;



  overflow: hidden;



  display: none;



  z-index: 999999; }



  @media all and (max-width: 540px) {



    .sweet-alert {



      width: auto;



      margin-left: 0;



      margin-right: 0;



      left: 15px;



      right: 15px; } }



  .sweet-alert h2 {



    color: #575757;



    font-size: 30px;



    text-align: center;



    font-weight: 600;



    text-transform: none;



    position: relative;



    margin: 25px 0;



    padding: 0;



    line-height: 40px;



    display: block; }



  .sweet-alert p {



    color: #797979;



    font-size: 16px;



    text-align: center;



    font-weight: 300;



    position: relative;



    text-align: inherit;



    float: none;



    margin: 0;



    padding: 0;



    line-height: normal; }



  .sweet-alert fieldset {



    border: none;



    position: relative; }



  .sweet-alert .sa-error-container {



    background-color: #f1f1f1;



    margin-left: -17px;



    margin-right: -17px;



    overflow: hidden;



    padding: 0 10px;



    max-height: 0;



    webkit-transition: padding 0.15s, max-height 0.15s;



    transition: padding 0.15s, max-height 0.15s; }



    .sweet-alert .sa-error-container.show {



      padding: 10px 0;



      max-height: 100px;



      webkit-transition: padding 0.2s, max-height 0.2s;



      transition: padding 0.25s, max-height 0.25s; }



    .sweet-alert .sa-error-container .icon {



      display: inline-block;



      width: 24px;



      height: 24px;



      border-radius: 50%;



      background-color: #ea7d7d;



      color: white;



      line-height: 24px;



      text-align: center;



      margin-right: 3px; }



    .sweet-alert .sa-error-container p {



      display: inline-block; }



  .sweet-alert .sa-input-error {



    position: absolute;



    top: 29px;



    right: 26px;



    width: 20px;



    height: 20px;



    opacity: 0;



    -webkit-transform: scale(0.5);



    transform: scale(0.5);



    -webkit-transform-origin: 50% 50%;



    transform-origin: 50% 50%;



    -webkit-transition: all 0.1s;



    transition: all 0.1s; }



    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {



      content: "";



      width: 20px;



      height: 6px;



      background-color: #f06e57;



      border-radius: 3px;



      position: absolute;



      top: 50%;



      margin-top: -4px;



      left: 50%;



      margin-left: -9px; }



    .sweet-alert .sa-input-error::before {



      -webkit-transform: rotate(-45deg);



      transform: rotate(-45deg); }



    .sweet-alert .sa-input-error::after {



      -webkit-transform: rotate(45deg);



      transform: rotate(45deg); }



    .sweet-alert .sa-input-error.show {



      opacity: 1;



      -webkit-transform: scale(1);



      transform: scale(1); }



  .sweet-alert input {



    width: 100%;



    box-sizing: border-box;



    border-radius: 3px;



    border: 1px solid #d7d7d7;



    height: 43px;



    margin-top: 10px;



    margin-bottom: 17px;



    font-size: 18px;



    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);



    padding: 0 12px;



    display: none;



    -webkit-transition: all 0.3s;



    transition: all 0.3s; }



    .sweet-alert input:focus {



      outline: none;



      box-shadow: 0px 0px 3px #c4e6f5;



      border: 1px solid #b4dbed; }



      .sweet-alert input:focus::-moz-placeholder {



        transition: opacity 0.3s 0.03s ease;



        opacity: 0.5; }



      .sweet-alert input:focus:-ms-input-placeholder {



        transition: opacity 0.3s 0.03s ease;



        opacity: 0.5; }



      .sweet-alert input:focus::-webkit-input-placeholder {



        transition: opacity 0.3s 0.03s ease;



        opacity: 0.5; }



    .sweet-alert input::-moz-placeholder {



      color: #bdbdbd; }



    .sweet-alert input:-ms-input-placeholder {



      color: #bdbdbd; }



    .sweet-alert input::-webkit-input-placeholder {



      color: #bdbdbd; }



  .sweet-alert.show-input input {



    display: block; }



  .sweet-alert .sa-confirm-button-container {



    display: inline-block;



    position: relative; }



  .sweet-alert .la-ball-fall {



    position: absolute;



    left: 50%;



    top: 50%;



    margin-left: -27px;



    margin-top: 4px;



    opacity: 0;



    visibility: hidden; }



  .sweet-alert button {



    background-color: #8CD4F5;



    color: white;



    border: none;



    box-shadow: none;



    font-size: 17px;



    font-weight: 500;



    -webkit-border-radius: 4px;



    border-radius: 5px;



    padding: 5px 39px;



    margin: 26px 5px 0 5px;



    cursor: pointer; }



    .sweet-alert button:focus {



      outline: none;



      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }



    .sweet-alert button:hover {



      background-color: #7ecff4; }



    .sweet-alert button:active {



      background-color: #5dc2f1; }



    .sweet-alert button.cancel {



      background-color: #C1C1C1; }



      .sweet-alert button.cancel:hover {



        background-color: #b9b9b9; }



      .sweet-alert button.cancel:active {



        background-color: #a8a8a8; }



      .sweet-alert button.cancel:focus {



        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }



    .sweet-alert button[disabled] {



      opacity: .6;



      cursor: default; }



    .sweet-alert button.confirm[disabled] {



      color: transparent; }



      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {



        opacity: 1;



        visibility: visible;



        transition-delay: 0s; }



    .sweet-alert button::-moz-focus-inner {



      border: 0; }



  .sweet-alert[data-has-cancel-button=false] button {



    box-shadow: none !important; }



  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {



    padding-bottom: 40px; }



  .sweet-alert .sa-icon {



    width: 80px;



    height: 80px;



    border: 4px solid gray;



    -webkit-border-radius: 40px;



    border-radius: 40px;



    border-radius: 50%;



    margin: 20px auto;



    padding: 0;



    position: relative;



    box-sizing: content-box; }



    .sweet-alert .sa-icon.sa-error {



      border-color: #F27474; }



      .sweet-alert .sa-icon.sa-error .sa-x-mark {



        position: relative;



        display: block; }



      .sweet-alert .sa-icon.sa-error .sa-line {



        position: absolute;



        height: 5px;



        width: 47px;



        background-color: #F27474;



        display: block;



        top: 37px;



        border-radius: 2px; }



        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {



          -webkit-transform: rotate(45deg);



          transform: rotate(45deg);



          left: 17px; }



        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {



          -webkit-transform: rotate(-45deg);



          transform: rotate(-45deg);



          right: 16px; }



    .sweet-alert .sa-icon.sa-warning {



      border-color: #F8BB86; }



      .sweet-alert .sa-icon.sa-warning .sa-body {



        position: absolute;



        width: 5px;



        height: 47px;



        left: 50%;



        top: 10px;



        -webkit-border-radius: 2px;



        border-radius: 2px;



        margin-left: -2px;



        background-color: #F8BB86; }



      .sweet-alert .sa-icon.sa-warning .sa-dot {



        position: absolute;



        width: 7px;



        height: 7px;



        -webkit-border-radius: 50%;



        border-radius: 50%;



        margin-left: -3px;



        left: 50%;



        bottom: 10px;



        background-color: #F8BB86; }



    .sweet-alert .sa-icon.sa-info {



      border-color: #C9DAE1; }



      .sweet-alert .sa-icon.sa-info::before {



        content: "";



        position: absolute;



        width: 5px;



        height: 29px;



        left: 50%;



        bottom: 17px;



        border-radius: 2px;



        margin-left: -2px;



        background-color: #C9DAE1; }



      .sweet-alert .sa-icon.sa-info::after {



        content: "";



        position: absolute;



        width: 7px;



        height: 7px;



        border-radius: 50%;



        margin-left: -3px;



        top: 19px;



        background-color: #C9DAE1; }



    .sweet-alert .sa-icon.sa-success {



      border-color: #A5DC86; }



      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {



        content: '';



        -webkit-border-radius: 40px;



        border-radius: 40px;



        border-radius: 50%;



        position: absolute;



        width: 60px;



        height: 120px;



        background: white;



        -webkit-transform: rotate(45deg);



        transform: rotate(45deg); }



      .sweet-alert .sa-icon.sa-success::before {



        -webkit-border-radius: 120px 0 0 120px;



        border-radius: 120px 0 0 120px;



        top: -7px;



        left: -33px;



        -webkit-transform: rotate(-45deg);



        transform: rotate(-45deg);



        -webkit-transform-origin: 60px 60px;



        transform-origin: 60px 60px; }



      .sweet-alert .sa-icon.sa-success::after {



        -webkit-border-radius: 0 120px 120px 0;



        border-radius: 0 120px 120px 0;



        top: -11px;



        left: 30px;



        -webkit-transform: rotate(-45deg);



        transform: rotate(-45deg);



        -webkit-transform-origin: 0px 60px;



        transform-origin: 0px 60px; }



      .sweet-alert .sa-icon.sa-success .sa-placeholder {



        width: 80px;



        height: 80px;



        border: 4px solid rgba(165, 220, 134, 0.2);



        -webkit-border-radius: 40px;



        border-radius: 40px;



        border-radius: 50%;



        box-sizing: content-box;



        position: absolute;



        left: -4px;



        top: -4px;



        z-index: 2; }



      .sweet-alert .sa-icon.sa-success .sa-fix {



        width: 5px;



        height: 90px;



        background-color: white;



        position: absolute;



        left: 28px;



        top: 8px;



        z-index: 1;



        -webkit-transform: rotate(-45deg);



        transform: rotate(-45deg); }



      .sweet-alert .sa-icon.sa-success .sa-line {



        height: 5px;



        background-color: #A5DC86;



        display: block;



        border-radius: 2px;



        position: absolute;



        z-index: 2; }



        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {



          width: 25px;



          left: 14px;



          top: 46px;



          -webkit-transform: rotate(45deg);



          transform: rotate(45deg); }



        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {



          width: 47px;



          right: 8px;



          top: 38px;



          -webkit-transform: rotate(-45deg);



          transform: rotate(-45deg); }



    .sweet-alert .sa-icon.sa-custom {



      background-size: contain;



      border-radius: 0;



      border: none;



      background-position: center center;



      background-repeat: no-repeat; }







/*



 * Animations



 */



@-webkit-keyframes showSweetAlert {



  0% {



    transform: scale(0.7);



    -webkit-transform: scale(0.7); }



  45% {



    transform: scale(1.05);



    -webkit-transform: scale(1.05); }



  80% {



    transform: scale(0.95);



    -webkit-transform: scale(0.95); }



  100% {



    transform: scale(1);



    -webkit-transform: scale(1); } }







@keyframes showSweetAlert {



  0% {



    transform: scale(0.7);



    -webkit-transform: scale(0.7); }



  45% {



    transform: scale(1.05);



    -webkit-transform: scale(1.05); }



  80% {



    transform: scale(0.95);



    -webkit-transform: scale(0.95); }



  100% {



    transform: scale(1);



    -webkit-transform: scale(1); } }







@-webkit-keyframes hideSweetAlert {



  0% {



    transform: scale(1);



    -webkit-transform: scale(1); }



  100% {



    transform: scale(0.5);



    -webkit-transform: scale(0.5); } }







@keyframes hideSweetAlert {



  0% {



    transform: scale(1);



    -webkit-transform: scale(1); }



  100% {



    transform: scale(0.5);



    -webkit-transform: scale(0.5); } }







@-webkit-keyframes slideFromTop {



  0% {



    top: 0%; }



  100% {



    top: 50%; } }







@keyframes slideFromTop {



  0% {



    top: 0%; }



  100% {



    top: 50%; } }







@-webkit-keyframes slideToTop {



  0% {



    top: 50%; }



  100% {



    top: 0%; } }







@keyframes slideToTop {



  0% {



    top: 50%; }



  100% {



    top: 0%; } }







@-webkit-keyframes slideFromBottom {



  0% {



    top: 70%; }



  100% {



    top: 50%; } }







@keyframes slideFromBottom {



  0% {



    top: 70%; }



  100% {



    top: 50%; } }







@-webkit-keyframes slideToBottom {



  0% {



    top: 50%; }



  100% {



    top: 70%; } }







@keyframes slideToBottom {



  0% {



    top: 50%; }



  100% {



    top: 70%; } }







.showSweetAlert[data-animation=pop] {



  -webkit-animation: showSweetAlert 0.3s;



  animation: showSweetAlert 0.3s; }







.showSweetAlert[data-animation=none] {



  -webkit-animation: none;



  animation: none; }







.showSweetAlert[data-animation=slide-from-top] {



  -webkit-animation: slideFromTop 0.3s;



  animation: slideFromTop 0.3s; }







.showSweetAlert[data-animation=slide-from-bottom] {



  -webkit-animation: slideFromBottom 0.3s;



  animation: slideFromBottom 0.3s; }







.hideSweetAlert[data-animation=pop] {



  -webkit-animation: hideSweetAlert 0.2s;



  animation: hideSweetAlert 0.2s; }







.hideSweetAlert[data-animation=none] {



  -webkit-animation: none;



  animation: none; }







.hideSweetAlert[data-animation=slide-from-top] {



  -webkit-animation: slideToTop 0.4s;



  animation: slideToTop 0.4s; }







.hideSweetAlert[data-animation=slide-from-bottom] {



  -webkit-animation: slideToBottom 0.3s;



  animation: slideToBottom 0.3s; }







@-webkit-keyframes animateSuccessTip {



  0% {



    width: 0;



    left: 1px;



    top: 19px; }



  54% {



    width: 0;



    left: 1px;



    top: 19px; }



  70% {



    width: 50px;



    left: -8px;



    top: 37px; }



  84% {



    width: 17px;



    left: 21px;



    top: 48px; }



  100% {



    width: 25px;



    left: 14px;



    top: 45px; } }







@keyframes animateSuccessTip {



  0% {



    width: 0;



    left: 1px;



    top: 19px; }



  54% {



    width: 0;



    left: 1px;



    top: 19px; }



  70% {



    width: 50px;



    left: -8px;



    top: 37px; }



  84% {



    width: 17px;



    left: 21px;



    top: 48px; }



  100% {



    width: 25px;



    left: 14px;



    top: 45px; } }







@-webkit-keyframes animateSuccessLong {



  0% {



    width: 0;



    right: 46px;



    top: 54px; }



  65% {



    width: 0;



    right: 46px;



    top: 54px; }



  84% {



    width: 55px;



    right: 0px;



    top: 35px; }



  100% {



    width: 47px;



    right: 8px;



    top: 38px; } }







@keyframes animateSuccessLong {



  0% {



    width: 0;



    right: 46px;



    top: 54px; }



  65% {



    width: 0;



    right: 46px;



    top: 54px; }



  84% {



    width: 55px;



    right: 0px;



    top: 35px; }



  100% {



    width: 47px;



    right: 8px;



    top: 38px; } }







@-webkit-keyframes rotatePlaceholder {



  0% {



    transform: rotate(-45deg);



    -webkit-transform: rotate(-45deg); }



  5% {



    transform: rotate(-45deg);



    -webkit-transform: rotate(-45deg); }



  12% {



    transform: rotate(-405deg);



    -webkit-transform: rotate(-405deg); }



  100% {



    transform: rotate(-405deg);



    -webkit-transform: rotate(-405deg); } }







@keyframes rotatePlaceholder {



  0% {



    transform: rotate(-45deg);



    -webkit-transform: rotate(-45deg); }



  5% {



    transform: rotate(-45deg);



    -webkit-transform: rotate(-45deg); }



  12% {



    transform: rotate(-405deg);



    -webkit-transform: rotate(-405deg); }



  100% {



    transform: rotate(-405deg);



    -webkit-transform: rotate(-405deg); } }







.animateSuccessTip {



  -webkit-animation: animateSuccessTip 0.75s;



  animation: animateSuccessTip 0.75s; }







.animateSuccessLong {



  -webkit-animation: animateSuccessLong 0.75s;



  animation: animateSuccessLong 0.75s; }







.sa-icon.sa-success.animate::after {



  -webkit-animation: rotatePlaceholder 4.25s ease-in;



  animation: rotatePlaceholder 4.25s ease-in; }







@-webkit-keyframes animateErrorIcon {



  0% {



    transform: rotateX(100deg);



    -webkit-transform: rotateX(100deg);



    opacity: 0; }



  100% {



    transform: rotateX(0deg);



    -webkit-transform: rotateX(0deg);



    opacity: 1; } }







@keyframes animateErrorIcon {



  0% {



    transform: rotateX(100deg);



    -webkit-transform: rotateX(100deg);



    opacity: 0; }



  100% {



    transform: rotateX(0deg);



    -webkit-transform: rotateX(0deg);



    opacity: 1; } }







.animateErrorIcon {



  -webkit-animation: animateErrorIcon 0.5s;



  animation: animateErrorIcon 0.5s; }







@-webkit-keyframes animateXMark {



  0% {



    transform: scale(0.4);



    -webkit-transform: scale(0.4);



    margin-top: 26px;



    opacity: 0; }



  50% {



    transform: scale(0.4);



    -webkit-transform: scale(0.4);



    margin-top: 26px;



    opacity: 0; }



  80% {



    transform: scale(1.15);



    -webkit-transform: scale(1.15);



    margin-top: -6px; }



  100% {



    transform: scale(1);



    -webkit-transform: scale(1);



    margin-top: 0;



    opacity: 1; } }







@keyframes animateXMark {



  0% {



    transform: scale(0.4);



    -webkit-transform: scale(0.4);



    margin-top: 26px;



    opacity: 0; }



  50% {



    transform: scale(0.4);



    -webkit-transform: scale(0.4);



    margin-top: 26px;



    opacity: 0; }



  80% {



    transform: scale(1.15);



    -webkit-transform: scale(1.15);



    margin-top: -6px; }



  100% {



    transform: scale(1);



    -webkit-transform: scale(1);



    margin-top: 0;



    opacity: 1; } }







.animateXMark {



  -webkit-animation: animateXMark 0.5s;



  animation: animateXMark 0.5s; }







@-webkit-keyframes pulseWarning {



  0% {



    border-color: #F8D486; }



  100% {



    border-color: #F8BB86; } }







@keyframes pulseWarning {



  0% {



    border-color: #F8D486; }



  100% {



    border-color: #F8BB86; } }







.pulseWarning {



  -webkit-animation: pulseWarning 0.75s infinite alternate;



  animation: pulseWarning 0.75s infinite alternate; }







@-webkit-keyframes pulseWarningIns {



  0% {



    background-color: #F8D486; }



  100% {



    background-color: #F8BB86; } }







@keyframes pulseWarningIns {



  0% {



    background-color: #F8D486; }



  100% {



    background-color: #F8BB86; } }







.pulseWarningIns {



  -webkit-animation: pulseWarningIns 0.75s infinite alternate;



  animation: pulseWarningIns 0.75s infinite alternate; }







@-webkit-keyframes rotate-loading {



  0% {



    transform: rotate(0deg); }



  100% {



    transform: rotate(360deg); } }







@keyframes rotate-loading {



  0% {



    transform: rotate(0deg); }



  100% {



    transform: rotate(360deg); } }







/* Internet Explorer 9 has some special quirks that are fixed here */



/* The web_icons are not animated. */



/* This file is automatically merged into sweet-alert.min.js through Gulp */



/* Error icon */



.sweet-alert .sa-icon.sa-error .sa-line.sa-left {



  -ms-transform: rotate(45deg) \9; }







.sweet-alert .sa-icon.sa-error .sa-line.sa-right {



  -ms-transform: rotate(-45deg) \9; }







/* Success icon */



.sweet-alert .sa-icon.sa-success {



  border-color: transparent\9; }







.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {



  -ms-transform: rotate(45deg) \9; }







.sweet-alert .sa-icon.sa-success .sa-line.sa-long {



  -ms-transform: rotate(-45deg) \9; }







/*!



 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)



 * Copyright 2015 Daniel Cardoso <@DanielCardoso>



 * Licensed under MIT



 */



.la-ball-fall,



.la-ball-fall > div {



  position: relative;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box; }







.la-ball-fall {



  display: block;



  font-size: 0;



  color: #fff; }







.la-ball-fall.la-dark {



  color: #333; }







.la-ball-fall > div {



  display: inline-block;



  float: none;



  background-color: currentColor;



  border: 0 solid currentColor; }







.la-ball-fall {



  width: 54px;



  height: 18px; }







.la-ball-fall > div {



  width: 10px;



  height: 10px;



  margin: 4px;



  border-radius: 100%;



  opacity: 0;



  -webkit-animation: ball-fall 1s ease-in-out infinite;



  -moz-animation: ball-fall 1s ease-in-out infinite;



  -o-animation: ball-fall 1s ease-in-out infinite;



  animation: ball-fall 1s ease-in-out infinite; }







.la-ball-fall > div:nth-child(1) {



  -webkit-animation-delay: -200ms;



  -moz-animation-delay: -200ms;



  -o-animation-delay: -200ms;



  animation-delay: -200ms; }







.la-ball-fall > div:nth-child(2) {



  -webkit-animation-delay: -100ms;



  -moz-animation-delay: -100ms;



  -o-animation-delay: -100ms;



  animation-delay: -100ms; }







.la-ball-fall > div:nth-child(3) {



  -webkit-animation-delay: 0ms;



  -moz-animation-delay: 0ms;



  -o-animation-delay: 0ms;



  animation-delay: 0ms; }







.la-ball-fall.la-sm {



  width: 26px;



  height: 8px; }







.la-ball-fall.la-sm > div {



  width: 4px;



  height: 4px;



  margin: 2px; }







.la-ball-fall.la-2x {



  width: 108px;



  height: 36px; }







.la-ball-fall.la-2x > div {



  width: 20px;



  height: 20px;



  margin: 8px; }







.la-ball-fall.la-3x {



  width: 162px;



  height: 54px; }







.la-ball-fall.la-3x > div {



  width: 30px;



  height: 30px;



  margin: 12px; }







/*



 * Animation



 */



@-webkit-keyframes ball-fall {



  0% {



    opacity: 0;



    -webkit-transform: translateY(-145%);



    transform: translateY(-145%); }



  10% {



    opacity: .5; }



  20% {



    opacity: 1;



    -webkit-transform: translateY(0);



    transform: translateY(0); }



  80% {



    opacity: 1;



    -webkit-transform: translateY(0);



    transform: translateY(0); }



  90% {



    opacity: .5; }



  100% {



    opacity: 0;



    -webkit-transform: translateY(145%);



    transform: translateY(145%); } }







@-moz-keyframes ball-fall {



  0% {



    opacity: 0;



    -moz-transform: translateY(-145%);



    transform: translateY(-145%); }



  10% {



    opacity: .5; }



  20% {



    opacity: 1;



    -moz-transform: translateY(0);



    transform: translateY(0); }



  80% {



    opacity: 1;



    -moz-transform: translateY(0);



    transform: translateY(0); }



  90% {



    opacity: .5; }



  100% {



    opacity: 0;



    -moz-transform: translateY(145%);



    transform: translateY(145%); } }







@-o-keyframes ball-fall {



  0% {



    opacity: 0;



    -o-transform: translateY(-145%);



    transform: translateY(-145%); }



  10% {



    opacity: .5; }



  20% {



    opacity: 1;



    -o-transform: translateY(0);



    transform: translateY(0); }



  80% {



    opacity: 1;



    -o-transform: translateY(0);



    transform: translateY(0); }



  90% {



    opacity: .5; }



  100% {



    opacity: 0;



    -o-transform: translateY(145%);



    transform: translateY(145%); } }







@keyframes ball-fall {



  0% {



    opacity: 0;



    -webkit-transform: translateY(-145%);



    -moz-transform: translateY(-145%);



    -o-transform: translateY(-145%);



    transform: translateY(-145%); }



  10% {



    opacity: .5; }



  20% {



    opacity: 1;



    -webkit-transform: translateY(0);



    -moz-transform: translateY(0);



    -o-transform: translateY(0);



    transform: translateY(0); }



  80% {



    opacity: 1;



    -webkit-transform: translateY(0);



    -moz-transform: translateY(0);



    -o-transform: translateY(0);



    transform: translateY(0); }



  90% {



    opacity: .5; }



  100% {



    opacity: 0;



    -webkit-transform: translateY(145%);



    -moz-transform: translateY(145%);



    -o-transform: translateY(145%);



    transform: translateY(145%); } }




/*
     FILE ARCHIVED ON 00:57:48 Aug 16, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:40:20 Jul 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.679
  exclusion.robots: 0.058
  exclusion.robots.policy: 0.044
  esindex: 0.012
  cdx.remote: 94.343
  LoadShardBlock: 107.322 (3)
  PetaboxLoader3.datanode: 457.517 (5)
  load_resource: 444.972
  PetaboxLoader3.resolve: 44.703
  loaddict: 32.265
*/