.mmx_header_wrapper{
  position: fixed;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  pointer-events: none;
}

.mmx_bunting_01,
.mmx_bunting_02,
.mmx_bunting_03,
.mmx_bunting_04,
.mmx_bunting_05,
.mmx_bunting_06,
.mmx_bunting_07,
.mmx_bunting_08,
.mmx_bunting_09,
.mmx_bunting_010{
  position: absolute;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  z-index: 5;
}

.mmx_bunting_01{
  background: url(../img/bunting_01.png);
}
.mmx_bunting_02{
  background: url(../img/bunting_02.png);
}
.mmx_bunting_03{
  background: url(../img/bunting_03.png);
}
.mmx_bunting_04{
  background: url(../img/bunting_04.png);
}
.mmx_bunting_05{
  background: url(../img/bunting_05.png);
}
.mmx_bunting_06{
  background: url(../img/bunting_06.png);
}
.mmx_bunting_07{
  background: url(../img/bunting_07.png);
}
.mmx_bunting_08{
  background: url(../img/bunting_08.png);
}
.mmx_bunting_09{
  background: url(../img/bunting_09.png);
}
.mmx_bunting_010{
  background: url(../img/bunting_010.png);
}

.mmx_footer_wrapper{
  position: fixed;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.mmx_footer_bg{
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  background-image: url(../img/snowdrift_back.svg);
  background-repeat: repeat-x;
  background-position: 0 100%;
  z-index: 0;
}
.mmx_footer_fg{
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  background-image: url(../img/snowdrift_front.svg);
  background-repeat: repeat-x;
  background-position: 0 100%;
  z-index: 10;
}

.mmx_tree {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.mmx_tree:nth-child(even) {
  z-index: 3;
}

.mmx_tree svg{
  width: 100%;
  height: 100%;
}

.mmx_snwman {
  position: absolute;
  bottom: 0;
  z-index: 4;
}
.mmx_snwman svg{
  width: 100%;
  height: 100%;
}



/* Галстук и шарф*/
.mmx_anim #scarf_part,
.mmx_anim #tie {
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -webkit-animation: tie_rotate 3s infinite;
  -o-animation: tie_rotate 3s infinite;
  animation: tie_rotate 3s infinite;
}

.mmx_anim #tie {
  -webkit-transform-origin: 50px 52px;
  -moz-transform-origin: 50px 52px;
  -ms-transform-origin: 50px 52px;
  -o-transform-origin: 50px 52px;
  transform-origin: 50px 52px;
}

.mmx_anim #scarf_part {
  -webkit-transform-origin: 62px 30px;
  -moz-transform-origin: 62px 30px;
  -ms-transform-origin: 62px 30px;
  -o-transform-origin: 62px 30px;
  transform-origin: 62px 30px;
}

