﻿.cat-kitchen {
  width: 212px;
  height: 270px;
  position: absolute;
  bottom: 0;
  left: 0;
}

  .cat-kitchen .cat-kitchen__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .cat-kitchen .cat-kitchen__body {
    width: 200px;
    height: 248px;
    background: url(/content/cat.png) 0 -202px no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .cat-kitchen .cat-kitchen__head {
    width: 168px;
    height: 183px;
    background: url(/content/cat.png) 0 -19px no-repeat;
    position: absolute;
    top: -21px;
    left: 22px;
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
  }

    .cat-kitchen .cat-kitchen__head .cat-kitchen__eyebrow {
      width: 61px;
      height: 19px;
      background: url(/content/cat.png) no-repeat;
      position: absolute;
      top: 34px;
      left: 68px;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
    }

    .cat-kitchen .cat-kitchen__head .cat-kitchen__eyebrow_bottom {
      width: 56px;
      height: 12px;
      background: url(/content/cat.png) -61px 0 no-repeat;
      position: absolute;
      top: 62px;
      left: 72px;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
    }

  .cat-kitchen .cat-kitchen__head_rotate {
    width: 172px;
    height: 188px;
    position: absolute;
    left: 20px;
    top: -18px;
    background: url(/content/cat.png) -168px -14px no-repeat;
    z-index: 10;
    opacity: 0;
  }

  .cat-kitchen .cat-kitchen__tail {
    width: 129px;
    height: 71px;
    background: url(/content/cat.png) 0 -450px no-repeat;
    position: absolute;
    top: 180px;
    left: -73px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
  }

  .cat-kitchen .cat-kitchen__quote {
    display: none;
    background: rgba(109,91,84,.7);
    width: 140px;
    padding: 8px 10px 10px;
    position: absolute;
    left: 18px;
    bottom: 275px;
    color: #fff;
    text-align: left;
    font-family: futurafuturiscregular,sans-serif;
    font-size: 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }

    .cat-kitchen .cat-kitchen__quote:after {
      content: '';
      display: block;
      width: 17px;
      height: 23px;
      background: url(/content/bubble-leader.png) no-repeat;
      position: absolute;
      left: 70px;
      bottom: -23px;
    }

  .cat-kitchen.cat-kitchen_blink .cat-kitchen__eyebrow {
    top: 45px;
  }

  .cat-kitchen.cat-kitchen_blink .cat-kitchen__eyebrow_bottom {
    top: 58px;
  }

  .cat-kitchen.cat-kitchen_head-tilt .cat-kitchen__head {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  .cat-kitchen.cat-kitchen_tail-tilt .cat-kitchen__tail {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  .cat-kitchen.cat-kitchen_head-tilted .cat-kitchen__head_rotate {
    opacity: 1;
  }

  .cat-kitchen.cat-kitchen_head-tilted .cat-kitchen__head {
    opacity: 0;
  }
