@charset "UTF-8";
/* Default styles. */ 
span.popslideleft { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Pop style. */ 
span.popslideleft:hover { 
top: -14px; 
} 


/* Rotation style. [Hover] */ 
span.popslideleft:hover { 
-webkit-transform:rotate(-3deg); 
-moz-transform:rotate(-3deg); 
-ms-transform:rotate(-3deg); 
-o-transform:rotate(-3deg); 
transform:rotate(-3deg); 
} 


/* Transition. */ 
span.popslideleft { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 


/* Default styles. */ 
span.popslideright { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Pop style. */ 
span.popslideright:hover { 
top: -14px; 
} 


/* Rotation style. [Hover] */ 
span.popslideright:hover { 
-webkit-transform:rotate(3deg); 
-moz-transform:rotate(3deg); 
-ms-transform:rotate(3deg); 
-o-transform:rotate(3deg); 
transform:rotate(3deg); 
} 


/* Transition. */ 
span.popslideright { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 


/* Default styles. */ 
span.pop { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Pop style. */ 
span.pop:hover { 
top: -14px; 
} 


/* Transition. */ 
span.pop { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 


/* Default styles. */ 
span.shake { 
position:relative; 
display:inline-block; 
background-repeat:no-repeat; 
background-size:100% 100%; 
} 


/* Shake style. */ 
@keyframes shake{ 
0% { transform: translate(2px, 1px) rotate(0deg); } 
10% { transform: translate(-1px, -2px) rotate(-1deg); } 
20% { transform: translate(-3px, 0px) rotate(1deg); } 
30% { transform: translate(0px, 2px) rotate(0deg); } 
40% { transform: translate(1px, -1px) rotate(1deg); } 
50% { transform: translate(-1px, 2px) rotate(-1deg); } 
60% { transform: translate(-3px, 1px) rotate(0deg); } 
70% { transform: translate(2px, 1px) rotate(-1deg); } 
80% { transform: translate(-1px, -1px) rotate(1deg); } 
90% { transform: translate(2px, 2px) rotate(0deg); } 
100% { transform: translate(1px, -2px) rotate(-1deg); } 
} 
@-moz-keyframes shake{ 
0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 
40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } 
} 
@-webkit-keyframes shake { 
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } 
} 
span.shake 
 { 
display:inline-block; 
 } 
span.shake:hover, 
span.shake.shake:focus { 
animation-name: shake; 
animation-duration: 0.8s; 
transform-origin:50% 50%; 
animation-iteration-count: infinite; 
animation-timing-function: linear; 
-moz-animation-name: shake; 
-moz-animation-duration: 0.8s; 
-moz-transform-origin:50% 50%; 
-moz-animation-iteration-count: infinite; 
-moz-animation-timing-function: linear; 
-webkit-animation-name: shake; 
-webkit-animation-duration: 0.8s; 
-webkit-transform-origin:50% 50%; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: linear; 
} 


/* Transition. */ 
span.shake { 
/*transition-property: box-shadow;*/ 
transition-duration:0.5s; 
transition-timing-function: ease; 
transition-delay:0s; 
/* Firefox */ 
/*-moz-transition-property: -moz-box-shadow;*/ 
-moz-transition-duration:0.5s; 
-moz-transition-timing-function:ease; 
-moz-transition-delay:0s; 
/* Safari and Chrome */ 
/*-webkit-transition-property: -webkit-box-shadow;*/ 
-webkit-transition-duration:0.5s; 
-webkit-transition-timing-function:ease; 
-webkit-transition-delay:0s; 
/* Opera */ 
/*-o-transition-property: -o-box-shadow;*/ 
-o-transition-duration:0.5s; 
-o-transition-timing-function:ease; 
-o-transition-delay:0s; 
} 


/* Styles and effects for views with common styles/effects. */ 


/* CSS Document */