@-webkit-keyframes tie_rotate {
  0%  {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50%  {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes tie_rotate {
  0%  {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50%  {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes tie_rotate {
  0%  {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50%  {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes tie_rotate {
  0%  {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50%  {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

/* Нос snowman 2 */
.mmx_anim #snwmn_2 #nose,
.mmx_anim #snwmn_6 #nose,
.mmx_anim #snwmn_7 #nose,
.mmx_anim #snwmn_10 #nose {
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -webkit-animation: nose 3s infinite ease;
  -o-animation: nose 3s infinite ease;
  animation: nose 3s infinite ease;
}

.mmx_anim #snwmn_2 #nose {
  -webkit-transform-origin: 44px 35px;
  -moz-transform-origin: 44px 35px;
  -ms-transform-origin: 44px 35px;
  -o-transform-origin: 44px 35px;
  transform-origin: 44px 35px;
}

.mmx_anim #snwmn_6 #nose {
  -webkit-transform-origin: 49px 38px;
  -moz-transform-origin: 49px 38px;
  -ms-transform-origin: 49px 38px;
  -o-transform-origin: 49px 38px;
  transform-origin: 49px 38px;
}
.mmx_anim #snwmn_7 #nose {
  -webkit-transform-origin: 49px 33px;
  -moz-transform-origin: 49px 33px;
  -ms-transform-origin: 49px 33px;
  -o-transform-origin: 49px 33px;
  transform-origin: 49px 33px;
}
.mmx_anim #snwmn_10 #nose {
  -webkit-transform-origin: 55px 40px;
  -moz-transform-origin: 55px 40px;
  -ms-transform-origin: 55px 40px;
  -o-transform-origin: 55px 40px;
  transform-origin: 55px 40px;
}

@-webkit-keyframes nose {
  0%  {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  1%  {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  2%,100% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}
@-o-keyframes nose {
  0%  {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50%  {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes nose {
  0%  {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50%  {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes nose {
  0%  {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  30%  {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60%,100% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
.mmx_anim #lips,
.mmx_anim #eye_l,
.mmx_anim #eye_r {
  -webkit-animation: eye 3s infinite ease;
  -o-animation: eye 3s infinite ease;
  animation: eye 3s infinite ease;
}

#snwmn_10 #lips {
  -webkit-transform-origin: 50px 47px;
  -moz-transform-origin: 50px 47px;
  -ms-transform-origin: 50px 47px;
  -o-transform-origin: 50px 47px;
  transform-origin: 50px 47px;
}


#snwmn_2 #eye_l {
  -webkit-transform-origin: 38px 27px;
  -moz-transform-origin: 38px 27px;
  -ms-transform-origin: 38px 27px;
  -o-transform-origin: 38px 27px;
  transform-origin: 38px 27px;
}
#snwmn_2 #eye_r {
  -webkit-transform-origin: 51px 29px;
  -moz-transform-origin: 51px 29px;
  -ms-transform-origin: 51px 29px;
  -o-transform-origin: 51px 29px;
  transform-origin: 51px 29px;
}

#snwmn_3 #eye_l {
  -webkit-transform-origin: 41px 31px;
  -moz-transform-origin: 41px 31px;
  -ms-transform-origin: 41px 31px;
  -o-transform-origin: 41px 31px;
  transform-origin: 41px 31px;
}
#snwmn_3 #eye_r {
  -webkit-transform-origin: 50px 31px;
  -moz-transform-origin: 50px 31px;
  -ms-transform-origin: 50px 31px;
  -o-transform-origin: 50px 31px;
  transform-origin: 50px 31px;
}

#snwmn_4 #eye_l {
  -webkit-transform-origin: 39px 19px;
  -moz-transform-origin: 39px 19px;
  -ms-transform-origin: 39px 19px;
  -o-transform-origin: 39px 19px;
  transform-origin: 39px 19px;
}
#snwmn_4 #eye_r {
  -webkit-transform-origin: 59px 19px;
  -moz-transform-origin: 59px 19px;
  -ms-transform-origin: 59px 19px;
  -o-transform-origin: 59px 19px;
  transform-origin: 59px 19px;
}

#snwmn_5 #eye_l {
  -webkit-transform-origin: 45px 16px;
  -moz-transform-origin: 45px 16px;
  -ms-transform-origin: 45px 16px;
  -o-transform-origin: 45px 16px;
  transform-origin: 45px 16px;
}
#snwmn_5 #eye_r {
  -webkit-transform-origin: 61px 16px;
  -moz-transform-origin: 61px 16px;
  -ms-transform-origin: 61px 16px;
  -o-transform-origin: 61px 16px;
  transform-origin: 61px 16px;
}

#snwmn_6 #eye_l {
  -webkit-transform-origin: 43px 33px;
  -moz-transform-origin: 43px 33px;
  -ms-transform-origin: 43px 33px;
  -o-transform-origin: 43px 33px;
  transform-origin: 43px 33px;
}
#snwmn_6 #eye_r {
  -webkit-transform-origin: 56px 33px;
  -moz-transform-origin: 56px 33px;
  -ms-transform-origin: 56px 33px;
  -o-transform-origin: 56px 33px;
  transform-origin: 56px 33px;
}

#snwmn_7 #eye_l {
  -webkit-transform-origin: 42px 28px;
  -moz-transform-origin: 42px 28px;
  -ms-transform-origin: 42px 28px;
  -o-transform-origin: 42px 28px;
  transform-origin: 42px 28px;
}
#snwmn_7 #eye_r {
  -webkit-transform-origin: 56px 28px;
  -moz-transform-origin: 56px 28px;
  -ms-transform-origin: 56px 28px;
  -o-transform-origin: 56px 28px;
  transform-origin: 56px 28px;
}

#snwmn_8 #eye_l {
  -webkit-transform-origin: 47px 18px;
  -moz-transform-origin: 47px 18px;
  -ms-transform-origin: 47px 18px;
  -o-transform-origin: 47px 18px;
  transform-origin: 47px 18px;
}
#snwmn_8 #eye_r {
  -webkit-transform-origin: 58px 18px;
  -moz-transform-origin: 58px 18px;
  -ms-transform-origin: 58px 18px;
  -o-transform-origin: 58px 18px;
  transform-origin: 58px 18px;
}
#snwmn_9 #eye_l {
  -webkit-transform-origin: 40px 23px;
  -moz-transform-origin: 40px 23px;
  -ms-transform-origin: 40px 23px;
  -o-transform-origin: 40px 23px;
  transform-origin: 40px 23px;
}
#snwmn_9 #eye_r {
  -webkit-transform-origin: 56px 23px;
  -moz-transform-origin: 56px 23px;
  -ms-transform-origin: 56px 23px;
  -o-transform-origin: 56px 23px;
  transform-origin: 56px 23px;
}

