/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}

html, body {width:100%;height:100%;}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}


/*
============================================================================ */

#container {overflow:hidden;}

.content {min-height:0px;}

.stage {min-height:800px; width:100%;position:relative; overflow:hidden;}
.stage .bg, .stage .bg .wesen {position:absolute;width:100%;height:100%;}

.bg_holder_entry {position:relative;}

#wesen, #zentralkreisel, #kreisel, #pille, #dancer, #dreher, #mover_front, #mover_back {display:none;}



.zentralkreisel {z-index:5;}
.mover_back {z-index:6;}
.dreher {z-index:7;}
.wesen {z-index:8;}
.mover_front {z-index:9;}
.dancer {z-index:10;}
.pille {z-index:11;}
#seasonal .wesen {z-index:12;}

.wesen {position:absolute; top:50%; left:50%; margin: -395px 0 0 -280px;}
.wesen.home {position:absolute; top:50%; left:50%; margin: -395px 0 0 -350px;}


.zentralkreisel,.zentraldreher {position:absolute; top:50%; left:50%; margin: -300px 0 0 -300px;}
.zentralkreisel {width:600px; height:600px;}
.zentraldreher {width:600px; height:600px;margin: -150px 0 0 -150px;}
.zentralkreisel img,.zentraldreher img {position:absolute;
	-webkit-animation: 8s linear 0s infinite  spin_cw;
	animation: 8s linear 0s infinite  spin_cw;
}
.wesen.pulsate img {-webkit-animation: pulsate 1s ease-out infinite ; animation: pulsate 1s ease-out infinite ; }
.wesen.pulsate_02 img {-webkit-animation: pulsate 5s ease-out infinite ; animation: pulsate 5s ease-out infinite ; }
.wesen.shake img {-webkit-animation: shake-base 1s ease-out infinite ; animation: shake-base 1s ease-out infinite ; }

.kreisel_left, .pille_left {position:absolute; top:50%; left:10%; margin: -100px 0 0 0;}
.kreisel_right, .pille_right {position:absolute; top:50%; right:10%; margin: -100px 0 0 0;}
.kreisel img {position:absolute; -webkit-animation: 8s linear 0s infinite  spin_cw; animation: 8s linear 0s infinite  spin_cw;}
.kreisel {width:200px; height:200px;}
.kreisel_top_left {position:absolute; top:5%; left:5%; }
.kreisel_top_right {position:absolute; top:5%; right:5%; }
.kreisel_bottom_left {position:absolute; bottom:5%; left:5%;}
.kreisel_bottom_right {position:absolute; bottom:5%; right:5%; }
 
.pille {width:200px; height:200px;}
.pille_left {position:absolute; top:50%; left:10%; margin: -100px 0 0 0;}
.pille_right {position:absolute; top:50%; right:10%; margin: -100px 0 0 0;}
.pille img {position:absolute; -webkit-animation: 8s linear 0s normal none infinite  spin_cw; animation: 8s linear 0s normal none infinite  spin_cw;}

.pille_top_left {position:absolute; top:5%; left:5%;}
.pille_top_right {position:absolute; top:5%; right:5%; }
.pille_bottom_left {position:absolute; bottom:5%; left:5%; }
.pille_bottom_right {position:absolute; bottom:5%; right:5%; }

.pille_innen_top_left {position:absolute; top:15%; left:25%; margin: -100px 0 0 0;}
.pille_innen_top_right {position:absolute; top:15%; right:25%; margin: -100px 0 0 0;}
.pille_innen_bottom_left {position:absolute; bottom:15%; left:25%; margin: -100px 0 0 0;}
.pille_innen_bottom_right {position:absolute; bottom:15%; right:25%; margin: -100px 0 0 0;}

