/****************************************************************************
 * Beemuse
 *
 * Copyright 2014 ITMUSTBE, Inc.
 * Licensed under the MIT License
 * http://opensource.org/licenses/MIT
 *
 * Designed and built with all the buzz in the world @itmustbe
****************************************************************************/
/****************************************************************************
 * Beemuse: 3D Flips
 *
 * Copyright 2014 ITMUSTBE, Inc.
 * Licensed under the MIT License
 * http://opensource.org/licenses/MIT
 *
 * Designed and built with all the buzz in the world @itmustbe
****************************************************************************/
.flip {
  position: relative;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000; }
  .flip .flip-front, .flip .flip-back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s; }
  .flip .flip-front {
    z-index: 5; }
  .flip .flip-back {
    z-index: 0;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .flip:hover .flip-front {
    z-index: 5;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .flip:hover .flip-back {
    z-index: 10;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg); }

/****************************************************************************
 * Beemuse: Stitches
 *
 * Copyright 2014 ITMUSTBE, Inc.
 * Licensed under the MIT License
 * http://opensource.org/licenses/MIT
 *
 * Designed and built with all the buzz in the world @itmustbe
****************************************************************************/
.stitch {
  position: relative;
  z-index: 0;
  padding: 19px;
  border: 1px solid #dddddd;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 0 0 #9a9a9a;
  box-shadow: 0 1px 0 0 #9a9a9a;
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee));
  background-image: -webkit-linear-gradient(white, #eeeeee);
  background-image: linear-gradient(white, #eeeeee);
  margin-bottom: 20px; }

.stitch:before {
  content: '';
  z-index: -1;
  position: absolute;
  border: 1px dashed #cccccc;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 1px white;
  box-shadow: 0 0 0 1px white; }

/****************************************************************************
 * Beemuse: Paper
 *
 * Copyright 2014 ITMUSTBE, Inc.
 * Licensed under the MIT License
 * http://opensource.org/licenses/MIT
 *
 * Designed and built with all the buzz in the world @itmustbe
****************************************************************************/
.paper {
  position: relative;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset; }
  .paper:before, .paper:after {
    content: "";
    position: absolute;
    z-index: -2; }

.paper-lg {
  padding: 24px; }

.paper-sm {
  padding: 9px; }

.paper-photo {
  padding: 0; }

.paper.paper-polar {
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset; }

.paper.paper-vintage {
  background-color: #faf8f0;
  border: 1px solid #faf8f0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 117, 64, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 117, 64, 0.1) inset; }

.paper.paper-pink {
  background-color: #faf0f0;
  border: 1px solid #faf0f0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 64, 64, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 64, 64, 0.1) inset; }

.paper.paper-green {
  background-color: #f3faf0;
  border: 1px solid #f3faf0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(85, 128, 64, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(85, 128, 64, 0.1) inset; }

.paper.paper-blue {
  background-color: #f0f6fa;
  border: 1px solid #f0f6fa;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(64, 106, 128, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(64, 106, 128, 0.1) inset; }

.paper.paper-violet {
  background-color: #f2f0fa;
  border: 1px solid #f2f0fa;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(74, 64, 128, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(74, 64, 128, 0.1) inset; }

.paper-lift:before, .paper-lift:after {
  bottom: 15px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  -webkit-box-shadow: 0 15px 10px rgba(31, 31, 31, 0.7);
  box-shadow: 0 15px 10px rgba(31, 31, 31, 0.7); }
.paper-lift:before {
  left: 10px;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg); }
.paper-lift:after {
  right: 10px;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg); }

.paper-raise:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 16px 10px -10px rgba(31, 31, 31, 0.5), 0 1px 4px rgba(31, 31, 31, 0.3);
  box-shadow: 0 16px 10px -10px rgba(31, 31, 31, 0.5), 0 1px 4px rgba(31, 31, 31, 0.3); }

.paper-curl {
  border-radius: 0 0 120px 120px / 0 0 6px 6px; }
  .paper-curl:before, .paper-curl-left:before,
  .paper-curl-right:before, .paper-curl:after, .paper-curl-left:after,
  .paper-curl-right:after {
    bottom: 12px;
    width: 50%;
    height: 55%;
    max-width: 200px;
    max-height: 100px;
    -webkit-box-shadow: 0 8px 14px rgba(31, 31, 31, 0.5);
    box-shadow: 0 8px 14px rgba(31, 31, 31, 0.5); }
  .paper-curl:before, .paper-curl-left:before,
  .paper-curl-right:before {
    left: 6px;
    -webkit-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    transform: skew(-8deg);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  .paper-curl:after, .paper-curl-left:after,
  .paper-curl-right:after {
    right: 6px;
    -webkit-transform: skew(8deg);
    -ms-transform: skew(8deg);
    transform: skew(8deg);
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg); }

.paper-curl-left {
  border-radius: 0 0 0 120px / 0 0 0 6px; }

.paper-curl-right {
  border-radius: 0 0 120px 0 / 0 0 6px 0; }

.paper-curve:before, .paper-curve-left:before, .paper-curve-vert:before,
.paper-curve-right:before, .paper-curve-above:before,
.paper-curve-below:before,
.paper-curve-horiz:before {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); }

.paper-curve-left:before, .paper-curve-vert:before,
.paper-curve-right:before {
  top: 10px;
  bottom: 10px;
  border-radius: 10px / 100px; }

.paper-curve-left:before, .paper-curve-vert:before {
  left: 0;
  right: 50%; }

.paper-curve-right:before {
  left: 50%;
  right: 0; }

.paper-curve-vert:before {
  right: 0; }

.paper-curve-above:before,
.paper-curve-below:before,
.paper-curve-horiz:before {
  left: 10px;
  right: 10px;
  border-radius: 100px / 10px; }

.paper-curve-above:before {
  top: 0;
  bottom: 50%; }

.paper-curve-below:before, .paper-curve-horiz:before {
  top: 50%;
  bottom: 0; }

.paper-curve-horiz:before {
  top: 0; }

/****************************************************************************
 * Beemuse: Ribbons
 *
 * Copyright 2014 ITMUSTBE, Inc.
 * Licensed under the MIT License
 * http://opensource.org/licenses/MIT
 *
 * Designed and built with all the buzz in the world @itmustbe
****************************************************************************/
.ribbon {
  margin: 0 5px 10px 0; }
  .ribbon.ribbon-set {
    margin: 0 -15px 10px -20px; }
  .ribbon p, .ribbon a {
    margin: 0;
    padding: 10px; }
  .ribbon.ribbon-right p, .ribbon.ribbon-right a {
    padding-left: 15px; }
  .ribbon.ribbon-left p, .ribbon.ribbon-left a {
    padding-right: 15px; }

.ribbon .ribbon-stitch:after {
  z-index: 3;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px; }
.ribbon .ribbon-stitch:before {
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px; }
.ribbon .ribbon-stitch:after, .ribbon .ribbon-stitch:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(204, 204, 204, 0.4)), color-stop(rgba(204, 204, 204, 0.8)), color-stop(rgba(204, 204, 204, 0.8)), to(rgba(204, 204, 204, 0.4)));
  background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.4), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.4));
  background-image: linear-gradient(to right, rgba(204, 204, 204, 0.4), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.4)); }