@-webkit-keyframes eye {
  0%,50% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  25% {
    -webkit-transform: scaleY(.25);
    -ms-transform: scaleY(.25);
    -o-transform: scaleY(.25);
    transform: scaleY(.25);
  }
}
@-o-keyframes eye {
  0%,50% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  25% {
    -webkit-transform: scaleY(.25);
    -ms-transform: scaleY(.25);
    -o-transform: scaleY(.25);
    transform: scaleY(.25);
  }
}
@-moz-keyframes eye {
  0%,50% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  25% {
    -webkit-transform: scaleY(.25);
    -ms-transform: scaleY(.25);
    -o-transform: scaleY(.25);
    transform: scaleY(.25);
  }
}
@keyframes eye {
  0%,50% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  25% {
    -webkit-transform: scaleY(.25);
    -ms-transform: scaleY(.25);
    -o-transform: scaleY(.25);
    transform: scaleY(.25);
  }
}

.mmx_anim #hand_l {
  -webkit-animation: hand_l 3s infinite ease;
  -o-animation: hand_l 3s infinite ease;
  animation: hand_l 3s infinite ease;
}

.mmx_anim #hand_r {
  -webkit-animation: hand_r 3s infinite ease;
  -o-animation: hand_r 3s infinite ease;
  animation: hand_r 3s infinite ease;
}

#snwmn_4 #hand_l {
  -webkit-transform-origin: 75px 50px;
  -moz-transform-origin: 75px 50px;
  -ms-transform-origin: 75px 50px;
  -o-transform-origin: 75px 50px;
  transform-origin: 75px 50px;
}
#snwmn_4 #hand_r {
  -webkit-transform-origin: 24px 50px;
  -moz-transform-origin: 24px 50px;
  -ms-transform-origin: 24px 50px;
  -o-transform-origin: 24px 50px;
  transform-origin: 24px 50px;
}

#snwmn_5 #hand_l {
  -webkit-transform-origin: 34px 48px;
  -moz-transform-origin: 34px 48px;
  -ms-transform-origin: 34px 48px;
  -o-transform-origin: 34px 48px;
  transform-origin: 34px 48px;
}
#snwmn_5 #hand_r {
  -webkit-transform-origin: 74px 48px;
  -moz-transform-origin: 74px 48px;
  -ms-transform-origin: 74px 48px;
  -o-transform-origin: 74px 48px;
  transform-origin: 74px 48px;
}

#snwmn_8 #hand_l {
  -webkit-transform-origin: 24px 52px;
  -moz-transform-origin: 24px 52px;
  -ms-transform-origin: 24px 52px;
  -o-transform-origin: 24px 52px;
  transform-origin: 24px 52px;
}
#snwmn_8 #hand_r {
  -webkit-transform-origin: 72px 52px;
  -moz-transform-origin: 72px 52px;
  -ms-transform-origin: 72px 52px;
  -o-transform-origin: 72px 52px;
  transform-origin: 72px 52px;
}

#snwmn_10 #hand_l {
  -webkit-transform-origin: 34px 64px;
  -moz-transform-origin: 34px 64px;
  -ms-transform-origin: 34px 64px;
  -o-transform-origin: 34px 64px;
  transform-origin: 34px 64px;
}
#snwmn_10 #hand_r {
  -webkit-transform-origin: 72px 58px;
  -moz-transform-origin: 72px 58px;
  -ms-transform-origin: 72px 58px;
  -o-transform-origin: 72px 58px;
  transform-origin: 72px 58px;
}