.pille_six, .pille_six img {width: 100px; height:100px;}
.pille_six_1 {position:absolute; top:5%; left:30%; margin:0 0 0 -50px;}
.pille_six_2 {position:absolute; top:5%; right:30%; margin: 0 0 0 -50px;}
.pille_six_3 {position:absolute; top:50%; right:20%; margin: -50px 0 0 0;}
.pille_six_4 {position:absolute; bottom:5%; right:30%; margin: -50px 0 0 0px;}
.pille_six_5 {position:absolute; bottom:5%; left:30%; margin: 0 0 0 -50px;}
.pille_six_6 {position:absolute; top:50%; left:20%; margin: 0 0 0 -50px;}

.pille_four, .pille_four img {width: 100px; height:100px;}
.pille_four_1_1 {position:absolute; top:2%; left:50%; margin: 0 0 0 -50px; }
.pille_four_1_2 {position:absolute; top:50%; right:10%; margin: -50px 0 0 0;}
.pille_four_1_3 {position:absolute; bottom:2%; left:50%;margin: 0 0 0 -50px;}
.pille_four_1_4 {position:absolute; top:50%; left:10%; margin: -50px 0 0 0; }

.pille_four_2_1 {position:absolute; top:15%; left:50%; margin: 0 0 0 -50px; }
.pille_four_2_2 {position:absolute; top:50%; right:25%;margin: -50px 0 0 0; }
.pille_four_2_3 {position:absolute; bottom:15%; left:50%; margin: 0 0 0 -50px; }
.pille_four_2_4 {position:absolute; top:50%; left:25%;margin: -50px 0 0 0; }

.pille_four_3_1 img, .pille_four_3_2 img, .pille_four_3_3 img, .pille_four_3_4 img{width: 150px; height:150px; }
.pille_four_3_1 {position:absolute; top:30%; left:50%;margin: 0 0 0 -75px;width: 150px; height:150px; }
.pille_four_3_2 {position:absolute; top:50%; right:35%;margin: -75px 0 0 0;width: 150px; height:150px;}
.pille_four_3_3 {position:absolute; bottom:30%; left:50%; margin: 0 0 0 -75px; width: 150px; height:150px;}
.pille_four_3_4 {position:absolute; top:50%; left:35%;margin: -75px 0 0 0; width: 150px; height:150px;}

.bg_holder_entry .pille, .bg_holder_entry .pille img {width:160px;height:160px; margin-left:-80px;}

.pills3x4, .pills6 {-webkit-animation: 8s linear 0s infinite spin_cw;animation: 8s linear 0s infinite spin_cw;position:absolute; width:100%; height:100%;}
.pills3x4r {-webkit-animation: 6s linear 0s infinite spin_ccw; animation: 6s linear 0s infinite spin_ccw;position:absolute; width:100%; height:100%;}
.dreher {width:300px;height:300px;}

.dreher img {position:absolute; -webkit-animation: 8s linear 0s normal none infinite spin_cw; animation: 8s linear 0s normal none infinite spin_cw;}
.dreher_left {position:absolute; top:50%; left:10%; margin: -150px 0 0 0;}
.dreher_right {position:absolute; top:50%; right:10%; margin: -150px 0 0 0;}

.dreher_innen_top_left {position:absolute; top:15%; left:25%; }
.dreher_innen_top_right {position:absolute; top:15%; right:25%; }
.dreher_innen_bottom_left {position:absolute; bottom:15%; left:25%; }
.dreher_innen_bottom_right {position:absolute; bottom:15%; right:25%; }
.dreher-zentral {position:absolute; top:50%; left:50%; margin-top:-150px; margin-left:-150px;}
.dreher.pulsate  {-webkit-animation: pulsate 5s ease-out infinite ; animation: pulsate 5s ease-out infinite ;}

.dancer {width:400px;height:400px;}
.dancer img {}
.dancer_left {position:absolute; top:50%; left:10%; margin: -200px 0 0 0;}
.dancer_right {position:absolute; top:50%; right:10%; margin: -200px 0 0 0;}

.mover_front, .mover_back {position:absolute;}
.mover_back {bottom:-4px; 
		-webkit-animation: mover_h 40s linear infinite alternate;
		animation: mover_h 40s linear infinite alternate;
		
	}
