header.card {
  padding: 16px;
  border-radius: 3px 3px 0 0;
}
header.card h3 { margin: 0; }

header.frame {
  padding: 18px 24px 8px;
  min-height: 64px;
}
header.frame h3 {
  margin-bottom: 10px;
}

div.card {
  position: relative;
  max-width: 400px;
  border-radius: 3px;
  background: #fff;

  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .12);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .12);
}
div.card-separate { margin-bottom: 16px; }
div.card-with-header { border-radius: 5px 5px 3px 3px; }
div.card-wide { max-width: inherit; }
div.card-wide form {
  padding: 16px;
}
div.card-wide form div.actions {
  padding: 16px 0 0;
}
div.card-header {
  position: relative; z-index: 1;
}
div.card-image {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
div.card-title {
  position: absolute; bottom: 0; left: 0; z-index: 1;
  padding: 16px;
  color: #fff;
  font-size: 20px;
  text-shadow: 0 0 16px rgba(0, 0, 0, .8);
}
div.card-content {
  padding: 16px;
}
div.card a.fbutton, div.card a.fbutton-constr {
  position: relative; left: -16px; z-index: 2;
  margin: -27px 0 -8px auto;
}
div.card h3 {
  margin-bottom: 8px;
  font-size: 24px;
}
div.card header.card h3 { margin: 0; }
div.card h4 { font-size: 14px; opacity: 0.6; }
div.card hgroup {
  padding: 24px 16px 16px;
}
div.card hgroup h3,
div.card hgroup h4 {
  margin: 0;
}
div.card hgroup + div.card-content { padding-top: 0; }
div.card-over {
  position: absolute; right: 0; bottom: 0; left: 0; z-index: 2;
  background: rgba(0, 0, 0, .5);
  color: #fff;
}
div.card-over h4 { opacity: 1; }
div.card-over .button-simple { color: #fff; }
div.card.card-only div.card-image {
  border-radius: 3px;
}
div.card.card-only div.card-over {
  border-radius: 0 0 3px 3px;
}


div.card .button {
  -webkit-box-shadow: none;
          box-shadow: none;
}
div.card button.button:hover:not(.ic-only):not(.button-simple) {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .12);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .12);
}


div.frame {
  position: relative;
  border-radius: 3px;
  background: #fff;
  border: 1px solid transparent;

  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .12);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .12);
}
div.frame.active {
  border: 1px dashed #388e3c;
}
div.frame-max {
  margin: 0 auto;
  max-width: 1000px;
}
div.frame-separate { margin-bottom: 16px; }
div.frame-main { z-index: 10; }
div.frame > a.fbutton-constr {
  position: absolute; bottom: -24px; right: 32px; z-index: 10;
}
div.frame ul.tabs { border-radius: 3px 3px 0 0; }
div.frame > form,
div.frame-content { padding: 18px 24px; }
div.frame-content > div.overlay { border-radius: 3px; }
div.frame div.actions { padding: 8px 0 0; }
div.frame div.data-bar + form { padding-top: 0; }
div.frame > form.simple { padding: 0 0 18px; }


div.block-separate { margin-bottom: 16px; }