@-webkit-keyframes hand_l {
  0%,100% { 
    -webkit-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% { 
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); 
  }
}
@-o-keyframes hand_l {
  0%,100% { 
    -webkit-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% { 
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}
@-moz-keyframes hand_l {
  0%,100% { 
    -webkit-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% { 
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    transform: rotate(-15deg); 
  }
}
@keyframes hand_l {
  0%,100% { 
    -webkit-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% { 
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}

@-webkit-keyframes hand_r {
  0%,100% { 
    -webkit-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% { 
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); 
  }
}
@-o-keyframes hand_r {
  0%,100% { 
    -webkit-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% { 
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@-moz-keyframes hand_r {
  0%,100% { 
    -webkit-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% { 
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
    transform: rotate(15deg); 
  }
}
@keyframes hand_r {
  0%,100% { 
    -webkit-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% { 
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}

.mmx_anim .mmx_tree {
  -webkit-animation: tie_rotate 5s ease infinite;
  -o-animation: tie_rotate 5s ease infinite;
  animation: tie_rotate 5s ease infinite;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

#snow {
  background-color: transparent;
  z-index: 1;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin-top: 0;
  pointer-events: none;
  position: fixed;
}
#snow:before,
#snow:after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
}

.snowflake_01:before,
.snowflake_02:before,
.snowflake_03:before,
.snowflake_04:before,
.snowflake_05:before,
.snowflake_06:before,
.snowflake_07:before,
.snowflake_08:before,
.snowflake_09:before,
.snowflake_010:before{
  background-image: url(../img/snowflake_01_1.png);
}
.snowflake_01:after{
  background-image: url(../img/snowflake_01_2.png);
}
.snowflake_02:after{
  background-image: url(../img/snowflake_02_2.png);
}
.snowflake_03:after{
  background-image: url(../img/snowflake_03_2.png);
}
.snowflake_04:after{
  background-image: url(../img/snowflake_04_2.png);
}
.snowflake_05:after{
  background-image: url(../img/snowflake_05_2.png);
}
.snowflake_06:after{
  background-image: url(../img/snowflake_06_2.png);
}
.snowflake_07:after{
  background-image: url(../img/snowflake_07_2.png);
}
.snowflake_08:after{
  background-image: url(../img/snowflake_08_2.png);
}
.snowflake_09:after{
  background-image: url(../img/snowflake_09_2.png);
}
.snowflake_010:after{
  background-image: url(../img/snowflake_010_2.png);
}

#snow:after{
  -webkit-animation: snow-1 5s linear infinite;
  -moz-animation: snow-1 5s linear infinite;
  -ms-animation: snow-1 5s linear infinite;
  animation: snow-1 5s linear infinite;
}
#snow:before{
  -webkit-animation: snow-2 2.5s linear infinite;
  -moz-animation: snow-2 2.5s linear infinite;
  -ms-animation: snow-2 2.5s linear infinite;
  animation: snow-2 2.5s linear infinite;
}

/*Keyframes*/

@keyframes snow-1 { 
0% { background-position: 0px 0px; }
100% { background-position: 500px 1000px; }
}

@-moz-keyframes snow-1 { 
0% { background-position: 0px 0px; }
100% { background-position: 500px 1000px; }
}

@-webkit-keyframes snow-1 { 
0% { background-position: 0px 0px;}
100% { background-position: 500px 1000px;}
}

@-ms-keyframes snow-1 { 
0% { background-position: 0px 0px; }
100% { background-position: 500px 1000px; }
}


/* snow 2*/
@keyframes snow-2 { 
0% { background-position: 0px 0px; }
100% { background-position: 300px 600px; }
}

@-moz-keyframes snow-2 { 
0% { background-position: 0px 0px; }
100% { background-position: 300px 600px; }
}

@-webkit-keyframes snow-2 { 
0% { background-position: 0px 0px; }
100% {background-position: 300px 600px;}
}

@-ms-keyframes snow-2 { 
0% { background-position: 0px 0px; }
100% { background-position: 300px 600px; }
}

.mmx_santa{
  position: absolute;
  width: 200px;
  height: 100px;
  bottom: 0;
  right: -10%;
  z-index: 2;
  -webkit-animation: santa_go 20s infinite linear;
  -o-animation: santa_go 20s infinite linear;
  animation: santa_go 20s infinite linear;
}

.mmx_santa:before{
  position: absolute;
  content: '';
  width: 200px;
  height: 100px;
  bottom: 0;
  right: 0;
  background: url(../img/santa.png);
  background-position: 3200px 0px;
  -webkit-animation: santa_anim 650ms steps(16, end) infinite;
  -o-animation: santa_anim 650ms steps(16, end) infinite;
  animation: santa_anim 650ms steps(16, end) infinite;
}

@-webkit-keyframes santa_go {
  0%       { right: -15%; }
  85%,100% { right: 105%; }
}
@-o-keyframes santa_go {
  0%       { right: -15%; }
  85%,100% { right: 105%; }
}
@-moz-keyframes santa_go {
  0%       { right: -15%; }
  85%,100% { right: 105%; }
}
@keyframes santa_go {
  0%       { right: -15%; }
  85%,100% { right: 105%; }
}

@-webkit-keyframes santa_anim {
  from { background-position: 3200px 0; }
  to { background-position: 0px 0; }
}
@-o-keyframes santa_anim {
  from { background-position: 3200px 0; }
  to { background-position: 0px 0; }
}
@-moz-keyframes santa_anim {
  from { background-position: 3200px 0; }
  to { background-position: 0px 0; }
}
@keyframes santa_anim {
  from { background-position: 3200px 0; }
  to { background-position: 0px 0; }
}