.bb_wrapper {
  position: relative;
  margin-top: 0;
  -webkit-transition: margin-top 200ms ease-out;
  transition: margin-top 200ms ease-out; }
  .bb_wrapper.is-active {
    margin-top: 250px; }
  .bb_wrapper #bb_panel {
    background: #4e5256;
    background: #4e5256 url('img/branding_bar-background-base.jpg');
    background: url('img/branding_bar-background-texture.png') top center repeat-x, url('img/branding_bar-background-base.jpg');
    color: #eee;
    -webkit-box-shadow: inset 0px -5px 15px -5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px -5px 15px -5px rgba(0, 0, 0, 0.4);
    font-family: "franklin-gothic-urw", helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    height: 250px;
    width: 100%;
    top: -250px; }
  .bb_wrapper #bb_close-panel {
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    opacity: 0.7;
    filter: alpha(opacity=70);
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0; }
    .bb_wrapper #bb_close-panel:hover {
      opacity: 0.9;
      filter: alpha(opacity=90); }
    .bb_wrapper #bb_close-panel:focus {
      outline: none; }
  .bb_wrapper .bb_panel-container {
    margin: 30px auto;
    width: 960px; }
  .bb_wrapper .bb_heading {
    color: #fcd74b;
    display: block;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase; }
  .bb_wrapper .bb_description {
    font-size: 12px;
    line-height: 20px;
    margin: 25px 0;
    padding: 0; }
  .bb_wrapper a.bb_link {
    background: none;
    color: #fcd74b;
    text-decoration: none; }
    .bb_wrapper a.bb_link:hover {
      border-bottom: 1px dotted #fcd74b;
      color: #fcd74b;
      padding-bottom: 2px; }
  .bb_wrapper .bb_about {
    border-right: 1px dashed #888;
    float: left;
    height: 190px;
    padding-right: 50px;
    width: 370px; }
  .bb_wrapper .bb_input {
    border: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    color: #444;
    display: inline-block;
    height: 30px;
    margin: 0px;
    margin-right: 1px;
    outline: none;
    padding: 8px 10px;
    width: 220px; }
    .bb_wrapper .bb_input.bb_input-zip {
      width: 70px; }
    .bb_wrapper .bb_input::-webkit-input-placeholder {
      color: #bbb;
      font-family: georgia, times, serif;
      font-size: 11px;
      font-style: italic; }
    .bb_wrapper .bb_input::-moz-placeholder {
      color: #bbb;
      font-family: georgia, times, serif;
      font-size: 11px;
      font-style: italic; }
    .bb_wrapper .bb_input:-ms-input-placeholder {
      color: #bbb;
      font-family: georgia, times, serif;
      font-size: 11px;
      font-style: italic; }
    .bb_wrapper .bb_input::placeholder {
      color: #bbb;
      font-family: georgia, times, serif;
      font-size: 11px;
      font-style: italic; }
  .bb_wrapper button.bb_submit, .bb_wrapper button.bb_submit:active {
    background: #fcd74b;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 11px;
    height: 30px;
    margin: 0;
    outline: none;
    padding: 6px 0;
    text-indent: 0;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    vertical-align: top;
    width: 70px; }
    .bb_wrapper button.bb_submit:hover, .bb_wrapper button.bb_submit:active:hover {
      background: #e5c345; }
  .bb_wrapper .bb_email .bb_heading {
    margin-top: 20px; }
  .bb_wrapper .bb_email .bb_email-form {
    margin-top: 10px; }
  .bb_wrapper .bb_email .bb_email-form-fail {
    display: none; }
  .bb_wrapper .bb_email .bb_email-form-success {
    background: #404040;
    display: none;
    margin-top: 10px;
    padding: 5px 10px;
    width: 350px; }
  .bb_wrapper .bb_tools {
    float: left;
    margin-left: 48px;
    width: 490px; }
  .bb_wrapper .bb_tools-heading:first-child {
    border-right: 1px dashed #aaa;
    margin-right: 25px;
    padding-right: 25px; }
  .bb_wrapper .bb_tools-featured {
    float: left;
    list-style-type: none;
    margin: 0;
    margin-top: 25px;
    padding: 0; }
    .bb_wrapper .bb_tools-featured:first-child {
      margin-left: 0; }
    .bb_wrapper .bb_tools-featured li {
      float: left;
      list-style-type: none;
      margin: 0;
      margin-left: 30px;
      width: 230px; }
      .bb_wrapper .bb_tools-featured li:first-child {
        margin-left: 0; }
  .bb_wrapper a.bb_tools-logo {
    background: none;
    border-bottom: none;
    display: block;
    height: 50px;
    padding-bottom: 0; }
    .bb_wrapper a.bb_tools-logo img {
      border: 0;
      outline: 0; }
  .bb_wrapper .bb_tools-list {
    display: inline-block;
    float: left;
    line-height: 150%;
    list-style-type: none;
    margin: 0;
    margin-top: 25px;
    margin-left: 35px;
    padding: 0;
    width: 140px; }
    .bb_wrapper .bb_tools-list:first-child {
      margin-left: 0; }
    .bb_wrapper .bb_tools-list li {
      margin-bottom: 20px;
      line-height: 18px;
      list-style-type: none; }
    .bb_wrapper .bb_tools-list a.bb_link {
      color: #eee; }
  .bb_wrapper .bb_tools-details .bb_description {
    margin: 15px 0; }
  .bb_wrapper .bb_email-form .bb_input.is-hidden, .bb_wrapper .bb_email-form .bb_submit.is-hidden {
    display: none; }
  .bb_wrapper .bb_email-form-fail.is-true {
    display: block; }
  .bb_wrapper .bb_email-form-success.is-true {
    display: block;
    -webkit-animation: bb_fade 700ms 1;
    animation: bb_fade 700ms 1; }
  .bb_wrapper .bb_tools-details.is-hidden {
    display: none; }
  .bb_wrapper .bb_tools-heading.is-inactive {
    color: #aaa;
    cursor: pointer; }
    .bb_wrapper .bb_tools-heading.is-inactive:hover {
      color: #fcd74b; }
  .bb_wrapper .bb_fade-animation {
    -webkit-animation: bb_fade 700ms 1;
    animation: bb_fade 700ms 1; }

@-webkit-keyframes bb_fade {
  0% {
    opacity: 0.25; }

  100% {
    opacity: 1; } }

@keyframes bb_fade {
  0% {
    opacity: 0.25; }

  100% {
    opacity: 1; } }