/*!
 * mod_yagendoo_simple_ticker.scss
 *
 * @package         Yagendoo Simple Ticker Module for Joomla!
 * @date            November 16, 2017, 15:32:53 MEZ
 * @copyright       (C) 2008 - 2017 Yagendoo Media GmbH
 * @author          Yagendoo Team / Yagendoo Media GmbH
 * @link            https://www.yagendoo.com/
 * @email           team@yagendoo.com
 * @license         Yagendoo Media License; see https://www.yagendoo.com/en/license.html
 */
/*!
 * @enterprise Yagendoo Media GmbH
 * @author Yagendoo Team
 * @url http://www.yagendoo.com
 * @copyright Copyright (C) Yagendoo Media GmbH
 * @license Yagendoo Media License
 */
/*!
 * @enterprise Yagendoo Media GmbH
 * @author Yagendoo Team
 * @url http://www.yagendoo.com
 * @copyright Copyright (C) Yagendoo Media GmbH
 * @license Yagendoo Media License
 */
/*!
 * @enterprise Yagendoo Media GmbH
 * @author Yagendoo Team
 * @url http://www.yagendoo.com
 * @copyright Copyright (C) Yagendoo Media GmbH
 * @license Yagendoo Media License
 */
.yagModSimpleTicker.layout-default .main p {
  margin: 0; }
.yagModSimpleTicker.layout-default.style-left {
  text-align: left; }
.yagModSimpleTicker.layout-default.style-center {
  text-align: center; }
.yagModSimpleTicker.layout-default.style-right {
  text-align: right; }

/*!
 * @enterprise Yagendoo Media GmbH
 * @author Yagendoo Team
 * @url http://www.yagendoo.com
 * @copyright Copyright (C) Yagendoo Media GmbH
 * @license Yagendoo Media License
 */
.yagModSimpleTicker {
  overflow: hidden; }
.yagModSimpleTicker .marquee-fadein {
  -webkit-animation: fadein 10s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 10s;
  /* Firefox < 16 */
  -o-animation: fadein 10s;
  /* Opera < 12.1 */
  animation: fadein 10s; }
.yagModSimpleTicker .marquee-preload {
  opacity: 0; }
.yagModSimpleTicker .marquee {
  overflow: hidden;
  content: attr(data-marquee);
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  left: 50%;
  -webkit-animation: linear infinite;
  animation: linear infinite;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-name: movement-smooth;
  animation-name: movement-smooth;
  -webkit-animation-direction: normal;
  animation-direction: normal; }
.yagModSimpleTicker .marquee.marquee-speed-drowsy {
  -webkit-animation-duration: 30s;
  animation-duration: 30s; }
.yagModSimpleTicker .marquee.marquee-speed-slow {
  -webkit-animation-duration: 20s;
  animation-duration: 20s; }
.yagModSimpleTicker .marquee.marquee-speed-normal {
  -webkit-animation-duration: 10s;
  animation-duration: 10s; }
.yagModSimpleTicker .marquee.marquee-speed-fast {
  -webkit-animation-duration: 7s;
  animation-duration: 7s; }
.yagModSimpleTicker .marquee.marquee-speed-swift {
  -webkit-animation-duration: 5s;
  animation-duration: 5s; }
.yagModSimpleTicker .marquee.marquee-speed-hyper {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }
.yagModSimpleTicker .marquee.marquee-movement-smooth {
  -webkit-animation-name: movement-smooth;
  animation-name: movement-smooth; }
.yagModSimpleTicker .marquee.marquee-movement-steps20 {
  -webkit-animation-name: movement-steps20;
  animation-name: movement-steps20; }
.yagModSimpleTicker .marquee.marquee-movement-steps10 {
  -webkit-animation-name: movement-steps10;
  animation-name: movement-steps10; }
.yagModSimpleTicker .marquee.marquee-movement-steps5 {
  -webkit-animation-name: movement-steps5;
  animation-name: movement-steps5; }
.yagModSimpleTicker .marquee.marquee-direction-left, .yagModSimpleTicker .marquee.marquee-direction-normal {
  -webkit-animation-direction: normal;
  animation-direction: normal; }
