.mg-wrapper {
  position: relative;
  overflow-y: hidden;
  font-family: "Arial, Helvetica, sans-serif";
  /*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */ }
  .mg-wrapper * {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
  .mg-wrapper .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
  .mg-wrapper .flash {
    -webkit-animation-name: flash;
    animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  .mg-wrapper .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  .mg-wrapper .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
  .mg-wrapper .shake {
    -webkit-animation-name: shake;
    animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
  .mg-wrapper .headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
  .mg-wrapper .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  .mg-wrapper .tada {
    -webkit-animation-name: tada;
    animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble; }

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
  .mg-wrapper .jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .mg-wrapper .heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
  .mg-wrapper .bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
  .mg-wrapper .bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
  .mg-wrapper .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
  .mg-wrapper .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
  .mg-wrapper .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
  .mg-wrapper .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
  .mg-wrapper .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig; }

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

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
  .mg-wrapper .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }

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

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
  .mg-wrapper .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
  .mg-wrapper .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig; }

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
  .mg-wrapper .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
  .mg-wrapper .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig; }

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

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
  .mg-wrapper .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
  .mg-wrapper .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig; }

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

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
  .mg-wrapper .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
  .mg-wrapper .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
  .mg-wrapper .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
  .mg-wrapper .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
  .mg-wrapper .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
  .mg-wrapper .flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
  .mg-wrapper .flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
  .mg-wrapper .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
  .mg-wrapper .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
  .mg-wrapper .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
  .mg-wrapper .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
  .mg-wrapper .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
  .mg-wrapper .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
  .mg-wrapper .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
  .mg-wrapper .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
  .mg-wrapper .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
  .mg-wrapper .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
  .mg-wrapper .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
  .mg-wrapper .hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
  .mg-wrapper .jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
  .mg-wrapper .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
  .mg-wrapper .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .mg-wrapper .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .mg-wrapper .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .mg-wrapper .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .mg-wrapper .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
  .mg-wrapper .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .mg-wrapper .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
  .mg-wrapper .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
  .mg-wrapper .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .mg-wrapper .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
  .mg-wrapper .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
  .mg-wrapper .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
  .mg-wrapper .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
  .mg-wrapper .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
  .mg-wrapper .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }
  .mg-wrapper .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .mg-wrapper .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .mg-wrapper .animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
  .mg-wrapper .animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s; }
  .mg-wrapper .animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s; }
  .mg-wrapper .animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s; }
  .mg-wrapper .animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s; }
  .mg-wrapper .animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s; }
  .mg-wrapper .animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s; }
  .mg-wrapper .animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .mg-wrapper .animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s; }
  @media (prefers-reduced-motion: reduce), (print) {
    .mg-wrapper .animated {
      -webkit-animation-duration: 1ms !important;
      animation-duration: 1ms !important;
      -webkit-transition-duration: 1ms !important;
      transition-duration: 1ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important; } }
  .mg-wrapper .mg-dialog {
    z-index: 999;
    position: absolute;
    margin: auto;
    background-color: #fff;
    border: 2px solid #0263a0;
    -webkit-border-radius: 1em;
            border-radius: 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.24);
            box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.24);
    font-size: 1em;
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column; }
    .mg-wrapper .mg-dialog .mg-dialog-header {
      background-color: #0064a0;
      color: #fff;
      -webkit-border-radius: 0.5em 0.5em 0em 0em;
              border-radius: 0.5em 0.5em 0em 0em;
      padding: 1em 0.5em;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
              flex: 0 0 auto; }
      .mg-wrapper .mg-dialog .mg-dialog-header .mg-logo {
        background-image: url("https://cdn.mathgames.com/api/images/header-logo.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
                flex: 1 1 100%;
        font-size: 1.4em;
        height: 1.6em;
        margin: 0em 0.5em; }
      .mg-wrapper .mg-dialog .mg-dialog-header .mg-header-link {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 40%;
                flex: 1 1 40%;
        line-height: 1.6em;
        font-size: 1.4em;
        height: 1.6em;
        overflow: hidden;
        cursor: pointer; }
        .mg-wrapper .mg-dialog .mg-dialog-header .mg-header-link[data-action="back"] {
          background-color: #0484d4;
          -webkit-border-radius: 0.5em;
                  border-radius: 0.5em; }
          .mg-wrapper .mg-dialog .mg-dialog-header .mg-header-link[data-action="back"]:before {
            display: inline-block;
            content: "<";
            padding-right: 0.5em; }
          .mg-wrapper .mg-dialog .mg-dialog-header .mg-header-link[data-action="back"]:hover {
            background-color: #2075ab; }
    .mg-wrapper .mg-dialog .mg-dialog-title {
      padding: 0.3em 0em;
      font-size: 2em;
      text-align: center;
      color: #53b0e1; }
    .mg-wrapper .mg-dialog .mg-dialog-content {
      overflow-y: hidden; }
    @media only screen and (max-width: 761px) {
      .mg-wrapper .mg-dialog .mg-dialog-header {
        font-size: 0.7em; }
      .mg-wrapper .mg-dialog .mg-dialog-title {
        font-size: 1.4em; } }
  .mg-wrapper .mg-grade-select .mg-grade-buttons {
    font-size: 1.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    list-style: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin: 0;
    padding: 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mg-wrapper .mg-grade-select .mg-grade-buttons li {
      padding: 0.2em;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      font-size: 4em;
      cursor: pointer;
      width: 2em;
      line-height: 2em;
      text-align: center; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li:after {
        display: block;
        position: absolute;
        content: "";
        -webkit-border-radius: 50%;
                border-radius: 50%;
        height: 2em;
        width: 2em;
        border-width: 2px;
        border-style: solid;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        top: 0.2em;
        left: 0.2em; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-0 {
        color: #32b16e; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-0:after {
          border-color: #32b16e; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-0:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-0:hover:after {
            z-index: -1;
            background-color: #32b16e; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-1 {
        color: #ef2059; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-1:after {
          border-color: #ef2059; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-1:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-1:hover:after {
            z-index: -1;
            background-color: #ef2059; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-2 {
        color: #ff65a9; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-2:after {
          border-color: #ff65a9; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-2:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-2:hover:after {
            z-index: -1;
            background-color: #ff65a9; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-3 {
        color: #8ec429; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-3:after {
          border-color: #8ec429; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-3:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-3:hover:after {
            z-index: -1;
            background-color: #8ec429; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-4 {
        color: #f46600; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-4:after {
          border-color: #f46600; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-4:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-4:hover:after {
            z-index: -1;
            background-color: #f46600; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-5 {
        color: #00ab8b; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-5:after {
          border-color: #00ab8b; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-5:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-5:hover:after {
            z-index: -1;
            background-color: #00ab8b; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-6 {
        color: #f98900; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-6:after {
          border-color: #f98900; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-6:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-6:hover:after {
            z-index: -1;
            background-color: #f98900; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-7 {
        color: #d81f11; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-7:after {
          border-color: #d81f11; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-7:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-7:hover:after {
            z-index: -1;
            background-color: #d81f11; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-8 {
        color: #00a2e5; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-8:after {
          border-color: #00a2e5; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-8:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-8:hover:after {
            z-index: -1;
            background-color: #00a2e5; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-9 {
        color: #a346d1; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-9:after {
          border-color: #a346d1; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-9:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-9:hover:after {
            z-index: -1;
            background-color: #a346d1; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-10 {
        color: #99a9b1; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-10:after {
          border-color: #99a9b1; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-10:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-10:hover:after {
            z-index: -1;
            background-color: #99a9b1; }
      .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-11 {
        color: #C78A2E; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-11:after {
          border-color: #C78A2E; }
        .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-11:hover {
          color: #fff; }
          .mg-wrapper .mg-grade-select .mg-grade-buttons li.grade-11:hover:after {
            z-index: -1;
            background-color: #C78A2E; }
  .mg-wrapper .mg-skill-select .mg-skill-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    list-style: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin: 0;
    padding: 1em;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    font-size: 1.5em; }
    .mg-wrapper .mg-skill-select .mg-skill-buttons li {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 9em;
              flex: 0 0 9em;
      height: 6em;
      margin: 0.5em;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      cursor: pointer;
      background-color: #efefef;
      -webkit-border-radius: 0.5em;
              border-radius: 0.5em; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li:before {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        content: "";
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 80%;
                flex: 1 1 80%; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li span {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 2em;
                flex: 0 0 2em;
        line-height: 2em;
        text-align: center;
        background-color: #fff;
        -webkit-border-radius: 0em 0em 0.4em 0.4em;
                border-radius: 0em 0em 0.4em 0.4em; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-addition {
        background-color: #ed145b;
        border: 2px solid #ed145b; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-addition:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/addition.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-algebra {
        background-color: #fd60a8;
        border: 2px solid #fd60a8; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-algebra:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/algebra.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-comparison {
        background-color: #8dc63f;
        border: 2px solid #8dc63f; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-comparison:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/comparison.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-counting {
        background-color: #f26522;
        border: 2px solid #f26522; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-counting:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/counting.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-decimals {
        background-color: #0bac8c;
        border: 2px solid #0bac8c; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-decimals:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/decimals.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-division {
        background-color: #f7891d;
        border: 2px solid #f7891d; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-division:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/division.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-estimation {
        background-color: #d6171f;
        border: 2px solid #d6171f; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-estimation:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/estimation.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-fractions {
        background-color: #369ac4;
        border: 2px solid #369ac4; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-fractions:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/fractions.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-geometry {
        background-color: #f7c21d;
        border: 2px solid #f7c21d; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-geometry:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/geometry.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-graphing {
        background-color: #2c5a87;
        border: 2px solid #2c5a87; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-graphing:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/graphing.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-measurement {
        background-color: #367ec4;
        border: 2px solid #367ec4; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-measurement:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/measurement.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-mixedequations {
        background-color: #5f432d;
        border: 2px solid #5f432d; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-mixedequations:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/mixedequations.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-money {
        background-color: #f7d61d;
        border: 2px solid #f7d61d; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-money:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/money.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-multiplication {
        background-color: #474c57;
        border: 2px solid #474c57; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-multiplication:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/multiplication.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-numberpatterns {
        background-color: #8560a8;
        border: 2px solid #8560a8; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-numberpatterns:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/numberpatterns.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-numberproperties {
        background-color: #379ab5;
        border: 2px solid #379ab5; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-numberproperties:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/numberproperties.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-positions {
        background-color: #54235F;
        border: 2px solid #54235F; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-positions:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/positions.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-ratios {
        background-color: #ed4424;
        border: 2px solid #ed4424; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-ratios:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/ratios.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-stats {
        background-color: #7cc242;
        border: 2px solid #7cc242; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-stats:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/stats.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-subtraction {
        background-color: #d560a8;
        border: 2px solid #d560a8; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-subtraction:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/subtraction.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
      .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-time {
        background-color: #5e9663;
        border: 2px solid #5e9663; }
        .mg-wrapper .mg-skill-select .mg-skill-buttons li.mg-time:before {
          background-image: url("https://cdn.mathgames.com/api/images/skills/150/time.png");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
  .mg-wrapper .mg-now-playing {
    z-index: 999;
    position: absolute;
    top: 2%;
    left: 2%;
    width: 20em;
    padding: 0.5em;
    -webkit-border-radius: 0.5em;
            border-radius: 0.5em;
    border-color: #000;
    border-width: 2px;
    border-style: solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.24);
            box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.24);
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s; }
    .mg-wrapper .mg-now-playing:before {
      content: "";
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 3em;
              flex: 0 0 3em;
      height: 3em;
      background-size: contain; }
    .mg-wrapper .mg-now-playing div.mg-np-name {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
              flex: 1 1 100%;
      padding: 0em 0.5em;
      font-size: 1em; }
    .mg-wrapper .mg-now-playing div.mg-np-level {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 20%;
              flex: 0 0 20%;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      text-align: center; }
      .mg-wrapper .mg-now-playing div.mg-np-level b {
        width: 100%; }
    .mg-wrapper .mg-now-playing.addition {
      border-color: #ed145b; }
      .mg-wrapper .mg-now-playing.addition:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/addition.png"); }
    .mg-wrapper .mg-now-playing.algebra {
      border-color: #fd60a8; }
      .mg-wrapper .mg-now-playing.algebra:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/algebra.png"); }
    .mg-wrapper .mg-now-playing.comparison {
      border-color: #8dc63f; }
      .mg-wrapper .mg-now-playing.comparison:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/comparison.png"); }
    .mg-wrapper .mg-now-playing.counting {
      border-color: #f26522; }
      .mg-wrapper .mg-now-playing.counting:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/counting.png"); }
    .mg-wrapper .mg-now-playing.decimals {
      border-color: #0bac8c; }
      .mg-wrapper .mg-now-playing.decimals:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/decimals.png"); }
    .mg-wrapper .mg-now-playing.division {
      border-color: #f7891d; }
      .mg-wrapper .mg-now-playing.division:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/division.png"); }
    .mg-wrapper .mg-now-playing.estimation {
      border-color: #d6171f; }
      .mg-wrapper .mg-now-playing.estimation:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/estimation.png"); }
    .mg-wrapper .mg-now-playing.fractions {
      border-color: #369ac4; }
      .mg-wrapper .mg-now-playing.fractions:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/fractions.png"); }
    .mg-wrapper .mg-now-playing.geometry {
      border-color: #f7c21d; }
      .mg-wrapper .mg-now-playing.geometry:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/geometry.png"); }
    .mg-wrapper .mg-now-playing.graphing {
      border-color: #2c5a87; }
      .mg-wrapper .mg-now-playing.graphing:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/graphing.png"); }
    .mg-wrapper .mg-now-playing.measurement {
      border-color: #367ec4; }
      .mg-wrapper .mg-now-playing.measurement:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/measurement.png"); }
    .mg-wrapper .mg-now-playing.mixedequations {
      border-color: #5f432d; }
      .mg-wrapper .mg-now-playing.mixedequations:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/mixedequations.png"); }
    .mg-wrapper .mg-now-playing.money {
      border-color: #f7d61d; }
      .mg-wrapper .mg-now-playing.money:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/money.png"); }
    .mg-wrapper .mg-now-playing.multiplication {
      border-color: #474c57; }
      .mg-wrapper .mg-now-playing.multiplication:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/multiplication.png"); }
    .mg-wrapper .mg-now-playing.numberpatterns {
      border-color: #8560a8; }
      .mg-wrapper .mg-now-playing.numberpatterns:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/numberpatterns.png"); }
    .mg-wrapper .mg-now-playing.numberproperties {
      border-color: #379ab5; }
      .mg-wrapper .mg-now-playing.numberproperties:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/numberproperties.png"); }
    .mg-wrapper .mg-now-playing.positions {
      border-color: #54235F; }
      .mg-wrapper .mg-now-playing.positions:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/positions.png"); }
    .mg-wrapper .mg-now-playing.ratios {
      border-color: #ed4424; }
      .mg-wrapper .mg-now-playing.ratios:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/ratios.png"); }
    .mg-wrapper .mg-now-playing.stats {
      border-color: #7cc242; }
      .mg-wrapper .mg-now-playing.stats:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/stats.png"); }
    .mg-wrapper .mg-now-playing.subtraction {
      border-color: #d560a8; }
      .mg-wrapper .mg-now-playing.subtraction:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/subtraction.png"); }
    .mg-wrapper .mg-now-playing.time {
      border-color: #5e9663; }
      .mg-wrapper .mg-now-playing.time:before {
        display: block;
        content: "";
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/time.png"); }
  .mg-wrapper .mg-progress-dialog .mg-dialog-title {
    border-bottom: 1px solid #efefef; }
  .mg-wrapper .mg-progress-dialog .mg-overall-result-list {
    list-style: none;
    padding: 0em 1em;
    margin: 0; }
    .mg-wrapper .mg-progress-dialog .mg-overall-result-list li {
      padding: 0.5em 0em;
      margin: 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
      .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-questions:before, .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-correct:before, .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-time:before {
        content: "";
        display: block;
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.5em;
        background-repeat: no-repeat;
        background-size: contain; }
      .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-questions b, .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-correct b, .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-time b {
        color: #0b3c7d;
        padding-right: 0.5em; }
      .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-questions:before {
        background-image: url("https://cdn.mathgames.com/api/images/icon-api-checkmark.png"); }
      .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-correct:before {
        background-image: url("https://cdn.mathgames.com/api/images/icon-api-chart.png"); }
      .mg-wrapper .mg-progress-dialog .mg-overall-result-list li.mg-time:before {
        background-image: url("https://cdn.mathgames.com/api/images/icon-api-time.png"); }
  .mg-wrapper .mg-progress-dialog .mg-skill-result-list {
    list-style: none;
    padding: 0 1em 1em 1em;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
    overflow-y: scroll; }
    .mg-wrapper .mg-progress-dialog .mg-skill-result-list li {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      padding: 0.5em 0em;
      margin: 0;
      -webkit-justify-content: space-around;
              justify-content: space-around;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center; }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li div.mg-mapping {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
                flex: 1 1 100%; }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li div.mg-score {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 30%;
                flex: 1 1 30%;
        color: #0b3c7d; }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li:before {
        display: block;
        content: "";
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 1.5em;
                flex: 0 0 1.5em;
        height: 1.5em;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 1em; }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-addition:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/addition.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-algebra:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/algebra.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-comparison:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/comparison.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-counting:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/counting.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-decimals:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/decimals.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-division:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/division.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-estimation:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/estimation.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-fractions:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/fractions.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-geometry:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/geometry.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-graphing:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/graphing.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-measurement:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/measurement.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-mixedequations:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/mixedequations.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-money:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/money.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-multiplication:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/multiplication.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-numberpatterns:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/numberpatterns.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-numberproperties:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/numberproperties.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-positions:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/positions.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-ratios:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/ratios.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-stats:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/stats.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-subtraction:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/subtraction.png"); }
      .mg-wrapper .mg-progress-dialog .mg-skill-result-list li.mg-time:before {
        background-image: url("https://cdn.mathgames.com/api/images/skills/50/time.png"); }
  .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0em 1em;
    -webkit-justify-content: space-around;
            justify-content: space-around;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
            flex: 1 1 100%; }
    .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade {
      padding: 0.5em;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #fff;
      font-size: 1em;
      -webkit-border-radius: 0.5em;
              border-radius: 0.5em;
      margin-bottom: 0.5em;
      margin-top: 0.5em; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-0 {
        background-color: #32b16e; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-1 {
        background-color: #ef2059; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-2 {
        background-color: #ff65a9; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-3 {
        background-color: #8ec429; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-4 {
        background-color: #f46600; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-5 {
        background-color: #00ab8b; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-6 {
        background-color: #f98900; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-7 {
        background-color: #d81f11; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-8 {
        background-color: #00a2e5; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-9 {
        background-color: #a346d1; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-10 {
        background-color: #99a9b1; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-available-standards-grade.grade-11 {
        background-color: #C78A2E; }
    .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-domain-name {
      font-size: 1.2em;
      color: #53b0e1; }
    .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-domain-standards {
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      margin: 0;
      padding: 0.5em;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-domain-standards li {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 10%;
                flex: 0 1 10%;
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-border-radius: 0.5em;
                border-radius: 0.5em;
        background-color: #646464;
        margin: 0em 1em 0.3em 0em;
        padding: 0.5em 1em;
        color: #fff; }
        .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-domain-standards li.mg-domain-supported {
          background-color: green; }
          .mg-wrapper .mg-available-standards-dialog .mg-available-standards-detail .mg-domain-standards li.mg-domain-supported:after {
            display: block;
            content: "\2714";
            padding: 0em 0.3em; }
  .mg-wrapper .mg-available-standards-dialog .mg-domain-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    border-top: 1px solid #efefef;
    padding: 0.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mg-wrapper .mg-available-standards-dialog .mg-domain-nav .mg-domain-nav-btn {
      cursor: pointer;
      padding: 0.5em;
      color: #fff;
      background-color: #0684d5;
      visibility: hidden;
      font-size: 1em;
      -webkit-border-radius: 0.5em;
              border-radius: 0.5em; }
      .mg-wrapper .mg-available-standards-dialog .mg-domain-nav .mg-domain-nav-btn:hover {
        background-color: #0063a0; }
      .mg-wrapper .mg-available-standards-dialog .mg-domain-nav .mg-domain-nav-btn.mg-btn-disabled {
        background-color: #efefef; }
        .mg-wrapper .mg-available-standards-dialog .mg-domain-nav .mg-domain-nav-btn.mg-btn-disabled:hover {
          background-color: #efefef; }

/*# sourceMappingURL=mathgames-api.css.map*/