.animate {-webkit-transition: all 200ms ease;transition: all 200ms ease;position: relative;-webkit-animation: fadeInUp 1s ease;animation: fadeInUp 1s ease;opacity:1 !important;}

.animate-special {-webkit-animation-name: mainMenuPanelListClose;animation-name: mainMenuPanelListClose;-webkit-animation-duration: 200ms;animation-duration: 200ms;-webkit-animation-timing-function: ease-in;animation-timing-function:ease-in;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.on .animate-special {-webkit-animation-name:mainMenuPanelListOpen;animation-name:mainMenuPanelListOpen;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}

.animate-special-2 {opacity:0;}
.on .animate-special-2 {-webkit-animation-name:mainMenuPanelOpenSocial;animation-name:mainMenuPanelOpenSocial;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:400ms;animation-delay:400ms;}

@keyframes shake-little {
2% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
4% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
6% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
8% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
10% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
12% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
14% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
16% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
18% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
20% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
22% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
24% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
26% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
28% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
30% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
32% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
34% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
36% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
38% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
40% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
42% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
44% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
46% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
48% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
50% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
52% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
54% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
56% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
58% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
60% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
62% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
64% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
66% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
68% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
70% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
72% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
74% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
76% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
78% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
80% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
82% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
84% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
86% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
88% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
90% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
92% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
94% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
96% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
98% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
0%, 100% {transform:translate(0, 0) rotate(0);transform:translate(0, 0) rotate(0);}
}

@-webkit-keyframes shake-little {
2% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
4% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
6% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
8% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
10% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
12% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
14% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
16% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
18% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
20% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
22% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
24% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
26% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
28% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
30% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
32% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
34% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
36% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
38% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
40% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
42% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
44% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
46% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
48% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
50% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
52% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
54% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
56% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
58% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
60% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
62% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
64% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
66% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
68% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
70% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
72% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
74% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
76% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
78% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
80% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
82% {transform:translate(0px, 0px) rotate(0.5deg);-webkit-transform:translate(0px, 0px) rotate(0.5deg);}
84% {transform:translate(1px, 0px) rotate(0.5deg);-webkit-transform:translate(1px, 0px) rotate(0.5deg);}
86% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
88% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
90% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
92% {transform:translate(1px, 1px) rotate(0.5deg);-webkit-transform:translate(1px, 1px) rotate(0.5deg);}
94% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
96% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
98% {transform:translate(0px, 1px) rotate(0.5deg);-webkit-transform:translate(0px, 1px) rotate(0.5deg);}
0%, 100% {transform:translate(0, 0) rotate(0);transform:translate(0, 0) rotate(0);}
}

@-webkit-keyframes move-is-waiting-stripes {0% {background-position:0 0} 100% {background-position:30px 0px}}
@keyframes move-is-waiting-stripes {0% {background-position:0 0} 100% {background-position:30px 0px}}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}








@-webkit-keyframes mainMenuPanelOpen { from {
opacity:0;
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
}
@keyframes mainMenuPanelOpen { from {
opacity:0;
-webkit-transform:translate3d(0, 10px, 0);
-ms-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
to { opacity:1; -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
}
@-webkit-keyframes mainMenuPanelOpenSocial { from {
opacity:0
}
to { opacity:1 }
}
@keyframes mainMenuPanelOpenSocial { from {
opacity:0
}
to { opacity:1 }
}
@-webkit-keyframes mainMenuPanelListOpen { from {
opacity:.4;
-webkit-transform:translateY(-25%) rotateX(35deg);
transform:translateY(-25%) rotateX(35deg)
}
to { opacity:1; -webkit-transform:translateY(0) rotateX(0); transform:translateY(0) rotateX(0) }
}
@keyframes mainMenuPanelListOpen { from {
opacity:.4;
-webkit-transform:translateY(-25%) rotateX(35deg);
-ms-transform:translateY(-25%) rotateX(35deg);
transform:translateY(-25%) rotateX(35deg)
}
to { opacity:1; -webkit-transform:translateY(0) rotateX(0); -ms-transform:translateY(0) rotateX(0); transform:translateY(0) rotateX(0) }
}
@-webkit-keyframes mainMenuPanelListClose { from {
opacity:1;
-webkit-transform:translateY(0) rotateX(0);
transform:translateY(0) rotateX(0)
}
to { opacity:.4; -webkit-transform:translateY(25%) rotateX(-35deg); transform:translateY(25%) rotateX(-35deg) }
}
@keyframes mainMenuPanelListClose { from {
opacity:1;
-webkit-transform:translateY(0) rotateX(0);
-ms-transform:translateY(0) rotateX(0);
transform:translateY(0) rotateX(0)
}
to { opacity:.4; -webkit-transform:translateY(25%) rotateX(-35deg); -ms-transform:translateY(25%) rotateX(-35deg); transform:translateY(25%) rotateX(-35deg) }
}






@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}