.conQuestShopAnimatieStangaDreapta {
    position: relative;
    -webkit-animation-name: conQuestShopAnimatieStangaDreapta; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: conQuestShopAnimatieStangaDreapta;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.conQuestShop_Parallax{
     
  /* The image used 
  background-image: url("img_parallax.jpg");
      */

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}


/* Standard syntax */
@keyframes conQuestShopAnimatieStangaDreapta {
    0% {
        left: 0px;
    }

    50% {
        left: 20px;
    }

    100% {
        left: 0px;
    }
}

.conQuestShopAnimatieRotire90Deplasare {
    position: relative;
    -webkit-animation-name: conQuestShopAnimatieRotire90Deplasare; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: conQuestShopAnimatieRotire90Deplasare;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes conQuestShopAnimatieRotire90Deplasare {
    0% {
        left: 0px;
        /* Safari */
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
    }
    10% {
        left: 0px;
        /* Safari */
        -webkit-transform: rotate(-80deg);
        /* Firefox */
        -moz-transform: rotate(-80deg);
        /* IE */
        -ms-transform: rotate(-80deg);
        /* Opera */
        -o-transform: rotate(-80deg);
    }

    20% {
        left: 10px;
         /* Safari */
        -webkit-transform: rotate(-70deg);
        /* Firefox */
        -moz-transform: rotate(-70deg);
        /* IE */
        -ms-transform: rotate(-70deg);
        /* Opera */
        -o-transform: rotate(-70deg);
    }
       30% {
        left: 10px;
         /* Safari */
        -webkit-transform: rotate(-60deg);
        /* Firefox */
        -moz-transform: rotate(-60deg);
        /* IE */
        -ms-transform: rotate(-60deg);
        /* Opera */
        -o-transform: rotate(-60deg);
    }
        40% {
        left: 20px;
         /* Safari */
        -webkit-transform: rotate(-52deg);
        /* Firefox */
        -moz-transform: rotate(-52deg);
        /* IE */
        -ms-transform: rotate(-52deg);
        /* Opera */
        -o-transform: rotate(-52deg);
    }

    50% {
        left: 20px;
         /* Safari */
        -webkit-transform: rotate(-45deg);
        /* Firefox */
        -moz-transform: rotate(-45deg);
        /* IE */
        -ms-transform: rotate(-45deg);
        /* Opera */
        -o-transform: rotate(-45deg);
    }

     60% {
        left: 20px;
         /* Safari */
        -webkit-transform: rotate(-38deg);
        /* Firefox */
        -moz-transform: rotate(-38deg);
        /* IE */
        -ms-transform: rotate(-38deg);
        /* Opera */
        -o-transform: rotate(-38deg);
    }
    70% {
        left: 40px;
         /* Safari */
        -webkit-transform: rotate(-30deg);
        /* Firefox */
        -moz-transform: rotate(-30deg);
        /* IE */
        -ms-transform: rotate(-30deg);
        /* Opera */
        -o-transform: rotate(-30deg);
    }
    80% {
        left: 40px;
         /* Safari */
        -webkit-transform: rotate(-20deg);
        /* Firefox */
        -moz-transform: rotate(-20deg);
        /* IE */
        -ms-transform: rotate(-20deg);
        /* Opera */
        -o-transform: rotate(-20deg);
    }
     90% {
        left: 40px;
         /* Safari */
        -webkit-transform: rotate(-10deg);
        /* Firefox */
        -moz-transform: rotate(-10deg);
        /* IE */
        -ms-transform: rotate(-10deg);
        /* Opera */
        -o-transform: rotate(-10deg);
    }
    100% {
        left: 60px;
         /* Safari */
        -webkit-transform: rotate(0deg);
        /* Firefox */
        -moz-transform: rotate(0deg);
        /* IE */
        -ms-transform: rotate(0deg);
        /* Opera */
        -o-transform: rotate(0deg);
    }
}