.ribbon-left .ribbon-stitch:after, .ribbon-left .ribbon-stitch:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(204, 204, 204, 0.4)), color-stop(rgba(204, 204, 204, 0.8)), color-stop(rgba(204, 204, 204, 0.8)), to(rgba(204, 204, 204, 0.8)));
  background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.4), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8));
  background-image: linear-gradient(to right, rgba(204, 204, 204, 0.4), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8)); }

.ribbon-right .ribbon-stitch:after, .ribbon-right .ribbon-stitch:before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(204, 204, 204, 0.8)), color-stop(rgba(204, 204, 204, 0.8)), color-stop(rgba(204, 204, 204, 0.8)), to(rgba(204, 204, 204, 0.4)));
  background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.4));
  background-image: linear-gradient(to right, rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.8), rgba(204, 204, 204, 0.4)); }

.ribbon-out .ribbon-stitch:after, .ribbon-out .ribbon-stitch:before {
  left: 26px;
  right: 26px; }
.ribbon-out.ribbon-left .ribbon-stitch:after, .ribbon-out.ribbon-left .ribbon-stitch:before {
  left: 26px;
  right: 0; }
.ribbon-out.ribbon-right .ribbon-stitch:after, .ribbon-out.ribbon-right .ribbon-stitch:before {
  left: 0;
  right: 26px; }

.ribbon-in .ribbon-stitch:after, .ribbon-in .ribbon-stitch:before {
  left: 6px;
  right: 6px; }
.ribbon-in.ribbon-left .ribbon-stitch:after, .ribbon-in.ribbon-left .ribbon-stitch:before {
  left: 6px;
  right: 0; }
.ribbon-in.ribbon-right .ribbon-stitch:after, .ribbon-in.ribbon-right .ribbon-stitch:before {
  left: 0;
  right: 6px; }

.ribbon-in-out .ribbon-stitch:after, .ribbon-in-out .ribbon-stitch:before {
  left: 6px;
  right: 26px; }

.ribbon-out-in .ribbon-stitch:after, .ribbon-out-in .ribbon-stitch:before {
  left: 26px;
  right: 6px; }

