article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display : block;
}
audio, canvas, video {
display : inline-block;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden] {
display : none;
}
html {
font-size : 100%;
}
html, button, input, select, textarea {
font-family : sans-serif;
}
body {
margin : 0;
}
a:focus {
outline : thin dotted;
}
a:active, a:hover {
outline : 0;
}
h1 {
font-size : 2em;
margin : 0.67em 0;
}
h2 {
font-size : 1.5em;
margin : 0.83em 0;
}
h3 {
font-size : 1.17em;
margin : 1em 0;
}
h4 {
font-size : 1em;
margin : 1.33em 0;
}
h5 {
font-size : 0.83em;
margin : 1.67em 0;
}
h6 {
font-size : 0.67em;
margin : 2.33em 0;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : 700;
}
blockquote {
margin : 1em 40px;
}
dfn {
font-style : italic;
}
hr {
box-sizing : content-box;
height : 0;
}
mark {
background : #ff0;
color : #000;
}
p, pre {
margin : 1em 0;
}
code, kbd, pre, samp {
font-family : monospace, serif;
font-size : 1em;
}
pre {
white-space : pre;
white-space : pre-wrap;
overflow-wrap : break-word;
}
q {
quotes : none;
}
q:before, q:after {
content : '';
content : none;
}
small {
font-size : 80%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
dl, menu, ol, ul {
margin : 1em 0;
}
dd {
margin : 0 0 0 40px;
}
menu, ol, ul {
padding : 0 0 0 40px;
}
nav ul, nav ol {
list-style : none;
list-style-image : none;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 0;
}
form {
margin : 0;
}
fieldset {
border : silver solid 1px;
margin : 0 2px;
padding : 0.35em 0.625em 0.75em;
}
legend {
border : 0;
padding : 0;
white-space : normal;
}
button, input, select, textarea {
font-size : 100%;
margin : 0;
vertical-align : baseline;
}
button, input {
line-height : normal;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing : border-box;
padding : 0;
}
input[type="search"] {
box-sizing : content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border : 0;
padding : 0;
}
textarea {
overflow : auto;
vertical-align : top;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
.animated {
animation-duration : 1s;
animation-fill-mode : both;
}
.animated.infinite {
animation-iteration-count : infinite;
}
.animated.hinge {
animation-duration : 2s;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
animation-duration : 0.75s;
}
@keyframes bounce {
20%, 53%, 80%, from, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
transform : translate3d(0,0,0);
}
40%, 43% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-30px,0);
}
70% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-15px,0);
}
90% {
transform : translate3d(0,-4px,0);
}
}
.bounce {
animation-name : bounce;
transform-origin : center bottom;
}
@keyframes flash {
50%, from, to {
opacity : 1;
}
25%, 75% {
opacity : 0;
}
}
.flash {
animation-name : flash;
}
@keyframes pulse {
from {
transform : scale3d(1,1,1);
}
50% {
transform : scale3d(1.05,1.05,1.05);
}
to {
transform : scale3d(1,1,1);
}
}
.pulse {
animation-name : pulse;
}
@keyframes rubberBand {
from {
transform : scale3d(1,1,1);
}
30% {
transform : scale3d(1.25,0.75,1);
}
40% {
transform : scale3d(0.75,1.25,1);
}
50% {
transform : scale3d(1.15,0.85,1);
}
65% {
transform : scale3d(0.95,1.05,1);
}
75% {
transform : scale3d(1.05,0.95,1);
}
to {
transform : scale3d(1,1,1);
}
}
.rubberBand {
animation-name : rubberBand;
}
@keyframes shake {
from, to {
transform : translate3d(0,0,0);
}
10%, 30%, 50%, 70%, 90% {
transform : translate3d(-10px,0,0);
}
20%, 40%, 60%, 80% {
transform : translate3d(10px,0,0);
}
}
.shake {
animation-name : shake;
}
@keyframes swing {
20% {
transform : rotate3d(0,0,1,15deg);
}
40% {
transform : rotate3d(0,0,1,-10deg);
}
60% {
transform : rotate3d(0,0,1,5deg);
}
80% {
transform : rotate3d(0,0,1,-5deg);
}
to {
transform : rotate3d(0,0,1,0deg);
}
}
.swing {
transform-origin : top center;
animation-name : swing;
}
@keyframes tada {
from {
transform : scale3d(1,1,1);
}
10%, 20% {
transform : scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
}
30%, 50%, 70%, 90% {
transform : scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
}
40%, 60%, 80% {
transform : scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
}
to {
transform : scale3d(1,1,1);
}
}
.tada {
animation-name : tada;
}
@keyframes wobble {
from {
transform : none;
}
15% {
transform : translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
}
30% {
transform : translate3d(20%,0,0) rotate3d(0,0,1,3deg);
}
45% {
transform : translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
}
60% {
transform : translate3d(10%,0,0) rotate3d(0,0,1,2deg);
}
75% {
transform : translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
}
to {
transform : none;
}
}
.wobble {
animation-name : wobble;
}
@keyframes jello {
11.1%, from, to {
transform : none;
}
22.2% {
transform : skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform : skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform : skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform : skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform : skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform : skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
transform : skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.jello {
animation-name : jello;
transform-origin : center;
}
@keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
20% {
transform : scale3d(1.1,1.1,1.1);
}
40% {
transform : scale3d(0.9,0.9,0.9);
}
60% {
opacity : 1;
transform : scale3d(1.03,1.03,1.03);
}
80% {
transform : scale3d(0.97,0.97,0.97);
}
to {
opacity : 1;
transform : scale3d(1,1,1);
}
}
.bounceIn {
animation-name : bounceIn;
}
@keyframes bounceInDown {
60%, 75%, 90%, from, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(0,-3000px,0);
}
60% {
opacity : 1;
transform : translate3d(0,25px,0);
}
75% {
transform : translate3d(0,-10px,0);
}
90% {
transform : translate3d(0,5px,0);
}
to {
transform : none;
}
}
.bounceInDown {
animation-name : bounceInDown;
}
@keyframes bounceInLeft {
60%, 75%, 90%, from, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(-3000px,0,0);
}
60% {
opacity : 1;
transform : translate3d(25px,0,0);
}
75% {
transform : translate3d(-10px,0,0);
}
90% {
transform : translate3d(5px,0,0);
}
to {
transform : none;
}
}
.bounceInLeft {
animation-name : bounceInLeft;
}
@keyframes bounceInRight {
60%, 75%, 90%, from, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
from {
opacity : 0;
transform : translate3d(3000px,0,0);
}
60% {
opacity : 1;
transform : translate3d(-25px,0,0);
}
75% {
transform : translate3d(10px,0,0);
}
90% {
transform : translate3d(-5px,0,0);
}
to {
transform : none;
}
}
.bounceInRight {
animation-name : bounceInRight;
}
@keyframes bounceInUp {
60%, 75%, 90%, from, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
from {
opacity : 0;
transform : translate3d(0,3000px,0);
}
60% {
opacity : 1;
transform : translate3d(0,-20px,0);
}
75% {
transform : translate3d(0,10px,0);
}
90% {
transform : translate3d(0,-5px,0);
}
to {
transform : translate3d(0,0,0);
}
}
.bounceInUp {
animation-name : bounceInUp;
}
@keyframes bounceOut {
20% {
transform : scale3d(0.9,0.9,0.9);
}
50%, 55% {
opacity : 1;
transform : scale3d(1.1,1.1,1.1);
}
to {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
}
.bounceOut {
animation-name : bounceOut;
}
@keyframes bounceOutDown {
20% {
transform : translate3d(0,10px,0);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,-20px,0);
}
to {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.bounceOutDown {
animation-name : bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity : 1;
transform : translate3d(20px,0,0);
}
to {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.bounceOutLeft {
animation-name : bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity : 1;
transform : translate3d(-20px,0,0);
}
to {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.bounceOutRight {
animation-name : bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform : translate3d(0,-10px,0);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,20px,0);
}
to {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.bounceOutUp {
animation-name : bounceOutUp;
}
@keyframes fadeIn {
from {
opacity : 0;
}
to {
opacity : 1;
}
}
.fadeIn {
animation-name : fadeIn;
}
@keyframes fadeInDown {
from {
opacity : 0;
transform : translate3d(0,-100%,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInDown {
animation-name : fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInDownBig {
animation-name : fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity : 0;
transform : translate3d(-100%,0,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInLeft {
animation-name : fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInLeftBig {
animation-name : fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity : 0;
transform : translate3d(100%,0,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInRight {
animation-name : fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity : 0;
transform : translate3d(2000px,0,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInRightBig {
animation-name : fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity : 0;
transform : translate3d(0,100%,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInUp {
animation-name : fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity : 0;
transform : translate3d(0,2000px,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInUpBig {
animation-name : fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity : 1;
}
to {
opacity : 0;
}
}
.fadeOut {
animation-name : fadeOut;
}
@keyframes fadeOutDown {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,100%,0);
}
}
.fadeOutDown {
animation-name : fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.fadeOutDownBig {
animation-name : fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.fadeOutLeft {
animation-name : fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.fadeOutLeftBig {
animation-name : fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.fadeOutRight {
animation-name : fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.fadeOutRightBig {
animation-name : fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,-100%,0);
}
}
.fadeOutUp {
animation-name : fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.fadeOutUpBig {
animation-name : fadeOutUpBig;
}
@keyframes flip {
from {
transform : perspective(400px) rotate3d(0,1,0,-360deg);
animation-timing-function : ease-out;
}
40% {
transform : perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
animation-timing-function : ease-out;
}
50% {
transform : perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
animation-timing-function : ease-in;
}
80% {
transform : perspective(400px) scale3d(0.95,0.95,0.95);
animation-timing-function : ease-in;
}
to {
transform : perspective(400px);
animation-timing-function : ease-in;
}
}
.animated.flip {
backface-visibility : visible;
animation-name : flip;
}
@keyframes flipInX {
from {
transform : perspective(400px) rotate3d(1,0,0,90deg);
animation-timing-function : ease-in;
opacity : 0;
}
40% {
transform : perspective(400px) rotate3d(1,0,0,-20deg);
animation-timing-function : ease-in;
}
60% {
transform : perspective(400px) rotate3d(1,0,0,10deg);
opacity : 1;
}
80% {
transform : perspective(400px) rotate3d(1,0,0,-5deg);
}
to {
transform : perspective(400px);
}
}
.flipInX {
backface-visibility : visible !important ;
animation-name : flipInX;
}
@keyframes flipInY {
from {
transform : perspective(400px) rotate3d(0,1,0,90deg);
animation-timing-function : ease-in;
opacity : 0;
}
40% {
transform : perspective(400px) rotate3d(0,1,0,-20deg);
animation-timing-function : ease-in;
}
60% {
transform : perspective(400px) rotate3d(0,1,0,10deg);
opacity : 1;
}
80% {
transform : perspective(400px) rotate3d(0,1,0,-5deg);
}
to {
transform : perspective(400px);
}
}
.flipInY {
backface-visibility : visible !important ;
animation-name : flipInY;
}
@keyframes flipOutX {
from {
transform : perspective(400px);
}
30% {
transform : perspective(400px) rotate3d(1,0,0,-20deg);
opacity : 1;
}
to {
transform : perspective(400px) rotate3d(1,0,0,90deg);
opacity : 0;
}
}
.flipOutX {
animation-name : flipOutX;
backface-visibility : visible !important ;
}
@keyframes flipOutY {
from {
transform : perspective(400px);
}
30% {
transform : perspective(400px) rotate3d(0,1,0,-15deg);
opacity : 1;
}
to {
transform : perspective(400px) rotate3d(0,1,0,90deg);
opacity : 0;
}
}
.flipOutY {
backface-visibility : visible !important ;
animation-name : flipOutY;
}
@keyframes lightSpeedIn {
from {
transform : translate3d(100%,0,0) skewX(-30deg);
opacity : 0;
}
60% {
transform : skewX(20deg);
opacity : 1;
}
80% {
transform : skewX(-5deg);
opacity : 1;
}
to {
transform : none;
opacity : 1;
}
}
.lightSpeedIn {
animation-name : lightSpeedIn;
animation-timing-function : ease-out;
}
@keyframes lightSpeedOut {
from {
opacity : 1;
}
to {
transform : translate3d(100%,0,0) skewX(30deg);
opacity : 0;
}
}
.lightSpeedOut {
animation-name : lightSpeedOut;
animation-timing-function : ease-in;
}
@keyframes rotateIn {
from {
transform-origin : center;
transform : rotate3d(0,0,1,-200deg);
opacity : 0;
}
to {
transform-origin : center;
transform : none;
opacity : 1;
}
}
.rotateIn {
animation-name : rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin : left bottom;
transform : rotate3d(0,0,1,-45deg);
opacity : 0;
}
to {
transform-origin : left bottom;
transform : none;
opacity : 1;
}
}
.rotateInDownLeft {
animation-name : rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin : right bottom;
transform : rotate3d(0,0,1,45deg);
opacity : 0;
}
to {
transform-origin : right bottom;
transform : none;
opacity : 1;
}
}
.rotateInDownRight {
animation-name : rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin : left bottom;
transform : rotate3d(0,0,1,45deg);
opacity : 0;
}
to {
transform-origin : left bottom;
transform : none;
opacity : 1;
}
}
.rotateInUpLeft {
animation-name : rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin : right bottom;
transform : rotate3d(0,0,1,-90deg);
opacity : 0;
}
to {
transform-origin : right bottom;
transform : none;
opacity : 1;
}
}
.rotateInUpRight {
animation-name : rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin : center;
opacity : 1;
}
to {
transform-origin : center;
transform : rotate3d(0,0,1,200deg);
opacity : 0;
}
}
.rotateOut {
animation-name : rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin : left bottom;
opacity : 1;
}
to {
transform-origin : left bottom;
transform : rotate3d(0,0,1,45deg);
opacity : 0;
}
}
.rotateOutDownLeft {
animation-name : rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin : right bottom;
opacity : 1;
}
to {
transform-origin : right bottom;
transform : rotate3d(0,0,1,-45deg);
opacity : 0;
}
}
.rotateOutDownRight {
animation-name : rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin : left bottom;
opacity : 1;
}
to {
transform-origin : left bottom;
transform : rotate3d(0,0,1,-45deg);
opacity : 0;
}
}
.rotateOutUpLeft {
animation-name : rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin : right bottom;
opacity : 1;
}
to {
transform-origin : right bottom;
transform : rotate3d(0,0,1,90deg);
opacity : 0;
}
}
.rotateOutUpRight {
animation-name : rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin : top left;
animation-timing-function : ease-in-out;
}
20%, 60% {
transform : rotate3d(0,0,1,80deg);
transform-origin : top left;
animation-timing-function : ease-in-out;
}
40%, 80% {
transform : rotate3d(0,0,1,60deg);
transform-origin : top left;
animation-timing-function : ease-in-out;
opacity : 1;
}
to {
transform : translate3d(0,700px,0);
opacity : 0;
}
}
.hinge {
animation-name : hinge;
}
@keyframes rollIn {
from {
opacity : 0;
transform : translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
}
to {
opacity : 1;
transform : none;
}
}
.rollIn {
animation-name : rollIn;
}
@keyframes rollOut {
from {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0) rotate3d(0,0,1,120deg);
}
}
.rollOut {
animation-name : rollOut;
}
@keyframes zoomIn {
from {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
50% {
opacity : 1;
}
}
.zoomIn {
animation-name : zoomIn;
}
@keyframes zoomInDown {
from {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomInDown {
animation-name : zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomInLeft {
animation-name : zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomInRight {
animation-name : zoomInRight;
}
@keyframes zoomInUp {
from {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomInUp {
animation-name : zoomInUp;
}
@keyframes zoomOut {
from {
opacity : 1;
}
50% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
to {
opacity : 0;
}
}
.zoomOut {
animation-name : zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
to {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
transform-origin : center bottom;
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomOutDown {
animation-name : zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
}
to {
opacity : 0;
transform : scale(0.1) translate3d(-2000px,0,0);
transform-origin : left center;
}
}
.zoomOutLeft {
animation-name : zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
}
to {
opacity : 0;
transform : scale(0.1) translate3d(2000px,0,0);
transform-origin : right center;
}
}
.zoomOutRight {
animation-name : zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
}
to {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
transform-origin : center bottom;
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
}
}
.zoomOutUp {
animation-name : zoomOutUp;
}
@keyframes slideInDown {
from {
transform : translate3d(0,-100%,0);
visibility : visible;
}
to {
transform : translate3d(0,0,0);
}
}
.slideInDown {
animation-name : slideInDown;
}
@keyframes slideInLeft {
from {
transform : translate3d(-100%,0,0);
visibility : visible;
}
to {
transform : translate3d(0,0,0);
}
}
.slideInLeft {
animation-name : slideInLeft;
}
@keyframes slideInRight {
from {
transform : translate3d(100%,0,0);
visibility : visible;
}
to {
transform : translate3d(0,0,0);
}
}
.slideInRight {
animation-name : slideInRight;
}
@keyframes slideInUp {
from {
transform : translate3d(0,100%,0);
visibility : visible;
}
to {
transform : translate3d(0,0,0);
}
}
.slideInUp {
animation-name : slideInUp;
}
@keyframes slideOutDown {
from {
transform : translate3d(0,0,0);
}
to {
visibility : hidden;
transform : translate3d(0,100%,0);
}
}
.slideOutDown {
animation-name : slideOutDown;
}
@keyframes slideOutLeft {
from {
transform : translate3d(0,0,0);
}
to {
visibility : hidden;
transform : translate3d(-100%,0,0);
}
}
.slideOutLeft {
animation-name : slideOutLeft;
}
@keyframes slideOutRight {
from {
transform : translate3d(0,0,0);
}
to {
visibility : hidden;
transform : translate3d(100%,0,0);
}
}
.slideOutRight {
animation-name : slideOutRight;
}
@keyframes slideOutUp {
from {
transform : translate3d(0,0,0);
}
to {
visibility : hidden;
transform : translate3d(0,-100%,0);
}
}
.slideOutUp {
animation-name : slideOutUp;
}
.hand {
background-image : url(../img/hands.png);
background-repeat : no-repeat;
display : block;
}
.hand-hand1 {
width : 86px;
height : 110px;
background-position : -5px -5px;
}
.hand-hand2 {
width : 86px;
height : 110px;
background-position : -101px -5px;
}
.level1 {
background-image : url(../img/level1.png);
background-repeat : no-repeat;
display : block;
}
.level1-base10 {
width : 140px;
height : 92px;
background-position : -5px -5px;
}
.level1-base11 {
width : 140px;
height : 92px;
background-position : -155px -5px;
}
.level1-base12 {
width : 140px;
height : 92px;
background-position : -305px -5px;
}
.level1-base13 {
width : 140px;
height : 92px;
background-position : -455px -5px;
}
.level1-base14 {
width : 140px;
height : 92px;
background-position : -605px -5px;
}
.level1-base15 {
width : 140px;
height : 92px;
background-position : -755px -5px;
}
.level1-base20 {
width : 140px;
height : 92px;
background-position : -905px -5px;
}
.level1-base21 {
width : 140px;
height : 92px;
background-position : -1055px -5px;
}
.level1-base22 {
width : 140px;
height : 92px;
background-position : -1205px -5px;
}
.level1-base23 {
width : 140px;
height : 92px;
background-position : -1355px -5px;
}
.level1-base24 {
width : 140px;
height : 92px;
background-position : -1505px -5px;
}
.level1-base25 {
width : 140px;
height : 92px;
background-position : -5px -107px;
}
.level1-baseupgrade0 {
width : 60px;
height : 60px;
background-position : -1655px -5px;
}
.level1-baseupgrade1 {
width : 60px;
height : 60px;
background-position : -1655px -75px;
}
.level1-baseupgrade2 {
width : 60px;
height : 60px;
background-position : -155px -145px;
}
.level1-baseupgrade3 {
width : 60px;
height : 60px;
background-position : -225px -145px;
}
.level1-baseupgrade4 {
width : 60px;
height : 60px;
background-position : -295px -145px;
}
.level1-bonuscoin {
width : 200px;
height : 210px;
background-position : -365px -145px;
}
.level1-clickupgrade0 {
width : 60px;
height : 60px;
background-position : -575px -145px;
}
.level1-clickupgrade1 {
width : 60px;
height : 60px;
background-position : -645px -145px;
}
.level1-clickupgrade2 {
width : 60px;
height : 60px;
background-position : -715px -145px;
}
.level1-clickupgrade3 {
width : 60px;
height : 60px;
background-position : -785px -145px;
}
.level1-clickupgrade4 {
width : 60px;
height : 60px;
background-position : -855px -145px;
}
.level1-clickupgrade5 {
width : 60px;
height : 60px;
background-position : -925px -145px;
}
.level1-doge_mine1u0 {
width : 398px;
height : 305px;
background-position : -995px -107px;
}
.level1-doge_mine1u1 {
width : 398px;
height : 305px;
background-position : -5px -422px;
}
.level1-doge_mine1u2 {
width : 398px;
height : 305px;
background-position : -413px -422px;
}
.level1-doge_mine1u2---Copy {
width : 398px;
height : 305px;
background-position : -821px -422px;
}
.level1-doge_mine1u3 {
width : 398px;
height : 305px;
background-position : -1229px -422px;
}
.level1-doge_mine1u4 {
width : 398px;
height : 305px;
background-position : -5px -737px;
}
.level1-doge_mine1u5 {
width : 398px;
height : 305px;
background-position : -413px -737px;
}
.level1-doge_mine1u6 {
width : 398px;
height : 305px;
background-position : -821px -737px;
}
.level1-doge_mine2u0 {
width : 398px;
height : 305px;
background-position : -1229px -737px;
}
.level1-doge_mine2u1 {
width : 398px;
height : 305px;
background-position : -5px -1052px;
}
.level1-doge_mine2u2 {
width : 398px;
height : 305px;
background-position : -413px -1052px;
}
.level1-doge_mine2u3 {
width : 398px;
height : 305px;
background-position : -821px -1052px;
}
.level1-doge_mine2u4 {
width : 398px;
height : 305px;
background-position : -1229px -1052px;
}
.level1-doge_mine2u5 {
width : 398px;
height : 305px;
background-position : -5px -1367px;
}
.level1-doge_mine2u6 {
width : 398px;
height : 305px;
background-position : -413px -1367px;
}
.level1-extraupgrade0 {
width : 60px;
height : 60px;
background-position : -1403px -145px;
}
.level1-extraupgrade1 {
width : 60px;
height : 60px;
background-position : -1473px -145px;
}
.level1-extraupgrade2 {
width : 60px;
height : 60px;
background-position : -1543px -145px;
}
.level1-extraupgrade3 {
width : 60px;
height : 60px;
background-position : -1613px -145px;
}
.level1-extraupgrade4 {
width : 60px;
height : 60px;
background-position : -1683px -145px;
}
.level1-extraupgrade5 {
width : 60px;
height : 60px;
background-position : -5px -215px;
}
.level1-extraupgrade6 {
width : 60px;
height : 60px;
background-position : -75px -215px;
}
.level1-kennels10 {
width : 100px;
height : 91px;
background-position : -145px -215px;
}
.level1-kennels11 {
width : 100px;
height : 91px;
background-position : -255px -215px;
}
.level1-kennels12 {
width : 100px;
height : 91px;
background-position : -575px -215px;
}
.level1-kennels13 {
width : 100px;
height : 91px;
background-position : -685px -215px;
}
.level1-kennels14 {
width : 100px;
height : 91px;
background-position : -795px -215px;
}
.level1-kennels15 {
width : 100px;
height : 91px;
background-position : -1403px -215px;
}
.level1-kennels16 {
width : 100px;
height : 91px;
background-position : -1513px -215px;
}
.level1-kennels20 {
width : 100px;
height : 91px;
background-position : -1623px -215px;
}
.level1-kennels21 {
width : 100px;
height : 91px;
background-position : -5px -316px;
}
.level1-kennels22 {
width : 100px;
height : 91px;
background-position : -115px -316px;
}
.level1-kennels23 {
width : 100px;
height : 91px;
background-position : -225px -316px;
}
.level1-kennels24 {
width : 100px;
height : 91px;
background-position : -575px -316px;
}
.level1-kennels25 {
width : 100px;
height : 91px;
background-position : -685px -316px;
}
.level1-kennels26 {
width : 100px;
height : 91px;
background-position : -795px -316px;
}
.level1-kennelsupgrade0 {
width : 60px;
height : 60px;
background-position : -905px -215px;
}
.level1-kennelsupgrade1 {
width : 60px;
height : 60px;
background-position : -905px -316px;
}
.level1-kennelsupgrade2 {
width : 60px;
height : 60px;
background-position : -1403px -316px;
}
.level1-kennelsupgrade3 {
width : 60px;
height : 60px;
background-position : -1473px -316px;
}
.level1-kennelsupgrade4 {
width : 60px;
height : 60px;
background-position : -1543px -316px;
}
.level1-kennelsupgrade5 {
width : 60px;
height : 60px;
background-position : -1613px -316px;
}
.level1-kitten10 {
width : 110px;
height : 70px;
background-position : -1637px -386px;
}
.level1-kitten11 {
width : 110px;
height : 70px;
background-position : -1637px -466px;
}
.level1-kitten12 {
width : 110px;
height : 70px;
background-position : -1637px -546px;
}
.level1-kitten13 {
width : 110px;
height : 70px;
background-position : -1637px -626px;
}
.level1-kitten14 {
width : 110px;
height : 70px;
background-position : -1637px -706px;
}
.level1-kitten15 {
width : 110px;
height : 70px;
background-position : -1637px -786px;
}
.level1-kitten16 {
width : 110px;
height : 70px;
background-position : -1637px -866px;
}
.level1-kitten20 {
width : 110px;
height : 70px;
background-position : -1637px -946px;
}
.level1-kitten21 {
width : 110px;
height : 70px;
background-position : -1637px -1026px;
}
.level1-kitten22 {
width : 110px;
height : 70px;
background-position : -1637px -1106px;
}
.level1-kitten23 {
width : 110px;
height : 70px;
background-position : -1637px -1186px;
}
.level1-kitten24 {
width : 110px;
height : 70px;
background-position : -1637px -1266px;
}
.level1-kitten25 {
width : 110px;
height : 70px;
background-position : -1637px -1346px;
}
.level1-kitten26 {
width : 110px;
height : 70px;
background-position : -821px -1426px;
}
.level1-kittensupgrade0 {
width : 60px;
height : 60px;
background-position : -1683px -316px;
}
.level1-kittensupgrade1 {
width : 60px;
height : 60px;
background-position : -941px -1426px;
}
.level1-kittensupgrade2 {
width : 60px;
height : 60px;
background-position : -1011px -1426px;
}
.level1-kittensupgrade3 {
width : 60px;
height : 60px;
background-position : -1081px -1426px;
}
.level1-kittensupgrade4 {
width : 60px;
height : 60px;
background-position : -1151px -1426px;
}
.level1-kittensupgrade5 {
width : 60px;
height : 60px;
background-position : -1221px -1426px;
}
.level1-rig10 {
width : 150px;
height : 89px;
background-position : -1291px -1367px;
}
.level1-rig11 {
width : 150px;
height : 89px;
background-position : -1451px -1367px;
}
.level1-rig12 {
width : 150px;
height : 89px;
background-position : -1611px -1426px;
}
.level1-rig13 {
width : 150px;
height : 89px;
background-position : -821px -1525px;
}
.level1-rig14 {
width : 150px;
height : 89px;
background-position : -981px -1525px;
}
.level1-rig15 {
width : 150px;
height : 89px;
background-position : -1141px -1525px;
}
.level1-rig16 {
width : 150px;
height : 89px;
background-position : -1301px -1525px;
}
.level1-rig20 {
width : 150px;
height : 89px;
background-position : -1461px -1525px;
}
.level1-rig21 {
width : 150px;
height : 89px;
background-position : -821px -1624px;
}
.level1-rig22 {
width : 150px;
height : 89px;
background-position : -981px -1624px;
}
.level1-rig23 {
width : 150px;
height : 89px;
background-position : -1141px -1624px;
}
.level1-rig24 {
width : 150px;
height : 89px;
background-position : -1301px -1624px;
}
.level1-rig25 {
width : 150px;
height : 89px;
background-position : -1461px -1624px;
}
.level1-rig26 {
width : 150px;
height : 89px;
background-position : -1725px -5px;
}
.level1-rig6 {
width : 150px;
height : 89px;
background-position : -1753px -104px;
}
.level1-rigupgrade0 {
width : 60px;
height : 60px;
background-position : -1753px -203px;
}
.level1-rigupgrade1 {
width : 60px;
height : 60px;
background-position : -1823px -203px;
}
.level1-rigupgrade2 {
width : 60px;
height : 60px;
background-position : -1753px -273px;
}
.level1-rigupgrade3 {
width : 60px;
height : 60px;
background-position : -1823px -273px;
}
.level1-rigupgrade4 {
width : 60px;
height : 60px;
background-position : -1757px -343px;
}
.level1-rigupgrade5 {
width : 60px;
height : 60px;
background-position : -1827px -343px;
}
.level1-rocket10 {
width : 80px;
height : 140px;
background-position : -1757px -413px;
}
.level1-rocket11 {
width : 80px;
height : 140px;
background-position : -1847px -413px;
}
.level1-rocket12 {
width : 80px;
height : 140px;
background-position : -1757px -563px;
}
.level1-rocket13 {
width : 80px;
height : 140px;
background-position : -1847px -563px;
}
.level1-rocket14 {
width : 80px;
height : 140px;
background-position : -1757px -713px;
}
.level1-rocket15 {
width : 80px;
height : 140px;
background-position : -1847px -713px;
}
.level1-rocket20 {
width : 80px;
height : 140px;
background-position : -1757px -863px;
}
.level1-rocket21 {
width : 80px;
height : 140px;
background-position : -1847px -863px;
}
.level1-rocket22 {
width : 80px;
height : 140px;
background-position : -1757px -1013px;
}
.level1-rocket23 {
width : 80px;
height : 140px;
background-position : -1847px -1013px;
}
.level1-rocket24 {
width : 80px;
height : 140px;
background-position : -1757px -1163px;
}
.level1-rocket25 {
width : 80px;
height : 140px;
background-position : -1847px -1163px;
}
.level1-rocketupgrade0 {
width : 60px;
height : 60px;
background-position : -1757px -1313px;
}
.level1-rocketupgrade1 {
width : 60px;
height : 60px;
background-position : -1827px -1313px;
}
.level1-rocketupgrade2 {
width : 60px;
height : 60px;
background-position : -1771px -1383px;
}
.level1-rocketupgrade3 {
width : 60px;
height : 60px;
background-position : -1841px -1383px;
}
.level1-rocketupgrade4 {
width : 60px;
height : 60px;
background-position : -1771px -1453px;
}
.level1-shibe0 {
width : 50px;
height : 51px;
background-position : -1841px -1453px;
}
.level1-shibe1 {
width : 50px;
height : 51px;
background-position : -1841px -1514px;
}
.level1-shibe2 {
width : 50px;
height : 51px;
background-position : -1621px -1575px;
}
.level1-shibe20 {
width : 50px;
height : 51px;
background-position : -1681px -1575px;
}
.level1-shibe21 {
width : 50px;
height : 51px;
background-position : -1741px -1575px;
}
.level1-shibe22 {
width : 50px;
height : 51px;
background-position : -1801px -1575px;
}
.level1-shibe23 {
width : 50px;
height : 51px;
background-position : -1861px -1575px;
}
.level1-shibe24 {
width : 50px;
height : 51px;
background-position : -1621px -1636px;
}
.level1-shibe25 {
width : 50px;
height : 51px;
background-position : -1681px -1636px;
}
.level1-shibe26 {
width : 50px;
height : 51px;
background-position : -1741px -1636px;
}
.level1-shibe27 {
width : 50px;
height : 51px;
background-position : -1801px -1636px;
}
.level1-shibe3 {
width : 50px;
height : 51px;
background-position : -1861px -1636px;
}
.level1-shibe4 {
width : 50px;
height : 51px;
background-position : -5px -1697px;
}
.level1-shibe5 {
width : 50px;
height : 51px;
background-position : -65px -1697px;
}
.level1-shibe6 {
width : 50px;
height : 51px;
background-position : -125px -1697px;
}
.level1-shibe7 {
width : 50px;
height : 51px;
background-position : -185px -1697px;
}
.level1-shibeupgrade0 {
width : 60px;
height : 60px;
background-position : -245px -1697px;
}
.level1-shibeupgrade1 {
width : 60px;
height : 60px;
background-position : -315px -1697px;
}
.level1-shibeupgrade2 {
width : 60px;
height : 60px;
background-position : -385px -1697px;
}
.level1-shibeupgrade3 {
width : 60px;
height : 60px;
background-position : -455px -1697px;
}
.level1-shibeupgrade4 {
width : 59px;
height : 60px;
background-position : -525px -1697px;
}
.level1-shibeupgrade5 {
width : 59px;
height : 60px;
background-position : -594px -1697px;
}
.level1-shibeupgrade6 {
width : 59px;
height : 60px;
background-position : -663px -1697px;
}
.level2 {
background-image : url(../img/level2.png?5);
background-repeat : no-repeat;
display : block;
}
.level2-base10 {
width : 140px;
height : 92px;
background-position : -5px -5px;
}
.level2-base11 {
width : 140px;
height : 92px;
background-position : -155px -5px;
}
.level2-base12 {
width : 140px;
height : 92px;
background-position : -305px -5px;
}
.level2-base13 {
width : 140px;
height : 92px;
background-position : -455px -5px;
}
.level2-base20 {
width : 140px;
height : 92px;
background-position : -605px -5px;
}
.level2-base21 {
width : 140px;
height : 92px;
background-position : -755px -5px;
}
.level2-base22 {
width : 140px;
height : 92px;
background-position : -905px -5px;
}
.level2-base23 {
width : 140px;
height : 92px;
background-position : -1055px -5px;
}
.level2-baseupgrade0 {
width : 60px;
height : 60px;
background-position : -1205px -5px;
}
.level2-baseupgrade1 {
width : 60px;
height : 60px;
background-position : -1205px -75px;
}
.level2-baseupgrade2 {
width : 60px;
height : 60px;
background-position : -5px -145px;
}
.level2-clickupgrade0 {
width : 60px;
height : 60px;
background-position : -75px -145px;
}
.level2-clickupgrade1 {
width : 60px;
height : 60px;
background-position : -145px -145px;
}
.level2-clickupgrade2 {
width : 60px;
height : 60px;
background-position : -215px -145px;
}
.level2-doge_mine1u0 {
width : 398px;
height : 305px;
background-position : -285px -107px;
}
.level2-doge_mine1u1 {
width : 398px;
height : 305px;
background-position : -693px -107px;
}
.level2-doge_mine1u2 {
width : 398px;
height : 305px;
background-position : -5px -422px;
}
.level2-doge_mine1u3 {
width : 398px;
height : 305px;
background-position : -413px -422px;
}
.level2-doge_mine2u0 {
width : 398px;
height : 305px;
background-position : -821px -422px;
}
.level2-doge_mine2u1 {
width : 398px;
height : 305px;
background-position : -5px -737px;
}
.level2-doge_mine2u2 {
width : 398px;
height : 305px;
background-position : -413px -737px;
}
.level2-doge_mine2u3 {
width : 398px;
height : 305px;
background-position : -821px -737px;
}
.level2-extraupgrade0 {
width : 60px;
height : 60px;
background-position : -1101px -145px;
}
.level2-extraupgrade1 {
width : 60px;
height : 60px;
background-position : -1171px -145px;
}
.level2-extraupgrade2 {
width : 60px;
height : 60px;
background-position : -5px -215px;
}
.level2-kennels10 {
width : 100px;
height : 91px;
background-position : -75px -215px;
}
.level2-kennels11 {
width : 100px;
height : 91px;
background-position : -1101px -215px;
}
.level2-kennels12 {
width : 100px;
height : 91px;
background-position : -5px -316px;
}
.level2-kennels13 {
width : 100px;
height : 91px;
background-position : -115px -316px;
}
.level2-kennels20 {
width : 100px;
height : 91px;
background-position : -1101px -316px;
}
.level2-kennels21 {
width : 100px;
height : 91px;
background-position : -5px -1052px;
}
.level2-kennels22 {
width : 100px;
height : 91px;
background-position : -115px -1052px;
}
.level2-kennels23 {
width : 100px;
height : 91px;
background-position : -225px -1052px;
}
.level2-kennelsupgrade0 {
width : 60px;
height : 60px;
background-position : -185px -215px;
}
.level2-kennelsupgrade1 {
width : 60px;
height : 60px;
background-position : -1211px -215px;
}
.level2-kennelsupgrade2 {
width : 60px;
height : 60px;
background-position : -1211px -285px;
}
.level2-kitten10 {
width : 110px;
height : 70px;
background-position : -335px -1052px;
}
.level2-kitten11 {
width : 110px;
height : 70px;
background-position : -455px -1052px;
}
.level2-kitten12 {
width : 110px;
height : 70px;
background-position : -575px -1052px;
}
.level2-kitten13 {
width : 110px;
height : 70px;
background-position : -695px -1052px;
}
.level2-kitten20 {
width : 110px;
height : 70px;
background-position : -815px -1052px;
}
.level2-kitten21 {
width : 110px;
height : 70px;
background-position : -935px -1052px;
}
.level2-kitten22 {
width : 110px;
height : 70px;
background-position : -1055px -1052px;
}
.level2-kitten23 {
width : 110px;
height : 70px;
background-position : -1175px -1052px;
}
.level2-kittensupgrade0 {
width : 60px;
height : 60px;
background-position : -1229px -355px;
}
.level2-kittensupgrade1 {
width : 60px;
height : 60px;
background-position : -1229px -425px;
}
.level2-kittensupgrade2 {
width : 60px;
height : 60px;
background-position : -1229px -495px;
}
.level2-rig10 {
width : 150px;
height : 89px;
background-position : -335px -1132px;
}
.level2-rig11 {
width : 150px;
height : 89px;
background-position : -495px -1132px;
}
.level2-rig12 {
width : 150px;
height : 89px;
background-position : -655px -1132px;
}
.level2-rig13 {
width : 150px;
height : 89px;
background-position : -815px -1132px;
}
.level2-rig20 {
width : 150px;
height : 89px;
background-position : -975px -1132px;
}
.level2-rig21 {
width : 150px;
height : 89px;
background-position : -1135px -1132px;
}
.level2-rig22 {
width : 150px;
height : 89px;
background-position : -1275px -5px;
}
.level2-rig23 {
width : 150px;
height : 89px;
background-position : -1275px -104px;
}
.level2-rigupgrade0 {
width : 60px;
height : 60px;
background-position : -1281px -203px;
}
.level2-rigupgrade1 {
width : 60px;
height : 60px;
background-position : -1351px -203px;
}
.level2-rigupgrade2 {
width : 60px;
height : 60px;
background-position : -1281px -273px;
}
.level2-rocket10 {
width : 80px;
height : 140px;
background-position : -1351px -273px;
}
.level2-rocket11 {
width : 80px;
height : 140px;
background-position : -1299px -423px;
}
.level2-rocket12 {
width : 80px;
height : 140px;
background-position : -1229px -573px;
}
.level2-rocket13 {
width : 80px;
height : 140px;
background-position : -1319px -573px;
}
.level2-rocket20 {
width : 80px;
height : 140px;
background-position : -1229px -723px;
}
.level2-rocket21 {
width : 80px;
height : 140px;
background-position : -1319px -723px;
}
.level2-rocket22 {
width : 80px;
height : 140px;
background-position : -1229px -873px;
}
.level2-rocket23 {
width : 80px;
height : 140px;
background-position : -1319px -873px;
}
.level2-rocketupgrade0 {
width : 60px;
height : 60px;
background-position : -1389px -423px;
}
.level2-rocketupgrade1 {
width : 60px;
height : 60px;
background-position : -1389px -493px;
}
.level2-rocketupgrade2 {
width : 60px;
height : 60px;
background-position : -1295px -1023px;
}
.level2-shibe0 {
width : 50px;
height : 51px;
background-position : -1409px -563px;
}
.level2-shibe1 {
width : 50px;
height : 51px;
background-position : -1409px -624px;
}
.level2-shibe2 {
width : 50px;
height : 51px;
background-position : -1409px -685px;
}
.level2-shibe20 {
width : 50px;
height : 51px;
background-position : -1409px -746px;
}
.level2-shibe21 {
width : 50px;
height : 51px;
background-position : -1409px -807px;
}
.level2-shibe22 {
width : 50px;
height : 51px;
background-position : -1409px -868px;
}
.level2-shibe23 {
width : 50px;
height : 51px;
background-position : -1409px -929px;
}
.level2-shibe3 {
width : 50px;
height : 51px;
background-position : -1409px -990px;
}
.level2-shibeupgrade0 {
width : 60px;
height : 60px;
background-position : -1365px -1051px;
}
.level2-shibeupgrade1 {
width : 60px;
height : 60px;
background-position : -1295px -1121px;
}
.level2-shibeupgrade2 {
width : 60px;
height : 60px;
background-position : -1365px -1121px;
}
.level3 {
background-image : url(../img/level3.png);
background-repeat : no-repeat;
display : block;
}
.level3-base10 {
width : 140px;
height : 92px;
background-position : -5px -5px;
}
.level3-base11 {
width : 140px;
height : 92px;
background-position : -155px -5px;
}
.level3-base12 {
width : 140px;
height : 92px;
background-position : -305px -5px;
}
.level3-base13 {
width : 140px;
height : 92px;
background-position : -455px -5px;
}
.level3-base20 {
width : 140px;
height : 92px;
background-position : -605px -5px;
}
.level3-base21 {
width : 140px;
height : 92px;
background-position : -755px -5px;
}
.level3-base22 {
width : 140px;
height : 92px;
background-position : -905px -5px;
}
.level3-base23 {
width : 140px;
height : 92px;
background-position : -1055px -5px;
}
.level3-baseupgrade0 {
width : 60px;
height : 60px;
background-position : -1205px -5px;
}
.level3-baseupgrade1 {
width : 60px;
height : 60px;
background-position : -1205px -75px;
}
.level3-baseupgrade2 {
width : 60px;
height : 60px;
background-position : -5px -145px;
}
.level3-clickupgrade0 {
width : 60px;
height : 60px;
background-position : -75px -145px;
}
.level3-clickupgrade1 {
width : 60px;
height : 60px;
background-position : -145px -145px;
}
.level3-clickupgrade2 {
width : 60px;
height : 60px;
background-position : -215px -145px;
}
.level3-doge_mine1u0 {
width : 398px;
height : 305px;
background-position : -285px -107px;
}
.level3-doge_mine1u1 {
width : 398px;
height : 305px;
background-position : -693px -107px;
}
.level3-doge_mine1u2 {
width : 398px;
height : 305px;
background-position : -5px -422px;
}
.level3-doge_mine1u3 {
width : 398px;
height : 305px;
background-position : -413px -422px;
}
.level3-doge_mine2u0 {
width : 398px;
height : 305px;
background-position : -821px -422px;
}
.level3-doge_mine2u1 {
width : 398px;
height : 305px;
background-position : -5px -737px;
}
.level3-doge_mine2u2 {
width : 398px;
height : 305px;
background-position : -413px -737px;
}
.level3-doge_mine2u3 {
width : 398px;
height : 305px;
background-position : -821px -737px;
}
.level3-extraupgrade0 {
width : 60px;
height : 60px;
background-position : -1101px -145px;
}
.level3-extraupgrade1 {
width : 60px;
height : 60px;
background-position : -1171px -145px;
}
.level3-extraupgrade2 {
width : 60px;
height : 60px;
background-position : -5px -215px;
}
.level3-kennels10 {
width : 100px;
height : 91px;
background-position : -75px -215px;
}
.level3-kennels11 {
width : 100px;
height : 91px;
background-position : -1101px -215px;
}
.level3-kennels12 {
width : 100px;
height : 91px;
background-position : -5px -316px;
}
.level3-kennels13 {
width : 100px;
height : 91px;
background-position : -115px -316px;
}
.level3-kennels20 {
width : 100px;
height : 91px;
background-position : -1101px -316px;
}
.level3-kennels21 {
width : 100px;
height : 91px;
background-position : -5px -1052px;
}
.level3-kennels22 {
width : 100px;
height : 91px;
background-position : -115px -1052px;
}
.level3-kennels23 {
width : 100px;
height : 91px;
background-position : -225px -1052px;
}
.level3-kennelsupgrade0 {
width : 60px;
height : 60px;
background-position : -185px -215px;
}
.level3-kennelsupgrade1 {
width : 60px;
height : 60px;
background-position : -1211px -215px;
}
.level3-kennelsupgrade2 {
width : 60px;
height : 60px;
background-position : -1211px -285px;
}
.level3-kitten10 {
width : 110px;
height : 70px;
background-position : -335px -1052px;
}
.level3-kitten11 {
width : 110px;
height : 70px;
background-position : -455px -1052px;
}
.level3-kitten12 {
width : 110px;
height : 70px;
background-position : -575px -1052px;
}
.level3-kitten13 {
width : 110px;
height : 70px;
background-position : -695px -1052px;
}
.level3-kitten20 {
width : 110px;
height : 70px;
background-position : -815px -1052px;
}
.level3-kitten21 {
width : 110px;
height : 70px;
background-position : -935px -1052px;
}
.level3-kitten22 {
width : 110px;
height : 70px;
background-position : -1055px -1052px;
}
.level3-kitten23 {
width : 110px;
height : 70px;
background-position : -1175px -1052px;
}
.level3-kittensupgrade0 {
width : 60px;
height : 60px;
background-position : -1229px -355px;
}
.level3-kittensupgrade1 {
width : 60px;
height : 60px;
background-position : -1229px -425px;
}
.level3-kittensupgrade2 {
width : 60px;
height : 60px;
background-position : -1229px -495px;
}
.level3-rig10 {
width : 150px;
height : 89px;
background-position : -335px -1132px;
}
.level3-rig11 {
width : 150px;
height : 89px;
background-position : -495px -1132px;
}
.level3-rig12 {
width : 150px;
height : 89px;
background-position : -655px -1132px;
}
.level3-rig13 {
width : 150px;
height : 89px;
background-position : -815px -1132px;
}
.level3-rig20 {
width : 150px;
height : 89px;
background-position : -975px -1132px;
}
.level3-rig21 {
width : 150px;
height : 89px;
background-position : -1135px -1132px;
}
.level3-rig22 {
width : 150px;
height : 89px;
background-position : -1275px -5px;
}
.level3-rig23 {
width : 150px;
height : 89px;
background-position : -1275px -104px;
}
.level3-rigupgrade0 {
width : 60px;
height : 60px;
background-position : -1281px -203px;
}
.level3-rigupgrade1 {
width : 60px;
height : 60px;
background-position : -1351px -203px;
}
.level3-rigupgrade2 {
width : 60px;
height : 60px;
background-position : -1281px -273px;
}
.level3-rocket10 {
width : 80px;
height : 140px;
background-position : -1351px -273px;
}
.level3-rocket11 {
width : 80px;
height : 140px;
background-position : -1299px -423px;
}
.level3-rocket12 {
width : 80px;
height : 140px;
background-position : -1229px -573px;
}
.level3-rocket13 {
width : 80px;
height : 140px;
background-position : -1319px -573px;
}
.level3-rocket20 {
width : 80px;
height : 140px;
background-position : -1229px -723px;
}
.level3-rocket21 {
width : 80px;
height : 140px;
background-position : -1319px -723px;
}
.level3-rocket22 {
width : 80px;
height : 140px;
background-position : -1229px -873px;
}
.level3-rocket23 {
width : 80px;
height : 140px;
background-position : -1319px -873px;
}
.level3-rocketupgrade0 {
width : 60px;
height : 60px;
background-position : -1389px -423px;
}
.level3-rocketupgrade1 {
width : 60px;
height : 60px;
background-position : -1389px -493px;
}
.level3-rocketupgrade2 {
width : 60px;
height : 60px;
background-position : -1295px -1023px;
}
.level3-shibe0 {
width : 50px;
height : 51px;
background-position : -1409px -563px;
}
.level3-shibe1 {
width : 50px;
height : 51px;
background-position : -1409px -624px;
}
.level3-shibe2 {
width : 50px;
height : 51px;
background-position : -1409px -685px;
}
.level3-shibe20 {
width : 50px;
height : 51px;
background-position : -1409px -746px;
}
.level3-shibe21 {
width : 50px;
height : 51px;
background-position : -1409px -807px;
}
.level3-shibe22 {
width : 50px;
height : 51px;
background-position : -1409px -868px;
}
.level3-shibe23 {
width : 50px;
height : 51px;
background-position : -1409px -929px;
}
.level3-shibe3 {
width : 50px;
height : 51px;
background-position : -1409px -990px;
}
.level3-shibeupgrade0 {
width : 60px;
height : 60px;
background-position : -1365px -1051px;
}
.level3-shibeupgrade1 {
width : 60px;
height : 60px;
background-position : -1295px -1121px;
}
.level3-shibeupgrade2 {
width : 60px;
height : 60px;
background-position : -1365px -1121px;
}
@keyframes quickbounce {
from, 10%, 43%, 70%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
transform : translate3d(0,0,0);
}
30%, 33% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-30px,0);
}
60% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-15px,0);
}
80% {
transform : translate3d(0,-4px,0);
}
}
.quickbounce {
animation-name : quickbounce;
transform-origin : center bottom;
}
@keyframes rightshake {
from, to {
transform : translate3d(0,0,0);
}
20%, 60% {
transform : translate3d(5px,0,0);
}
40%, 80% {
transform : translate3d(-5px,0,0);
}
}
.rightshake {
animation-name : rightshake;
}
@keyframes leftshake {
from, to {
transform : translate3d(0,0,0);
}
20%, 60% {
transform : translate3d(-5px,0,0);
}
40%, 80% {
transform : translate3d(5px,0,0);
}
}
.leftshake {
animation-name : leftshake;
}
@keyframes upshake1 {
from, to {
transform : translate3d(0,0,0);
}
20%, 60% {
transform : translate3d(0,-5px,0);
}
40%, 80% {
transform : translate3d(0,5px,0);
}
}
.upshake1 {
animation-name : upshake1;
}
@keyframes upshake2 {
from, to {
transform : translate3d(0,0,0);
}
20%, 60% {
transform : translate3d(0,-2px,0);
}
40%, 80% {
transform : translate3d(0,2px,0);
}
}
.upshake2 {
animation-name : upshake2;
}
@keyframes upshake3 {
from, to {
transform : translate3d(0,0,0);
}
50% {
transform : translate3d(0,-8px,0);
}
}
.upshake3 {
animation-name : upshake3;
}
@keyframes upshake4 {
from, to {
transform : translate3d(0,0,0);
}
50% {
transform : translate3d(0,-5px,0);
}
}
.upshake4 {
animation-name : upshake4;
}
@keyframes upshake5 {
from, to {
transform : translate3d(0,0,0);
}
50% {
transform : translate3d(0,5px,0);
}
}
.upshake5 {
animation-name : upshake5;
}
@keyframes upshake6 {
from, to {
transform : translate3d(0,0,0);
}
50% {
transform : translate3d(0,3px,0);
}
}
.upshake6 {
animation-name : upshake6;
}
@keyframes minipulse {
0% {
transform : scale3d(1,1,1);
}
35% {
transform : scale3d(1.3,1.3,1.3);
}
80% {
transform : scale3d(1,1,1);
}
}
.minipulse {
animation-name : minipulse;
}
@keyframes micropulse {
0% {
transform : scale3d(1,1,1);
}
35% {
transform : scale3d(1.15,1.15,1.15);
}
80% {
transform : scale3d(1,1,1);
}
}
.micropulse {
animation-name : micropulse;
}
@keyframes nanopulse {
0% {
transform : scale3d(1,1,1);
}
35% {
transform : scale3d(1.1,1.1,1.1);
}
80% {
transform : scale3d(1,1,1);
}
}
.nanopulse {
animation-name : nanopulse;
}
body, html {
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
overflow : hidden;
}
body {
background-size : cover;
}
.gpurender {
transform : translateZ(0);
transform : translate3d(0,0,0);
backface-visibility : hidden;
}
.gpurender-children * {
transform : translateZ(0);
transform : translate3d(0,0,0);
backface-visibility : hidden;
}
button, html, input, select, textarea {
color : #222;
}
::-moz-selection {
background : #8e8674;
text-shadow : none;
}
::selection {
background : #8e8674;
text-shadow : none;
}
hr {
display : block;
height : 1px;
border : 0;
border-top : 1px solid #ccc;
margin : 1em 0;
padding : 0;
}
audio, canvas, img, video {
vertical-align : middle;
}
fieldset {
border : 0;
margin : 0;
padding : 0;
}
textarea {
resize : vertical;
}
.browsehappy {
margin : 0.2em 0;
background : #ccc;
color : #000;
padding : 0.2em 0;
}
header .byline {
color : orange;
text-align : center;
vertical-align : middle;
position : relative;
top : -20px;
}
.newsline {
color : #111;
text-align : center;
vertical-align : middle;
}
.coinstext {
position : absolute;
display : block;
text-align : center;
width : 100%;
z-index : 0;
top : 0;
left : 0;
height : 100%;
}
.helpheader {
position : relative;
top : -30px;
}
.tenpadding {
padding : 10px;
}
.helps {
position : relative;
width : 48%;
height : 200px;
float : left;
margin-left : 10px;
}
.inlineheader {
position : relative;
display : inline;
}
.upgrade {
position : relative;
width : 520px;
float : left;
margin-left : 10px;
}
.desc {
font-size : 90%;
}
.disabledopacity {
opacity : 0.5;
}
.noselect {
user-select : none;
}
#FacebookLikeContainer span {
height : 19px;
}
#FacebookLikeContainer iframe {
height : 19px;
}
#medialinks {
position : absolute;
top : 10px;
left : 10px;
z-index : 50;
}
#showhidebutton {
position : absolute;
top : 83px;
height : 17px;
width : 130px;
}
#buttontext {
position : relative;
top : -17px;
font-size : 0.7em;
display : block;
margin-top : 7px;
}
#showhidediv {
position : absolute;
left : 0;
top : 0;
height : 110px;
}
#social-tooltip {
color : #000;
background : #feeebd;
border : #d19405 solid 1px;
width : 270px;
padding : 10px 20px;
top : 17px;
left : 10px;
z-index : 10;
position : absolute;
font-size : 14px;
font-style : normal;
border-radius : 3px;
box-shadow : 2px 2px 2px #999;
cursor : pointer;
}
#social-tooltip b {
width : 15px;
height : 15px;
margin-left : 0;
margin-top : -19px;
display : block;
position : absolute;
transform : rotate(-45deg);
background : #feeebd;
border-top : 1px solid #d19405;
border-right : 1px solid #d19405;
}
.bob {
animation-name : Bob;
}
@keyframes Bob {
25% {
transform : translateY(-4px);
}
75% {
transform : translateY(4px);
}
100% {
transform : translateY(0);
}
}
@keyframes pulseAndColor {
0% {
transform : scale3d(1,1,1);
color : #4c3000;
}
50% {
transform : scale3d(1.05,1.05,1.05);
color : #ff3516;
}
100% {
transform : scale3d(1,1,1);
color : #4c3000;
}
}
.pulseAndColor {
animation-name : pulseAndColor;
}
.pulseAndColor .ui-button-text {
padding : 0.1em 1em 0.1em 2.1em !important ;
}
#fb1 {
position : absolute;
left : 0;
top : 0;
}
#twt1 {
position : absolute;
left : 0;
top : 29px;
}
#twt2 {
position : relative;
top : 28px;
width : 145px;
}
#twitter-widget-1 {
width : 145px !important ;
height : 25px !important ;
}
#gplay {
position : relative;
top : 75px;
}
*, body {
font-family : comic sans, comic sans ms, chalkboard, chalkboardse-regular, averia libre, marker felt, purisa, urw chancery l, sans-serif;
}
.small {
font-size : 70%;
font-family : Arial;
}
#superwrapper {
overflow : visible;
position : relative;
margin : 0 0 0 140px;
padding : 10px;
width : 1392px;
}
#wrapper {
overflow : hidden;
position : relative;
opacity : 0.9;
width : 765px;
height : 703px;
top : 0;
left : 0;
}
#wrapper header {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 2;
}
#achievementwindow {
position : absolute;
width : 800px;
left : 20px;
top : 500px;
}
#achievementwrapper {
position : relative;
width : 800px;
left : 20px;
top : 500px;
}
#pops {
position : absolute;
left : 0;
top : 0;
z-index : 10000;
pointer-events : none;
}
.allpops {
position : absolute;
height : 100px;
width : 200px;
font-size : 20px;
text-align : center;
}
.pop {
font-weight : 700;
color : #ba9f33;
}
.popmoon {
font-weight : 700;
color : #ecf0f1;
text-shadow : 1px 1px 6px #969696;
}
.popmars {
font-weight : 700;
color : #e7674c;
text-shadow : 1px 1px 6px #969696;
}
@keyframes popOut {
0% {
opacity : 1;
}
75% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(0,-100%,0);
}
}
.popOut {
animation-name : popOut;
transition-timing-function : cubic-bezier(0.075,0.82,0.165,1);
}
#news {
position : absolute;
text-align : center;
width : 99%;
top : 17%;
z-index : 2;
overflow : hidden;
height : 60px;
line-height : 60px;
}
#news span {
position : relative;
display : inline-block;
vertical-align : middle;
line-height : normal;
width : 100%;
}
#tabs {
overflow : hidden;
position : absolute;
opacity : 0.9;
width : 600px;
height : 717px;
top : 10px;
right : 0;
font-size : 95%;
}
.help {
position : relative;
top : -45px;
}
#footer {
opacity : 0.9;
margin : 10px auto 0;
overflow : auto;
width : 1420px;
}
#minerwrapper {
position : absolute;
width : 100%;
height : 100%;
}
#miner {
width : 390px;
height : 305px;
position : absolute;
margin-left : auto;
left : 24%;
top : 28%;
margin-right : auto;
cursor : pointer;
z-index : 1;
outline : none;
}
#mined {
font-size : 125%;
position : absolute;
width : 100%;
top : 21.5%;
white-space : nowrap;
}
#mined strong div {
display : inline;
}
#persec {
position : absolute;
width : 100%;
top : 27%;
}
#persec div {
display : inline;
}
#random {
position : absolute;
z-index : 3;
}
#BG {
height : 100%;
width : 100%;
background-image : url(../img/bg/bg1.jpg);
background-size : 100% 100% !important ;
position : absolute;
z-index : -1;
top : 0;
left : 0;
}
#BG2 {
height : 100%;
width : 100%;
position : absolute;
z-index : -2;
background-image : url(../img/bg/bg1.jpg);
background-size : 100% 100% !important ;
top : 0;
left : 0;
}
.lowestbg {
z-index : -5;
}
#helperwrapper {
position : absolute;
left : 55%;
top : 200px;
}
#helperwrapper2 {
position : absolute;
left : -100px;
top : 150px;
}
#shibesdiv {
position : absolute;
left : 100px;
top : 50px;
}
.hover-helper div, #shibesdiv div, #kennelsdiv div, #kittensdiv div, #rocketsdiv div, #basesdiv div, #rigsdiv div {
z-index : 1;
transform : translateZ(0);
box-shadow : 0 0 1px transparent;
backface-visibility : hidden;
transition-duration : 0.3s;
transition-property : transform;
}
.hover-helper div:hover, #shibesdiv div:hover, #kennelsdiv div:hover, #kittensdiv div:hover, #rocketsdiv div:hover, #basesdiv div:hover, #rigsdiv div:hover {
transform : scale(1.3);
z-index : 100;
}
#kennelsdiv {
position : absolute;
left : 100px;
top : 50px;
}
#kittensdiv {
position : absolute;
left : 100px;
top : 50px;
}
#rocketsdiv {
position : absolute;
left : 100px;
}
#basesdiv {
position : absolute;
left : 100px;
}
#rigsdiv {
position : absolute;
left : 430px;
top : 20px;
}
.clickupgradezzzz {
position : absolute;
width : 80px;
height : 90px;
}
#tabs .ui-tabs-nav .ui-icon {
display : inline-block;
}
.ui-effects-transfer {
border : green dotted 2px;
}
.achievement {
z-index : 30000;
padding : 10px;
}
#achiwrapper {
overflow-y : scroll;
overflow-x : hidden;
height : 600px;
}
.shadow {
text-shadow : 1px 1px #bbb;
}
.adsbygoogletext {
font-size : 80%;
}
.no-close .ui-dialog-titlebar-close {
display : none;
}
.toprightimg {
position : absolute;
top : 0;
right : 0;
}
#moondialog {
display : none;
}
#flyingrocket {
background-image : url(../img/flyingrocket.png);
position : relative;
background-repeat : no-repeat;
height : 500px;
width : 187px;
left : -600px;
transform : rotate(60deg);
z-index : 10;
}
.rightsiderocket {
transform : rotate(-60deg) !important ;
}
.flyingdoge {
background-image : url(../img/FlyingDoge.png);
background-repeat : no-repeat;
display : block;
}
.bonuscoinsmall {
background-image : url(../img/bonuscoin_small.png);
background-repeat : no-repeat;
display : block;
}
.introcontainer {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-color : #333;
opacity : 0.7;
z-index : 150;
}
#statstab p {
margin : 0;
}
.delay-1 {
animation-delay : 0.1s;
}
.duration-1 {
animation-duration : 0.1s;
}
.delay-2 {
animation-delay : 0.2s;
}
.duration-2 {
animation-duration : 0.2s;
}
.delay-3 {
animation-delay : 0.3s;
}
.duration-3 {
animation-duration : 0.3s;
}
.delay-4 {
animation-delay : 0.4s;
}
.duration-4 {
animation-duration : 0.4s;
}
.delay-5 {
animation-delay : 0.5s;
}
.duration-5 {
animation-duration : 0.5s;
}
.delay-6 {
animation-delay : 0.6s;
}
.duration-6 {
animation-duration : 0.6s;
}
.delay-7 {
animation-delay : 0.7s;
}
.duration-7 {
animation-duration : 0.7s;
}
.delay-8 {
animation-delay : 0.8s;
}
.duration-8 {
animation-duration : 0.8s;
}
.delay-9 {
animation-delay : 0.9s;
}
.duration-9 {
animation-duration : 0.9s;
}
.delay-10 {
animation-delay : 1s;
}
.duration-10 {
animation-duration : 1s;
}
.delay-11 {
animation-delay : 1.1s;
}
.duration-11 {
animation-duration : 1.1s;
}
.delay-12 {
animation-delay : 1.2s;
}
.duration-12 {
animation-duration : 1.2s;
}
.delay-13 {
animation-delay : 1.3s;
}
.duration-13 {
animation-duration : 1.3s;
}
.delay-14 {
animation-delay : 1.4s;
}
.duration-14 {
animation-duration : 1.4s;
}
.delay-15 {
animation-delay : 1.5s;
}
.duration-15 {
animation-duration : 1.5s;
}
.delay-16 {
animation-delay : 1.6s;
}
.duration-16 {
animation-duration : 1.6s;
}
.delay-17 {
animation-delay : 1.7s;
}
.duration-17 {
animation-duration : 1.7s;
}
.delay-18 {
animation-delay : 1.8s;
}
.duration-18 {
animation-duration : 1.8s;
}
.delay-19 {
animation-delay : 1.9s;
}
.duration-19 {
animation-duration : 1.9s;
}
.delay-20 {
animation-delay : 2s;
}
.duration-20 {
animation-duration : 2s;
}
.delay-21 {
animation-delay : 2.1s;
}
.duration-21 {
animation-duration : 2.1s;
}
.delay-22 {
animation-delay : 2.2s;
}
.duration-22 {
animation-duration : 2.2s;
}
.delay-23 {
animation-delay : 2.3s;
}
.duration-23 {
animation-duration : 2.3s;
}
.delay-24 {
animation-delay : 2.4s;
}
.duration-24 {
animation-duration : 2.4s;
}
.delay-25 {
animation-delay : 2.5s;
}
.duration-25 {
animation-duration : 2.5s;
}
.delay-26 {
animation-delay : 2.6s;
}
.duration-26 {
animation-duration : 2.6s;
}
.delay-27 {
animation-delay : 2.7s;
}
.duration-27 {
animation-duration : 2.7s;
}
.delay-28 {
animation-delay : 2.8s;
}
.duration-28 {
animation-duration : 2.8s;
}
.delay-29 {
animation-delay : 2.9s;
}
.duration-29 {
animation-duration : 2.9s;
}
.delay-30 {
animation-delay : 3s;
}
.duration-30 {
animation-duration : 3s;
}
.delay-31 {
animation-delay : 3.1s;
}
.duration-31 {
animation-duration : 3.1s;
}
.delay-32 {
animation-delay : 3.2s;
}
.duration-32 {
animation-duration : 3.2s;
}
.delay-33 {
animation-delay : 3.3s;
}
.duration-33 {
animation-duration : 3.3s;
}
.delay-34 {
animation-delay : 3.4s;
}
.duration-34 {
animation-duration : 3.4s;
}
.delay-35 {
animation-delay : 3.5s;
}
.duration-35 {
animation-duration : 3.5s;
}
.delay-36 {
animation-delay : 3.6s;
}
.duration-36 {
animation-duration : 3.6s;
}
.delay-37 {
animation-delay : 3.7s;
}
.duration-37 {
animation-duration : 3.7s;
}
.delay-38 {
animation-delay : 3.8s;
}
.duration-38 {
animation-duration : 3.8s;
}
.delay-39 {
animation-delay : 3.9s;
}
.duration-39 {
animation-duration : 3.9s;
}
.delay-40 {
animation-delay : 4s;
}
.duration-40 {
animation-duration : 4s;
}
.delay-41 {
animation-delay : 4.1s;
}
.duration-41 {
animation-duration : 4.1s;
}
.delay-42 {
animation-delay : 4.2s;
}
.duration-42 {
animation-duration : 4.2s;
}
.delay-43 {
animation-delay : 4.3s;
}
.duration-43 {
animation-duration : 4.3s;
}
.delay-44 {
animation-delay : 4.4s;
}
.duration-44 {
animation-duration : 4.4s;
}
.delay-45 {
animation-delay : 4.5s;
}
.duration-45 {
animation-duration : 4.5s;
}
.delay-46 {
animation-delay : 4.6s;
}
.duration-46 {
animation-duration : 4.6s;
}
.delay-47 {
animation-delay : 4.7s;
}
.duration-47 {
animation-duration : 4.7s;
}
.delay-48 {
animation-delay : 4.8s;
}
.duration-48 {
animation-duration : 4.8s;
}
.delay-49 {
animation-delay : 4.9s;
}
.duration-49 {
animation-duration : 4.9s;
}
.delay-50 {
animation-delay : 5s;
}
.duration-50 {
animation-duration : 5s;
}
.delay-51 {
animation-delay : 5.1s;
}
.duration-51 {
animation-duration : 5.1s;
}
.delay-52 {
animation-delay : 5.2s;
}
.duration-52 {
animation-duration : 5.2s;
}
.delay-53 {
animation-delay : 5.3s;
}
.duration-53 {
animation-duration : 5.3s;
}
.delay-54 {
animation-delay : 5.4s;
}
.duration-54 {
animation-duration : 5.4s;
}
.delay-55 {
animation-delay : 5.5s;
}
.duration-55 {
animation-duration : 5.5s;
}
.delay-56 {
animation-delay : 5.6s;
}
.duration-56 {
animation-duration : 5.6s;
}
.delay-57 {
animation-delay : 5.7s;
}
.duration-57 {
animation-duration : 5.7s;
}
.delay-58 {
animation-delay : 5.8s;
}
.duration-58 {
animation-duration : 5.8s;
}
.delay-59 {
animation-delay : 5.9s;
}
.duration-59 {
animation-duration : 5.9s;
}
.delay-60 {
animation-delay : 6s;
}
.duration-60 {
animation-duration : 6s;
}
.delay-61 {
animation-delay : 6.1s;
}
.duration-61 {
animation-duration : 6.1s;
}
.delay-62 {
animation-delay : 6.2s;
}
.duration-62 {
animation-duration : 6.2s;
}
.delay-63 {
animation-delay : 6.3s;
}
.duration-63 {
animation-duration : 6.3s;
}
.delay-64 {
animation-delay : 6.4s;
}
.duration-64 {
animation-duration : 6.4s;
}
.delay-65 {
animation-delay : 6.5s;
}
.duration-65 {
animation-duration : 6.5s;
}
.delay-66 {
animation-delay : 6.6s;
}
.duration-66 {
animation-duration : 6.6s;
}
.delay-67 {
animation-delay : 6.7s;
}
.duration-67 {
animation-duration : 6.7s;
}
.delay-68 {
animation-delay : 6.8s;
}
.duration-68 {
animation-duration : 6.8s;
}
.delay-69 {
animation-delay : 6.9s;
}
.duration-69 {
animation-duration : 6.9s;
}
.delay-70 {
animation-delay : 7s;
}
.duration-70 {
animation-duration : 7s;
}
.delay-71 {
animation-delay : 7.1s;
}
.duration-71 {
animation-duration : 7.1s;
}
.delay-72 {
animation-delay : 7.2s;
}
.duration-72 {
animation-duration : 7.2s;
}
.delay-73 {
animation-delay : 7.3s;
}
.duration-73 {
animation-duration : 7.3s;
}
.delay-74 {
animation-delay : 7.4s;
}
.duration-74 {
animation-duration : 7.4s;
}
.delay-75 {
animation-delay : 7.5s;
}
.duration-75 {
animation-duration : 7.5s;
}
.delay-76 {
animation-delay : 7.6s;
}
.duration-76 {
animation-duration : 7.6s;
}
.delay-77 {
animation-delay : 7.7s;
}
.duration-77 {
animation-duration : 7.7s;
}
.delay-78 {
animation-delay : 7.8s;
}
.duration-78 {
animation-duration : 7.8s;
}
.delay-79 {
animation-delay : 7.9s;
}
.duration-79 {
animation-duration : 7.9s;
}
.delay-80 {
animation-delay : 8s;
}
.duration-80 {
animation-duration : 8s;
}
.delay-81 {
animation-delay : 8.1s;
}
.duration-81 {
animation-duration : 8.1s;
}
.delay-82 {
animation-delay : 8.2s;
}
.duration-82 {
animation-duration : 8.2s;
}
.delay-83 {
animation-delay : 8.3s;
}
.duration-83 {
animation-duration : 8.3s;
}
.delay-84 {
animation-delay : 8.4s;
}
.duration-84 {
animation-duration : 8.4s;
}
.delay-85 {
animation-delay : 8.5s;
}
.duration-85 {
animation-duration : 8.5s;
}
.delay-86 {
animation-delay : 8.6s;
}
.duration-86 {
animation-duration : 8.6s;
}
.delay-87 {
animation-delay : 8.7s;
}
.duration-87 {
animation-duration : 8.7s;
}
.delay-88 {
animation-delay : 8.8s;
}
.duration-88 {
animation-duration : 8.8s;
}
.delay-89 {
animation-delay : 8.9s;
}
.duration-89 {
animation-duration : 8.9s;
}
.delay-90 {
animation-delay : 9s;
}
.duration-90 {
animation-duration : 9s;
}
.delay-91 {
animation-delay : 9.1s;
}
.duration-91 {
animation-duration : 9.1s;
}
.delay-92 {
animation-delay : 9.2s;
}
.duration-92 {
animation-duration : 9.2s;
}
.delay-93 {
animation-delay : 9.3s;
}
.duration-93 {
animation-duration : 9.3s;
}
.delay-94 {
animation-delay : 9.4s;
}
.duration-94 {
animation-duration : 9.4s;
}
.delay-95 {
animation-delay : 9.5s;
}
.duration-95 {
animation-duration : 9.5s;
}
.delay-96 {
animation-delay : 9.6s;
}
.duration-96 {
animation-duration : 9.6s;
}
.delay-97 {
animation-delay : 9.7s;
}
.duration-97 {
animation-duration : 9.7s;
}
.delay-98 {
animation-delay : 9.8s;
}
.duration-98 {
animation-duration : 9.8s;
}
.delay-99 {
animation-delay : 9.9s;
}
.duration-99 {
animation-duration : 9.9s;
}
.delay-100 {
animation-delay : 10s;
}
.duration-100 {
animation-duration : 10s;
}
#introscreen {
z-index : 151;
position : absolute;
overflow : hidden;
top : 30px;
left : 0;
right : 0;
width : 1200px;
height : 700px;
margin-left : auto;
margin-right : auto;
display : block;
}
#introscreen .first-part h1 {
display : block;
text-align : center;
margin-top : 60px;
}
#introscreen .first-part p {
color : orange;
text-align : center;
vertical-align : middle;
position : relative;
font-size : 24px;
margin-bottom : 0;
}
#introscreen .first-part .intro-doge {
display : block;
text-align : center;
margin-left : auto;
margin-right : auto;
margin-top : 0;
}
#introscreen .first-part #loading-indicator {
position : absolute;
width : 100%;
display : block;
text-align : center;
margin-top : 0;
margin-left : auto;
margin-right : auto;
}
#introscreen .first-part #loading-indicator .loadingwrap {
width : 100%;
text-align : center;
position : absolute;
margin-left : auto;
margin-right : auto;
font-weight : 700;
}
#introscreen .first-part #loading-indicator .loadingwrap div {
display : inline;
margin : -2px;
}
#introscreen .first-part #loading-indicator #loadingwhat {
margin-top : 40px;
position : absolute;
width : 100%;
text-align : center;
margin-left : auto;
margin-right : auto;
font-size : 16px;
}
#introscreen .first-part #loading-indicator .l {
animation : shrinkgrow 1.75s ease-in-out infinite;
animation-delay : 0s;
}
#introscreen .first-part #loading-indicator .o {
animation : shrinkgrow 1.75s ease-in-out infinite;
animation-delay : 0.21875s;
}
#introscreen .first-part #loading-indicator .a {
animation : shrinkgrow 1.75s ease-in-out infinite;
animation-delay : 0.4375s;
}
#introscreen .first-part #loading-indicator .d {
animation : shrinkgrow 1.75s ease-in-out infinite;
animation-delay : 0.65625s;
}
#introscreen .first-part #loading-indicator .i {
animation : shrinkgrow 1.75s ease-in-out infinite;
animation-delay : 0.875s;
}
#introscreen .first-part #loading-indicator .n {
animation : shrinkgrow 1.75s ease-in-out infinite;
animation-delay : 1.09375s;
}
#introscreen .first-part #loading-indicator .g {
animation : shrinkgrow 1.75s ease-in-out infinite;
animation-delay : 1.3125s;
}
@keyframes shrinkgrow {
0% {
transform : scale(0);
}
12.5% {
transform : scale(1);
}
25% {
transform : scale(1);
}
33% {
transform : scale(0);
}
100% {
transform : scale(0);
}
}
#introscreen .first-part #start-playing {
font-size : 36px;
margin-left : auto;
margin-right : auto;
margin-top : 40px;
}
#introscreen .first-part .cookies-consent {
margin-top : 30px;
max-width : 70%;
margin-left : auto;
margin-right : auto;
font-size : 14px;
}
#introscreen .first-part .cookies-long h3 {
text-align : left;
margin-top : 15px;
margin-bottom : 10px;
}
#introscreen .first-part .cookies-long h4 {
text-align : left;
margin-top : 10px;
margin-bottom : 0;
font-size : 16px;
}
#introscreen .first-part .cookies-long p {
font-size : 12px;
color : #383838;
text-align : left;
margin-top : 5px;
margin-bottom : 0;
}
#introscreen .first-part .cookies-long ul {
margin-top : 5px;
margin-bottom : 5px;
}
#introscreen .first-part .cookies-long li, #introscreen .first-part .cookies-long ul {
font-size : 12px;
text-align : left;
}
#introscreen .first-part .cookies-long li a, #introscreen .first-part .cookies-long ul a {
color : #666;
}
#introscreen .first-part .cookies-long button {
border : none;
padding : 0.7em 2em;
border : #d19405 solid 1px;
background : #fece2f;
color : #4c3000;
font-size : 1em;
letter-spacing : 1px;
text-transform : uppercase;
cursor : pointer;
display : inline-block;
margin-top : 10px;
border-radius : 8px;
font-weight : 600;
}
#introscreen .first-part .cookies-long button:hover {
background : #ffdd57;
}
#introscreen .first-part .md-trigger {
cursor : pointer;
}
#introscreen .first-part .md-modal {
position : absolute;
left : 1%;
max-width : 99%;
z-index : 200000;
visibility : hidden;
backface-visibility : hidden;
}
#introscreen .first-part .md-show {
visibility : visible;
}
#introscreen .first-part .md-overlay {
position : fixed;
width : 100%;
height : 100%;
visibility : hidden;
top : 0;
left : 0;
z-index : 1000;
opacity : 0;
background : rgb(253, 224, 176, 0.95);
transition : all 0.3s;
}
#introscreen .first-part .md-show ~ .md-overlay {
opacity : 1;
visibility : visible;
}
#introscreen .first-part .md-effect-1 .md-content {
transform : scale(0.7);
opacity : 0;
transition : all 0.3s;
}
#introscreen .first-part .md-show.md-effect-1 .md-content {
transform : scale(1);
opacity : 1;
}
#introscreen .second-part h2 {
font-size : 36px;
margin-top : 60px;
}
#introscreen .second-part h3 {
font-size : 32px;
margin-top : 20px;
}
#introscreen .second-part #second-part-button {
font-size : 32px;
margin-right : auto;
margin-left : auto;
margin-top : 100px;
}
#introscreen .second-part .intro-rocket-shake {
animation-duration : 0.75s;
animation-delay : 0s;
}
#introscreen .second-part:after {
content : "";
background-image : url(../img/themoon.png?2);
background-repeat : no-repeat;
position : absolute;
display : block;
top : 100px;
right : -145px;
margin : 0;
width : 500px;
height : 500px;
z-index : 50;
animation-name : moon;
animation-duration : 120s;
animation-iteration-count : infinite;
animation-delay : 0s;
}
#introscreen .third-part h3 {
font-size : 32px;
margin-top : 60px;
margin-bottom : 20px;
font-weight : 400;
}
#introscreen .third-part h4 {
font-size : 28px;
margin-top : 10px;
margin-bottom : 10px;
font-weight : 400;
}
#introscreen .third-part h2 {
font-size : 30px;
}
#introscreen .third-part h5 {
margin-top : 60px;
margin-bottom : 20px;
font-size : 26px;
font-weight : 400;
}
#introscreen .third-part #tutminer {
display : block;
margin-left : auto;
margin-right : auto;
width : 390px;
height : 305px;
cursor : pointer;
position : relative;
}
#introscreen .third-part #third-part-button {
display : block;
font-size : 32px;
margin-right : auto;
margin-left : auto;
margin-top : 15px;
}
#introscreen .third-part .third-part-doge {
position : absolute;
width : 100%;
height : 100%;
}
#introscreen .third-part .third-part-shop {
position : absolute;
width : 100%;
height : 100%;
}
#introscreen .third-part .third-part-shop #last-part-button {
font-size : 32px;
margin-top : 60px;
}
#introscreen .third-part .hand {
z-index : 250;
position : absolute;
left : 45%;
top : 40%;
}
#introscreen .third-part .hand-clicking {
top : 41%;
}
#introscreen .third-part .wowcontainer {
position : absolute;
width : 30%;
height : 10%;
left : 35%;
top : 15%;
z-index : 251;
margin-left : auto;
margin-right : auto;
display : block;
}
#introscreen .third-part .space-maker {
position : relative;
height : 10%;
display : block;
margin-left : auto;
margin-right : auto;
}
#introscreen .third-part .miniwowcontainer {
position : absolute;
width : 17%;
height : 50%;
left : 42%;
top : -20%;
z-index : 251;
margin-left : auto;
margin-right : auto;
display : block;
}
#introscreen .third-part .shibes-example {
position : absolute;
width : 15%;
height : 5%;
left : 42%;
margin-left : auto;
margin-right : auto;
display : block;
margin-top : 20px;
}
#introscreen .third-part .shibes-example span {
z-index : 250;
}
#introscreen .first-part, #introscreen .second-part, #introscreen .third-part {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
text-align : center;
}
.nodelay {
animation-delay : 0s !important ;
}
@keyframes moon {
from {
animation-delay : 0s !important ;
}
to {
animation-delay : 0s !important ;
}
}
@keyframes ROTATE {
from {
transform : scale(1) rotate(0deg);
}
to {
transform : scale(1) rotate(360deg);
}
}
.ui-icon-volume-on {
transform : scale(1.5);
}
.ui-icon-volume-off {
transform : scale(1.5);
}
.ir {
background-color : transparent;
border : 0;
overflow : hidden;
}
.ir:before {
content : "";
display : block;
width : 0;
height : 150%;
}
.hidden {
display : none !important ;
visibility : hidden;
}
.nothidden {
display : block !important ;
}
.visuallyhidden {
border : 0;
clip : rect(0 0 0 0);
height : 1px;
margin : -1px;
overflow : hidden;
padding : 0;
position : absolute;
width : 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip : auto;
height : auto;
margin : 0;
overflow : visible;
position : static;
width : auto;
}
.invisible {
visibility : hidden;
}
.clearfix:after, .clearfix:before {
content : " ";
display : table;
}
.clearfix:after {
clear : both;
}
#supermegacontainer {
position : relative;
}
#sideadlol {
position : absolute;
top : 32px;
right : -310px;
max-width : 300px;
max-height : 600px;
width : 100%;
height : 100%;
}
#footeradlol {
position : relative;
margin : 0 auto;
max-height : 125px;
max-width : 980px;
padding-top : 15px;
width : 100%;
height : 100%;
}
.footer-txt {
position : absolute;
top : -2px;
left : 15%;
}
.side-txt {
position : absolute;
top : -22px;
left : 0;
}
.footer-reddit {
position : absolute;
left : 0;
top : 10px;
display : inline-block;
height : 90px;
width : 728px;
}
@media screen and (min-width: 2035px) {
#superwrapper {
margin : 0 auto;
}
}
@media screen and (max-width: 1864px) {
#sideadlol {
right : -170px;
max-width : 160px;
width : 100%;
height : 100%;
}
}
@media screen and (max-width: 1765px) {
#superwrapper {
margin : 0 0 0 125px;
}
}
@media screen and (max-width: 1710px) {
#superwrapper {
margin : 0 0 0 60px;
}
}
@media screen and (max-width: 1648px) {
#superwrapper {
margin : 0;
}
}
@media screen and (max-width: 1584px) {
#superwrapper {
width : 1320px;
}
#wrapper {
width : 710px;
}
#tabs {
width : 586px;
}
}
@media screen and (max-width: 1512px) {
#sideadlol {
right : -130px;
max-width : 120px;
width : 100%;
height : 100%;
}
}
@media screen and (max-height: 865px) {
#footeradlol {
max-height : 90px;
}
#footeradlol {
position : fixed;
left : 15%;
}
#sideadlol {
position : fixed;
right : 10px;
}
}
@media screen and (max-width: 1473px) {
#wrapper {
transform-origin : top left;
transform : scale(0.7) translateZ(0);
backface-visibility : hidden;
}
#tabs {
transform-origin : top left;
transform : scale(0.7) translateZ(0);
backface-visibility : hidden;
}
#superwrapper {
width : 1098px;
overflow : hidden;
position : absolute;
}
#sideadlol {
position : absolute;
right : 40px;
top : 22px;
}
.side-txt {
font-size : 60% !important ;
top : -13px !important ;
}
.footer-txt {
font-size : 60% !important ;
left : 0;
}
#footeradlol {
max-height : 90px;
max-width : 728px;
padding-top : 15px;
position : absolute;
bottom : 120px;
margin : 0;
left : 0;
width : 100%;
height : 100%;
}
#achievementwindow {
top : 400px;
}
#introscreen {
top : 10px;
width : 90%;
height : 90%;
max-height : 585px;
}
#introscreen .first-part h1 {
margin : 0.3em 0;
}
#introscreen .first-part p {
margin : 0.3em 0;
}
#introscreen .first-part .cookies-consent {
margin-top : 6px;
}
#introscreen .first-part #start-playing {
margin-top : -5px;
}
#introscreen .second-part h2 {
margin-top : 30px;
}
#introscreen .third-part h3 {
margin-top : 25px;
}
#introscreen .third-part h2 {
margin : 0;
}
#introscreen .third-part #tutminer {
margin-top : -30px;
}
#introscreen .third-part #third-part-button {
margin-top : 20px;
}
#introscreen .third-part .hand {
top : 35%;
}
#introscreen .third-part .hand-clicking {
top : 36%;
}
}
@media screen and (max-width: 1083px), screen and (max-height: 620px) {
#superwrapper {
width : 1063px;
}
#wrapper {
transform : scale(0.65) translateZ(0);
}
#tabs {
transform : scale(0.65) translateZ(0);
}
#footeradlol {
bottom : 160px;
padding-top : 13px;
}
#sideadlol {
right : 65px;
top : 30px;
}
}
.pbar {
border-radius : 5px;
background : #fff;
border : #aaa solid 1px;
overflow : hidden;
height : 15px;
text-align : right;
font-size : 70%;
}
.pbar div {
background-image : url(../img/pbar-ani.gif);
border-right : 1px solid #aaa;
}
.floatleft {
position : relative;
float : left;
}
.floatright {
position : relative;
float : right;
}