.mover_front {right:0; -webkit-animation: mover_v 10s linear infinite ; animation: mover_v 10s linear infinite ;}
.offset .mover_back {bottom:-50px;}

.bg-scroll {background-attachment:scroll; background-position:0 0; background-repeat: repeat;}
.bg-fixed {background-attachment:fixed;background-position:0 0; background-repeat: repeat;}



.bg1_bild .bg1_kachel { background-repeat: repeat-x; background-attachment: scroll; }
.bg1_bild { background-repeat:no-repeat; background-attachment: scroll; background-position: 50%  335px; background-size: 100% 100%;  margin-top:-35px;}

.bg2_kachel {  background-position: 0 0; background-repeat: repeat-x; background-attachment: scroll; margin-top:-15px;z-index:10;}
.bg2_gradient {z-index:5; 
	background-image: -webkit-linear-gradient(#009ee2 0%, #273149 100%);
	background-image: linear-gradient(to bottom, #009ee2 0%, #273149 100%); 
	background-repeat: repeat; background-attachment: scroll; background-position: 0 0; background-color: rgba(0, 0, 0, 0);  background-size: 100% 100%; 
	top:90px; }

.bg3_gradient { background-repeat:repeat; background-attachment: scroll; background-position: 0 0; background-color: rgba(0, 0, 0, 0); 
	-webkit-box-shadow: 0 0 80px #253149 inset;
	box-shadow: 0 0 80px #253149 inset; background-size:400% 400%;  -webkit-animation-name: gradient-animation; -webkit-animation-iteration-count: infinite; animation-name: gradient-animation; animation-iteration-count: infinite; }


.shake { -webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 4500ms; -ms-animation-duration: 4500ms; animation-duration: 4500ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s;  }

.shake2 { -webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 4500ms; -ms-animation-duration: 4500ms; animation-duration: 4500ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s;  }

.shake3 { -webkit-animation-name: shake-base2; -ms-animation-name: shake-base2; animation-name: shake-base2; -webkit-animation-duration: 6500ms; -ms-animation-duration: 6500ms; animation-duration: 6500ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s; }

.mirror img {transform: scaleX(-1);
	filter: FlipH;
    -ms-filter: "FlipH";
	-webkit-transform: scaleX(-1);
}

#menu-programm img {-webkit-animation:none; animation:none;}
#menuanimation .pills6, #seasonal .pills6 {
	-webkit-animation-duration: 30s;
    animation-duration: 30s;
	width:80%;
	height:80%;
	margin: 2% 0 0 10%;
	z-index:9;
}
#menuanimation .pille_six, #menuanimation .pille_six img, #seasonal .pille_six, #seasonal .pille_six img {	width:auto; height: auto;}

#seasonal .pills6  {z-index:13;}

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

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

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

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

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

	@-webkit-keyframes spin_ccw { 100% { -webkit-transform:rotate(360deg); } }
	@-ms-keyframes spin_ccw { 100% { -ms-transform:rotate(360deg); } }
	@keyframes spin_ccw { 100% { transform:rotate(360deg); } }

	@-webkit-keyframes pulsate { 	0% {-webkit-transform: scale(1, 1);} 	50% {-webkit-transform: scale(0.8, 0.8)} 100% {-webkit-transform: scale(1, 1); }}
	@-ms-keyframes pulsate { 	0% {-ms-transform: scale(1, 1);} 	50% {-ms-transform: scale(0.8, 0.8)}  100% {-ms-transform: scale(1, 1); }}
	@keyframes pulsate { 	0% {transform: scale(1, 1);} 	50% {transform: scale(0.8, 0.8)} 100% {transform: scale(1, 1); }}
  
     	@-webkit-keyframes gradient-animation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 	100%{background-position:0% 50%}  }
	@-ms-keyframes gradient-animation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 	100%{background-position:0% 50%}  }
	@keyframes gradient-animation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 	100%{background-position:0% 50%}  }