.yagModSimpleTicker .marquee.marquee-direction-alternate {
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
.yagModSimpleTicker .marquee.marquee-direction-right, .yagModSimpleTicker .marquee.marquee-direction-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes movement-smooth {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    left: 100%; }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0; } }
@keyframes movement-smooth {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    left: 100%; }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0; } }
@-webkit-keyframes movement-steps20 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    left: 100%; }
  5%,
    9.99% {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
    left: 95%; }
  10%,
    14.99% {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    left: 90%; }
  15%,
    19.99% {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
    left: 85%; }
  20%,
    24.99% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    left: 80%; }
  25%,
    29.99% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    left: 75%; }
  30%,
    34.99% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    left: 70%; }
  35%,
    39.99% {
    -webkit-transform: translateX(-35%);
    transform: translateX(-35%);
    left: 65%; }
  40%,
    44.99% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
    left: 60%; }
  45%,
    49.99% {
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%);
    left: 55%; }
  50%,
    54.99% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  55%,
    59.99% {
    -webkit-transform: translateX(-55%);
    transform: translateX(-55%);
    left: 45%; }
  60%,
    64.99% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    left: 40%; }
  65%,
    69.99% {
    -webkit-transform: translateX(-65%);
    transform: translateX(-65%);
    left: 35%; }
  70%,
    74.99% {
    -webkit-transform: translateX(-70%);
    transform: translateX(-70%);
    left: 30%; }
  75%,
    79.99% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
    left: 25%; }
  80%,
    84.99% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
    left: 20%; }
  85%,
    89.99% {
    -webkit-transform: translateX(-85%);
    transform: translateX(-85%);
    left: 15%; }
  90%,
    94.99% {
    -webkit-transform: translateX(-90%);
    transform: translateX(-90%);
    left: 10%; }
  95%,
    99.99% {
    -webkit-transform: translateX(-95%);
    transform: translateX(-95%);
    left: 5%; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0; } }
@keyframes movement-steps20 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    left: 100%; }
  5%,
    9.99% {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
    left: 95%; }
  10%,
    14.99% {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    left: 90%; }
  15%,
    19.99% {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
    left: 85%; }
  20%,
    24.99% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    left: 80%; }
  25%,
    29.99% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    left: 75%; }
  30%,
    34.99% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    left: 70%; }
  35%,
    39.99% {
    -webkit-transform: translateX(-35%);
    transform: translateX(-35%);
    left: 65%; }
  40%,
    44.99% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
    left: 60%; }
  45%,
    49.99% {
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%);
    left: 55%; }
  50%,
    54.99% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  55%,
    59.99% {
    -webkit-transform: translateX(-55%);
    transform: translateX(-55%);
    left: 45%; }
  60%,
    64.99% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    left: 40%; }
  65%,
    69.99% {
    -webkit-transform: translateX(-65%);
    transform: translateX(-65%);
    left: 35%; }
  70%,
    74.99% {
    -webkit-transform: translateX(-70%);
    transform: translateX(-70%);
    left: 30%; }
  75%,
    79.99% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
    left: 25%; }
  80%,
    84.99% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
    left: 20%; }
  85%,
    89.99% {
    -webkit-transform: translateX(-85%);
    transform: translateX(-85%);
    left: 15%; }
  90%,
    94.99% {
    -webkit-transform: translateX(-90%);
    transform: translateX(-90%);
    left: 10%; }
  95%,
    99.99% {
    -webkit-transform: translateX(-95%);
    transform: translateX(-95%);
    left: 5%; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0; } }
@-webkit-keyframes movement-steps10 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    left: 100%; }
  10%,
    19.99% {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    left: 90%; }
  20%,
    29.99% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    left: 80%; }
  30%,
    39.99% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    left: 70%; }
  40%,
    49.99% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
    left: 60%; }
  50%,
    59.99% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  60%,
    69.99% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    left: 40%; }
  70%,
    79.99% {
    -webkit-transform: translateX(-70%);
    transform: translateX(-70%);
    left: 30%; }
  80%,
    89.99% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
    left: 20%; }
  90%,
    99.99% {
    -webkit-transform: translateX(-90%);
    transform: translateX(-90%);
    left: 10%; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0; } }
@keyframes movement-steps10 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    left: 100%; }
  10%,
    19.99% {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    left: 90%; }
  20%,
    29.99% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    left: 80%; }
  30%,
    39.99% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    left: 70%; }
  40%,
    49.99% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
    left: 60%; }
  50%,
    59.99% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  60%,
    69.99% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    left: 40%; }
  70%,
    79.99% {
    -webkit-transform: translateX(-70%);
    transform: translateX(-70%);
    left: 30%; }
  80%,
    89.99% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
    left: 20%; }
  90%,
    99.99% {
    -webkit-transform: translateX(-90%);
    transform: translateX(-90%);
    left: 10%; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0; } }
@-webkit-keyframes movement-steps5 {
  0%,
    19.99% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    left: 100%; }
  20%,
    39.99% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    left: 80%; }
  40%,
    59.99% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
    left: 60%; }
  60%,
    79.99% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    left: 40%; }
  80%,
    99.99% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
    left: 20%; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0; } }
@keyframes movement-steps5 {
  0%,
    19.99% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    left: 100%; }
  20%,
    39.99% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    left: 80%; }
  40%,
    59.99% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
    left: 60%; }
  60%,
    79.99% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    left: 40%; }
  80%,
    99.99% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
    left: 20%; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0; } }

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