.ribbon {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-block;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0.89, 0.83, 0.67);
  transition: 0.3s cubic-bezier(0.12, 0.89, 0.83, 0.67); }
  .ribbon p, .ribbon a {
    display: block; }
  .ribbon .ribbon-stitch {
    position: relative;
    overflow: hidden; }
  .ribbon.ribbon-left .ribbon-stitch {
    border-right: 1px solid #cccccc; }
  .ribbon.ribbon-right .ribbon-stitch {
    border-left: 1px solid #cccccc; }
  .ribbon .ribbon-fabric {
    position: relative;
    z-index: 2; }
    .ribbon .ribbon-fabric:after, .ribbon .ribbon-fabric:before {
      content: '';
      position: absolute;
      z-index: -1; }
  .ribbon .ribbon-top-right,
  .ribbon .ribbon-bottom-right,
  .ribbon .ribbon-top-left,
  .ribbon .ribbon-bottom-left,
  .ribbon .ribbon-center-left,
  .ribbon .ribbon-center-right {
    width: 42px;
    height: 42px;
    margin-right: 5px;
    margin-left: 5px;
    position: absolute;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .ribbon .ribbon-top-right,
  .ribbon .ribbon-bottom-right {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); }
  .ribbon .ribbon-top-left,
  .ribbon .ribbon-bottom-left {
    -webkit-box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2); }
  .ribbon .ribbon-center-right,
  .ribbon .ribbon-center-left {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

.ribbon p, .ribbon a {
  color: #666666; }
.ribbon .ribbon-fabric {
  background-color: #f7f7f7; }
.ribbon .ribbon-top-right,
.ribbon .ribbon-bottom-right,
.ribbon .ribbon-top-left,
.ribbon .ribbon-bottom-left,
.ribbon .ribbon-center-left,
.ribbon .ribbon-center-right {
  background: #f7f7f7; }
.ribbon .ribbon-fabric:after {
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc; }
.ribbon .ribbon-fabric:before {
  border-top: 1px dashed white;
  border-bottom: 1px dashed white; }
.ribbon.ribbon-right .ribbon-fabric {
  background-image: -webkit-gradient(linear, left top, right top, from(white), to(#f7f7f7));
  background-image: -webkit-linear-gradient(left, white, #f7f7f7);
  background-image: linear-gradient(to right, white, #f7f7f7); }
.ribbon.ribbon-right .ribbon-fabric:after {
  border-left: 1px dashed #cccccc; }
.ribbon.ribbon-right .ribbon-fabric:before {
  border-left: 1px dashed white; }
.ribbon.ribbon-left .ribbon-fabric {
  background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(white));
  background-image: -webkit-linear-gradient(left, #f7f7f7, white);
  background-image: linear-gradient(to right, #f7f7f7, white); }
.ribbon.ribbon-left .ribbon-fabric:after {
  border-right: 1px dashed #cccccc; }
.ribbon.ribbon-left .ribbon-fabric:before {
  border-right: 1px dashed white; }
.ribbon.ribbon-both .ribbon-fabric {
  background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), color-stop(white), color-stop(white), to(#f7f7f7));
  background-image: -webkit-linear-gradient(left, #f7f7f7, white, white, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7, white, white, #f7f7f7); }

.ribbon {
  height: 42px; }
  .ribbon .ribbon-stitch {
    height: 42px; }
  .ribbon .ribbon-fabric {
    height: 42px; }
    .ribbon .ribbon-fabric:after {
      top: 5px;
      right: 0;
      bottom: 5px;
      left: 0; }
    .ribbon .ribbon-fabric:before {
      top: 6px;
      right: 1px;
      bottom: 4px;
      left: 1px; }
  .ribbon .ribbon-top-right,
  .ribbon .ribbon-bottom-right,
  .ribbon .ribbon-center-right {
    right: 9px; }
  .ribbon .ribbon-top-left,
  .ribbon .ribbon-bottom-left,
  .ribbon .ribbon-center-left {
    left: 9px; }
  .ribbon .ribbon-top-right,
  .ribbon .ribbon-top-left {
    bottom: 21px; }
  .ribbon .ribbon-bottom-right,
  .ribbon .ribbon-bottom-left {
    top: 21px; }
  .ribbon .ribbon-center-left,
  .ribbon .ribbon-center-right {
    bottom: 0; }
  .ribbon.ribbon-right {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; }
    .ribbon.ribbon-right .ribbon-stitch {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      padding-right: 26px; }
    .ribbon.ribbon-right .ribbon-fabric {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px; }
      .ribbon.ribbon-right .ribbon-fabric:after, .ribbon.ribbon-right .ribbon-fabric:before {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        margin-left: 5px; }
  .ribbon.ribbon-left {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .ribbon.ribbon-left .ribbon-stitch {
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      padding-left: 26px; }
    .ribbon.ribbon-left .ribbon-fabric {
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px; }
      .ribbon.ribbon-left .ribbon-fabric:after, .ribbon.ribbon-left .ribbon-fabric:before {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        margin-right: 5px; }
  .ribbon.ribbon-both .ribbon-stitch {
    padding-right: 26px;
    padding-left: 26px; }

/*# sourceMappingURL=main.css.map */