*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  margin: 0;
  padding: 0; }

body,
html {
  height: 100%;
  width: 100%; }

.banner {
  background: #e8e8e8;
  border: 1px solid #bbbaba;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 600px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  width: 300px; }

#pmpmask1 {
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
  overflow: hidden; }

#pmpmask2 {
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
  overflow: hidden; }

#liquid1, #liquid2, #liquid3, #liquid4 {
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center; }

#pour {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center; }

.preloader {
  background: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 999; }
  .preloader .circle {
    -webkit-animation: spin 0.5s linear infinite;
            animation: spin 0.5s linear infinite;
    border: 5px solid #ddd;
    border-bottom-color: #333;
    border-radius: 50%;
    height: 40px;
    left: 50%;
    margin-left: -22.5px;
    margin-top: -22.5px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    width: 40px; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzk3MmMtMzAweDYwMC9zdHlsZXMvc3R5bGUuY3NzIiwic291cmNlcyI6WyIzOTcyYy0zMDB4NjAwL3N0eWxlcy9zdHlsZS5zY3NzIiwiMzk3MmMtMzAweDYwMC9zdHlsZXMvYmFzZS9fYmFubmVyLnNjc3MiLCIzOTcyYy0zMDB4NjAwL3N0eWxlcy9iYXNlL19wcmVsb2FkZXIuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICdiYXNlL2Jhbm5lcic7XG5AaW1wb3J0ICdiYXNlL3ByZWxvYWRlcic7XG4iLCIkYmFubmVyLXdpZHRoOiAzMDBweDtcbiRiYW5uZXItaGVpZ2h0OiA2MDBweDtcblxuKixcbio6YmVmb3JlLFxuKjphZnRlciB7XG4gIGJveC1zaXppbmc6IGluaGVyaXQ7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbn1cblxuYm9keSxcbmh0bWwge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uYmFubmVyIHtcbiAgYmFja2dyb3VuZDogI2U4ZThlODtcbiAgYm9yZGVyOiAxcHggc29saWQgI2JiYmFiYTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBoZWlnaHQ6ICRiYW5uZXItaGVpZ2h0O1xuICBsZWZ0OiA1MCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gIHRvcDogNTAlO1xuICB3aWR0aDogJGJhbm5lci13aWR0aDtcbn1cblxuI2FuaW91dGVye1xuICAvL2JhY2tncm91bmQtY29sb3I6IHJlZDtcbn1cblxuI3BtcG1hc2sxe1xuICAvL2JhY2tncm91bmQtY29sb3I6IGJsdWU7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlciBsZWZ0O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG5cbiNwbXBtYXNrMntcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGxlZnQ7XG4gLy8gYmFja2dyb3VuZC1jb2xvcjogcGluaztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuI2xpcXVpZDEsICNsaXF1aWQyLCAjbGlxdWlkMywgI2xpcXVpZDR7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGJvdHRvbSBjZW50ZXI7XG59XG5cbiNwb3Vye1xuICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgY2VudGVyO1xufVxuIiwiJHByZWxvYWRlci1zaXplOiA0MHB4O1xuJHByZWxvYWRlci13aWR0aDogNXB4O1xuXG4ucHJlbG9hZGVyIHtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiA5OTk7XG5cbiAgLmNpcmNsZSB7XG4gICAgYW5pbWF0aW9uOiBzcGluIDAuNXMgbGluZWFyIGluZmluaXRlO1xuICAgIGJvcmRlcjogJHByZWxvYWRlci13aWR0aCBzb2xpZCAjZGRkO1xuICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICMzMzM7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGhlaWdodDogJHByZWxvYWRlci1zaXplO1xuICAgIGxlZnQ6IDUwJTtcbiAgICBtYXJnaW4tbGVmdDogLSgkcHJlbG9hZGVyLXNpemUgKyAkcHJlbG9hZGVyLXdpZHRoKSAvIDI7XG4gICAgbWFyZ2luLXRvcDogLSgkcHJlbG9hZGVyLXNpemUgKyAkcHJlbG9hZGVyLXdpZHRoKSAvIDI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjdzIGVhc2UtaW4tb3V0O1xuICAgIHdpZHRoOiAkcHJlbG9hZGVyLXNpemU7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzcGluIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUNHQSxBQUFBLENBQUM7QUFDRCxDQUFDLEFBQUEsT0FBTztBQUNSLENBQUMsQUFBQSxNQUFNLENBQUM7RUFDTixVQUFVLEVBQUUsT0FBTztFQUNuQixNQUFNLEVBQUUsQ0FBQztFQUNULE9BQU8sRUFBRSxDQUFDLEdBQ1g7O0FBRUQsQUFBQSxJQUFJO0FBQ0osSUFBSSxDQUFDO0VBQ0gsTUFBTSxFQUFFLElBQUk7RUFDWixLQUFLLEVBQUUsSUFBSSxHQUNaOztBQUVELEFBQUEsT0FBTyxDQUFDO0VBQ04sVUFBVSxFQUFFLE9BQU87RUFDbkIsTUFBTSxFQUFFLGlCQUFpQjtFQUN6QixVQUFVLEVBQUUsVUFBVTtFQUN0QixNQUFNLEVBQUUsT0FBTztFQUNmLE1BQU0sRUFyQlEsS0FBSztFQXNCbkIsSUFBSSxFQUFFLEdBQUc7RUFDVCxRQUFRLEVBQUUsTUFBTTtFQUNoQixRQUFRLEVBQUUsUUFBUTtFQUNsQixTQUFTLEVBQUUscUJBQXFCO0VBQ2hDLEdBQUcsRUFBRSxHQUFHO0VBQ1IsS0FBSyxFQTVCUSxLQUFLLEdBNkJuQjs7QUFNRCxBQUFBLFNBQVMsQ0FBQTtFQUVQLGdCQUFnQixFQUFFLFdBQVc7RUFDN0IsUUFBUSxFQUFFLE1BQU0sR0FDakI7O0FBR0QsQUFBQSxTQUFTLENBQUE7RUFDUCxnQkFBZ0IsRUFBRSxXQUFXO0VBRTdCLFFBQVEsRUFBRSxNQUFNLEdBQ2pCOztBQUVELEFBQUEsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxDQUFBO0VBQ3BDLGdCQUFnQixFQUFFLGFBQWEsR0FDaEM7O0FBRUQsQUFBQSxLQUFLLENBQUE7RUFDSCxnQkFBZ0IsRUFBRSxVQUFVLEdBQzdCOztBQ25ERCxBQUFBLFVBQVUsQ0FBQztFQUNULFVBQVUsRUFBRSxJQUFJO0VBQ2hCLE1BQU0sRUFBRSxJQUFJO0VBQ1osUUFBUSxFQUFFLFFBQVE7RUFDbEIsS0FBSyxFQUFFLElBQUk7RUFDWCxPQUFPLEVBQUUsR0FBRyxHQWdCYjtFQXJCRCxBQU9FLFVBUFEsQ0FPUixPQUFPLENBQUM7SUFDTixTQUFTLEVBQUUseUJBQXlCO0lBQ3BDLE1BQU0sRUFYUSxHQUFHLENBV1EsS0FBSyxDQUFDLElBQUk7SUFDbkMsbUJBQW1CLEVBQUUsSUFBSTtJQUN6QixhQUFhLEVBQUUsR0FBRztJQUNsQixNQUFNLEVBZk8sSUFBSTtJQWdCakIsSUFBSSxFQUFFLEdBQUc7SUFDVCxXQUFXLEVBQUUsT0FBeUM7SUFDdEQsVUFBVSxFQUFFLE9BQXlDO0lBQ3JELFFBQVEsRUFBRSxRQUFRO0lBQ2xCLEdBQUcsRUFBRSxHQUFHO0lBQ1IsVUFBVSxFQUFFLG9CQUFvQjtJQUNoQyxLQUFLLEVBdEJRLElBQUksR0F1QmxCOztBQUdILFVBQVUsQ0FBVixJQUFVO0VBQ1IsSUFBSTtJQUNGLFNBQVMsRUFBRSxZQUFZO0VBRXpCLEVBQUU7SUFDQSxTQUFTLEVBQUUsY0FBYyJ9 */