/* 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 {
  0% {
    left: -450px;
  }
  80% {
    left: 60px;
  }
  85% {
    left: 55px;
  }
  95% {
    left: 40px;
  }
  100% {
    left: 30px;
  }
}
@-moz-keyframes app-disc-left {
  0% {
    left: -450px;
  }
  80% {
    left: 60px;
  }
  85% {
    left: 55px;
  }
  95% {
    left: 40px;
  }
  100% {
    left: 30px;
  }
}
@keyframes app-disc-left {
  0% {
    left: -450px;
  }
  80% {
    left: 60px;
  }
  85% {
    left: 55px;
  }
  95% {
    left: 40px;
  }
  100% {
    left: 30px;
  }
}
@-webkit-keyframes app-disc-left {
  0% {
    left: -450px;
  }
  80% {
    left: 60px;
  }
  85% {
    left: 55px;
  }
  95% {
    left: 40px;
  }
  100% {
    left: 30px;
  }
}
@-moz-keyframes app-disc-left {
  0% {
    left: -450px;
  }
  80% {
    left: 60px;
  }
  85% {
    left: 55px;
  }
  95% {
    left: 40px;
  }
  100% {
    left: 30px;
  }
}
@keyframes app-disc-left {
  0% {
    left: -450px;
  }
  80% {
    left: 60px;
  }
  85% {
    left: 55px;
  }
  95% {
    left: 40px;
  }
  100% {
    left: 30px;
  }
}
@-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 {
  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;
  }
}
/* line 35, ../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 53, ../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 74, ../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 92, ../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 112, ../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 128, ../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 146, ../sass/sf-animation.scss */
  .app-image-left {
    left: 0px;
  }

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

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

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

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

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

  /* line 164, ../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 {
    0% {
      left: -450px;
    }
    80% {
      left: 60px;
    }
    85% {
      left: 55px;
    }
    95% {
      left: 40px;
    }
    100% {
      left: 30px;
    }
  }
  @-moz-keyframes app-disc-left {
    0% {
      left: -450px;
    }
    80% {
      left: 60px;
    }
    85% {
      left: 55px;
    }
    95% {
      left: 40px;
    }
    100% {
      left: 30px;
    }
  }
  @keyframes app-disc-left {
    0% {
      left: -450px;
    }
    80% {
      left: 60px;
    }
    85% {
      left: 55px;
    }
    95% {
      left: 40px;
    }
    100% {
      left: 30px;
    }
  }
  @-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;
    }
  }
  /* line 185, ../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 191, ../sass/sf-animation.scss */
  .app-disc-left {
    margin-left: -180px;
  }

  /* line 194, ../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 201, ../sass/sf-animation.scss */
  .app-image-left {
    left: 0px;
  }

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

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

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

  /* line 215, ../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 244, ../sass/sf-animation.scss */
  .app-image-left {
    left: 0px;
  }

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

  /* line 253, ../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 264, ../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 284, ../sass/sf-animation.scss */
  .ie9 .app-disc-right {
    right: 140px;
  }

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

  /* line 301, ../sass/sf-animation.scss */
  .ie11 .app-image-right {
    left: -40px !important;
  }
  /* line 304, ../sass/sf-animation.scss */
  .ie11 .app-disc-right {
    margin-right: -90px;
  }
  /* line 307, ../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 336, ../sass/sf-animation.scss */
  .app-image-left {
    left: 0px;
  }

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

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

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

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

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