/* animation for App Widget module */
@-webkit-keyframes app-image-left {
  from {
    left: -450px;
  }
  to {
    left: 0px;
  }
}
@-moz-keyframes app-image-left {
  from {
    left: -450px;
  }
  to {
    left: 0px;
  }
}
@keyframes app-image-left {
  from {
    left: -450px;
  }
  to {
    left: 0px;
  }
}
@-webkit-keyframes app-disc-left {
  from {
    left: -450px;
  }
  to {
    left: 40px;
  }
}
@-moz-keyframes app-disc-left {
  from {
    left: -450px;
  }
  to {
    left: 40px;
  }
}
@keyframes app-disc-left {
  from {
    left: -450px;
  }
  to {
    left: 40px;
  }
}
@-webkit-keyframes app-disc-left {
  from {
    left: -450px;
  }
  to {
    left: 220px;
  }
}
@-moz-keyframes app-disc-left {
  from {
    left: -450px;
  }
  to {
    left: 220px;
  }
}
@keyframes app-disc-left {
  from {
    left: -450px;
  }
  to {
    left: 220px;
  }
}
@-webkit-keyframes app-disc-right {
  0% {
    right: -450px;
  }
  80% {
    right: 60px;
  }
  85% {
    right: 55px;
  }
  95% {
    right: 40px;
  }
  100% {
    right: 30px;
  }
}
@-moz-keyframes app-disc-right {
  0% {
    right: -450px;
  }
  80% {
    right: 60px;
  }
  85% {
    right: 55px;
  }
  95% {
    right: 40px;
  }
  100% {
    right: 30px;
  }
}
@keyframes app-disc-right {
  0% {
    right: -450px;
  }
  80% {
    right: 60px;
  }
  85% {
    right: 55px;
  }
  95% {
    right: 40px;
  }
  100% {
    right: 30px;
  }
}
@-webkit-keyframes app-image-right {
  from {
    right: -450px;
  }
  to {
    right: 0px;
  }
}
@-moz-keyframes app-image-right {
  from {
    right: -450px;
  }
  to {
    right: 0px;
  }
}
@keyframes app-image-right {
  from {
    right: -450px;
  }
  to {
    right: 0px;
  }
}
@-webkit-keyframes app-disc-right {
  from {
    right: -450px;
  }
  to {
    right: 220px;
  }
}
@-moz-keyframes app-disc-right {
  from {
    right: -450px;
  }
  to {
    right: 220px;
  }
}
@keyframes app-disc-right {
  from {
    right: -450px;
  }
  to {
    right: 220px;
  }
}
/* line 33, ../sass/sf-animation.scss */
.app-image-left {
  left: -450px;
  -webkit-animation: app-image-left ease-out 1;
  -moz-animation: app-image-left ease-out 1;
  animation: app-image-left ease-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* line 51, ../sass/sf-animation.scss */
.app-disc-left {
  left: -450px;
  -webkit-animation: app-disc-left ease-out 1;
  -moz-animation: app-disc-left ease-out 1;
  animation: app-disc-left ease-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  animation-duration: .7s;
  /* THE DELAY */
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

/* line 72, ../sass/sf-animation.scss */
.app-image-right {
  right: -450px;
  -webkit-animation: app-image-right ease-out 1;
  -moz-animation: app-image-right ease-out 1;
  animation: app-image-right ease-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* line 90, ../sass/sf-animation.scss */
.app-disc-right {
  right: -450px;
  -webkit-animation: app-disc-right ease-out 1;
  -moz-animation: app-disc-right ease-out 1;
  animation: app-disc-right ease-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  animation-duration: .7s;
  /* THE DELAY */
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

@media (min-width: 1145px) {
  /* line 110, ../sass/sf-animation.scss */
  .app-widget-right {
    right: -450px;
    -webkit-animation: app-disc-right ease-out 1;
    -moz-animation: app-disc-right ease-out 1;
    animation: app-disc-right ease-out 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    animation-duration: .7s;
    /* THE DELAY */
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    animation-delay: 1.1s;
  }

  /* line 126, ../sass/sf-animation.scss */
  .app-widget-left {
    left: -450px;
    -webkit-animation: app-disc-left ease-out 1;
    -moz-animation: app-disc-left ease-out 1;
    animation: app-disc-left ease-out 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    animation-duration: .7s;
    /* THE DELAY */
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    animation-delay: 1.1s;
  }
}
@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  /* line 144, ../sass/sf-animation.scss */
  .app-image-left {
    left: 0px;
  }

  /* line 147, ../sass/sf-animation.scss */
  .app-disc-left {
    left: 215px;
  }

  /* line 150, ../sass/sf-animation.scss */
  .app-image-right {
    right: 0px;
  }

  /* line 153, ../sass/sf-animation.scss */
  .app-disc-right {
    right: 215px;
  }

  /* line 156, ../sass/sf-animation.scss */
  .app-image-left, .app-image-right {
    background: #bfbfbf;
  }

  /* line 159, ../sass/sf-animation.scss */
  .promo-widget-right {
    right: 30px;
  }

  /* line 162, ../sass/sf-animation.scss */
  .promo-widget-left {
    left: 30px;
  }
}
/* ___ END ANIMATION FOR PROMO MODULE ___ */
@media (min-width: 1025px) and (max-width: 1399px) {
  @-webkit-keyframes app-disc-left {
    from {
      left: -450px;
    }
    to {
      left: 35px;
    }
  }
  @-moz-keyframes app-disc-left {
    from {
      left: -450px;
    }
    to {
      left: 35px;
    }
  }
  @keyframes app-disc-left {
    from {
      left: -450px;
    }
    to {
      left: 35px;
    }
  }
  @-webkit-keyframes app-disc-right {
    from {
      right: -450px;
    }
    to {
      right: 35px;
    }
  }
  @-moz-keyframes app-disc-right {
    from {
      right: -450px;
    }
    to {
      right: 35px;
    }
  }
  @keyframes app-disc-right {
    from {
      right: -450px;
    }
    to {
      right: 35px;
    }
  }
  /* line 183, ../sass/sf-animation.scss */
  .app-disc-left {
    left: -450px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1399px) and (min-width: 0\0) and (min-resolution: 72dpi) {
  /* line 189, ../sass/sf-animation.scss */
  .app-disc-left {
    margin-left: -180px;
  }

  /* line 192, ../sass/sf-animation.scss */
  .app-disc-right {
    margin-right: -180px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1399px) and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  /* line 199, ../sass/sf-animation.scss */
  .app-image-left {
    left: 0px;
  }

  /* line 202, ../sass/sf-animation.scss */
  .app-disc-left {
    left: 35px;
    margin-left: 0px;
  }

  /* line 206, ../sass/sf-animation.scss */
  .app-image-right {
    right: 0px;
  }

  /* line 209, ../sass/sf-animation.scss */
  .app-disc-right {
    right: 35px;
    margin-right: 0px;
  }

  /* line 213, ../sass/sf-animation.scss */
  .app-image-left, .app-image-right {
    background: #bfbfbf;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  @-webkit-keyframes app-image-left {
    from {
      left: 0px;
    }
    to {
      left: 0px;
    }
  }
  @-moz-keyframes app-image-left {
    from {
      left: 0px;
    }
    to {
      left: 0px;
    }
  }
  @keyframes app-image-left {
    from {
      left: 0px;
    }
    to {
      left: 0px;
    }
  }
  @-webkit-keyframes app-disc-left {
    from {
      left: 140px;
    }
    to {
      left: 140px;
    }
  }
  @-moz-keyframes app-disc-left {
    from {
      left: 140px;
    }
    to {
      left: 140px;
    }
  }
  @keyframes app-disc-left {
    from {
      left: 140px;
    }
    to {
      left: 140px;
    }
  }
  @-webkit-keyframes app-image-right {
    from {
      right: 40px;
    }
    to {
      right: 40px;
    }
  }
  @-moz-keyframes app-image-right {
    from {
      right: 40px;
    }
    to {
      right: 40px;
    }
  }
  @keyframes app-image-right {
    from {
      right: 40px;
    }
    to {
      right: 40px;
    }
  }
  @-webkit-keyframes app-disc-right {
    from {
      right: 140px;
    }
    to {
      right: 140px;
    }
  }
  @-moz-keyframes app-disc-right {
    from {
      right: 140px;
    }
    to {
      right: 140px;
    }
  }
  @keyframes app-disc-right {
    from {
      right: 140px;
    }
    to {
      right: 140px;
    }
  }
  /* line 242, ../sass/sf-animation.scss */
  .app-image-left {
    left: 0px;
  }

  /* line 245, ../sass/sf-animation.scss */
  .app-disc-left {
    left: 140px;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }

  /* line 251, ../sass/sf-animation.scss */
  .app-image-right {
    right: 40px;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }

  /* line 262, ../sass/sf-animation.scss */
  .app-disc-right {
    right: 140px;
    -webkit-animation: app-disc-right ease-out 1;
    -moz-animation: app-disc-right ease-out 1;
    animation: app-disc-right ease-out 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    animation-duration: .7s;
    /* THE DELAY */
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }

  /* line 282, ../sass/sf-animation.scss */
  .ie9 .app-disc-right {
    right: 140px;
  }

  /* line 287, ../sass/sf-animation.scss */
  .ie10 .app-image-right {
    left: -40px !important;
  }
  /* line 290, ../sass/sf-animation.scss */
  .ie10 .app-disc-right {
    margin-right: -90px;
  }
  /* line 293, ../sass/sf-animation.scss */
  .ie10 .app-disc-left {
    margin-left: -70px;
    left: -70px;
  }

  /* line 299, ../sass/sf-animation.scss */
  .ie11 .app-image-right {
    left: -40px !important;
  }
  /* line 302, ../sass/sf-animation.scss */
  .ie11 .app-disc-right {
    margin-right: -90px;
  }
  /* line 305, ../sass/sf-animation.scss */
  .ie11 .app-disc-left {
    margin-left: -80px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  @-webkit-keyframes app-image-left {
    from {
      left: 0px;
    }
    to {
      left: 0px;
    }
  }
  @-moz-keyframes app-image-left {
    from {
      left: 0px;
    }
    to {
      left: 0px;
    }
  }
  @keyframes app-image-left {
    from {
      left: 0px;
    }
    to {
      left: 0px;
    }
  }
  @-webkit-keyframes app-disc-left {
    from {
      left: 75px;
    }
    to {
      left: 75px;
    }
  }
  @-moz-keyframes app-disc-left {
    from {
      left: 75px;
    }
    to {
      left: 75px;
    }
  }
  @keyframes app-disc-left {
    from {
      left: 75px;
    }
    to {
      left: 75px;
    }
  }
  @-webkit-keyframes app-image-right {
    from {
      right: 0px;
    }
    to {
      right: 0px;
    }
  }
  @-moz-keyframes app-image-right {
    from {
      right: 0px;
    }
    to {
      right: 0px;
    }
  }
  @keyframes app-image-right {
    from {
      right: 0px;
    }
    to {
      right: 0px;
    }
  }
  @-webkit-keyframes app-disc-right {
    from {
      right: 10px;
    }
    to {
      right: 10px;
    }
  }
  @-moz-keyframes app-disc-right {
    from {
      right: 10px;
    }
    to {
      right: 10px;
    }
  }
  @keyframes app-disc-right {
    from {
      right: 10px;
    }
    to {
      right: 10px;
    }
  }
  /* line 334, ../sass/sf-animation.scss */
  .app-image-left {
    left: 0px;
  }

  /* line 337, ../sass/sf-animation.scss */
  .app-disc-left {
    left: 75px;
  }

  /* line 340, ../sass/sf-animation.scss */
  .app-image-right {
    right: -75px;
  }

  /* line 343, ../sass/sf-animation.scss */
  .app-disc-right {
    right: 10px;
  }

  /* line 347, ../sass/sf-animation.scss */
  .ie10 .app-disc-left {
    margin-left: -70px;
    left: -70px;
  }
  /* line 351, ../sass/sf-animation.scss */
  .ie10 .app-image-right {
    right: 125px !important;
    margin-right: 125pxpx;
  }
  /* line 355, ../sass/sf-animation.scss */
  .ie10 .app-disc-right {
    margin-right: 10px;
    right: 0px;
  }

  /* line 361, ../sass/sf-animation.scss */
  .ie11 .app-image-right {
    left: -40px !important;
  }
  /* line 364, ../sass/sf-animation.scss */
  .ie11 .app-disc-right {
    margin-right: -90px;
  }
  /* line 367, ../sass/sf-animation.scss */
  .ie11 .app-disc-left {
    margin-left: -80px;
    left: -80px;
  }
}