.menu2-container {
  display: none; }
  @media only screen and (min-width: 959px) {
    .menu2-container {
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      margin-bottom: 100px;
      width: 400px; }
      .menu2-container *,
      .menu2-container *:before,
      .menu2-container *:after {
        box-sizing: inherit; }
      .admin-bar .menu2-container {
        top: 32px; } }

.branded-menu2 {
  display: inline-block;
  position: relative;
  padding: 24px 0 24px 20px;
  z-index: 20;
  font-family: 'GothamMedium', sans-serif;
  font-weight: 400;
  font-size: 32px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; }
  .branded-menu2:hover .menu,
  .branded-menu2:hover .branding span {
    opacity: 1; }
  .branded-menu2 a {
    margin: 6px 0;
    display: inline-block;
    line-height: 78px;
    position: relative;
    text-decoration: none;
    color: #ccc; }
    .branded-menu2 a span {
      opacity: 0; }
    .branded-menu2 a:before, .branded-menu2 a:after {
      content: 're';
      display: inline-block;
      text-align: right;
      border-radius: 49px;
      margin-right: 2px;
      padding-right: 4px; }
    .branded-menu2 a:before {
      width: 98px;
      height: 98px;
      border: 10px solid #ccc;
      color: transparent;
      background: green;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 98px; }
    .branded-menu2 a:after {
      width: 78px;
      height: 78px;
      margin: 10px;
      background-color: #ccc;
      color: #fff;
      position: absolute;
      left: 0;
      opacity: 0; }
    .branded-menu2 a:hover span {
      opacity: 1; }
    .branded-menu2 a:hover:before {
      border-color: transparent; }
    .branded-menu2 a:hover:after {
      opacity: 1; }
    .branded-menu2 a span {
      font-size: 20px; }
  .branded-menu2 .menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    opacity: 0; }
  .branded-menu2 .branding a:before {
    background-color: rgba(255, 255, 255, 0.75);
    border-color: #d8dd2b;
    color: #393d7b; }
  .branded-menu2 .branding a:after {
    background-color: #393d7b; }
  .branded-menu2 .branding a .branding_word {
    color: #fff;
    font-size: 26px; }
  .dev-menu-on-white .branded-menu2 .branding a .branding_word_design {
    color: #8a8b89; }
  .dev-menu-on-white .branded-menu2 .branding a .branding_word_build {
    color: #393d7b; }
  .branded-menu2 .re-accent-reimagine a:before {
    background-image: url("../img/accents/imagine.sq.jpg");
    border-color: #025392; }
  .branded-menu2 .re-accent-reimagine a:after {
    background-color: #025392; }
  .branded-menu2 .re-accent-reimagine a:hover span {
    color: #025392; }
  .branded-menu2 .re-accent-reimagine a:hover:before {
    border-color: transparent; }
  .branded-menu2 .re-accent-rethink a:before {
    background-image: url("../img/accents/think.sq.jpg");
    border-color: #4a3242; }
  .branded-menu2 .re-accent-rethink a:after {
    background-color: #4a3242; }
  .branded-menu2 .re-accent-rethink a:hover span {
    color: #4a3242; }
  .branded-menu2 .re-accent-rethink a:hover:before {
    border-color: transparent; }
  .branded-menu2 .re-accent-redesign a:before {
    background-image: url("../img/accents/design.sq.jpg");
    border-color: #c4a42b; }
  .branded-menu2 .re-accent-redesign a:after {
    background-color: #c4a42b; }
  .branded-menu2 .re-accent-redesign a:hover span {
    color: #c4a42b; }
  .branded-menu2 .re-accent-redesign a:hover:before {
    border-color: transparent; }
  .branded-menu2 .re-accent-recycle a:before {
    background-image: url("../img/accents/cycle.sq.jpg");
    border-color: #638539; }
  .branded-menu2 .re-accent-recycle a:after {
    background-color: #638539; }
  .branded-menu2 .re-accent-recycle a:hover span {
    color: #638539; }
  .branded-menu2 .re-accent-recycle a:hover:before {
    border-color: transparent; }
  .branded-menu2 .re-accent-rebuild a:before {
    background-image: url("../img/accents/build.sq.jpg");
    border-color: #006c82; }
  .branded-menu2 .re-accent-rebuild a:after {
    background-color: #006c82; }
  .branded-menu2 .re-accent-rebuild a:hover span {
    color: #006c82; }
  .branded-menu2 .re-accent-rebuild a:hover:before {
    border-color: transparent; }
  .branded-menu2 .re-accent-remodel a:before {
    background-image: url("../img/accents/model.sq.jpg");
    border-color: #807f84; }
  .branded-menu2 .re-accent-remodel a:after {
    background-color: #807f84; }
  .branded-menu2 .re-accent-remodel a:hover span {
    color: #807f84; }
  .branded-menu2 .re-accent-remodel a:hover:before {
    border-color: transparent; }
  .branded-menu2 .re-accent-renew a:before {
    background-image: url("../img/accents/new.sq.jpg");
    border-color: #1b3158; }
  .branded-menu2 .re-accent-renew a:after {
    background-color: #1b3158; }
  .branded-menu2 .re-accent-renew a:hover span {
    color: #1b3158; }
  .branded-menu2 .re-accent-renew a:hover:before {
    border-color: transparent; }
  .branded-menu2 .re-accent-rework a:before {
    background-image: url("../img/accents/work.sq.jpg");
    border-color: #572b22; }
  .branded-menu2 .re-accent-rework a:after {
    background-color: #572b22; }
  .branded-menu2 .re-accent-rework a:hover span {
    color: #572b22; }
  .branded-menu2 .re-accent-rework a:hover:before {
    border-color: transparent; }
  .branded-menu2 .re-accent-research a:before {
    background-image: url("../img/accents/search.sq.jpg");
    border-color: #4e602c; }
  .branded-menu2 .re-accent-research a:after {
    background-color: #4e602c; }
  .branded-menu2 .re-accent-research a:hover span {
    color: #4e602c; }
  .branded-menu2 .re-accent-research a:hover:before {
    border-color: transparent; }
  .branded-menu2 .branded-menu-background, .branded-menu2 .branded-menu-background-bottom {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10; }
  .branded-menu2:hover .branded-menu-background, .branded-menu2:hover .branded-menu-background-bottom {
    background: rgba(255, 255, 255, 0.6); }
  .branded-menu2 .branded-menu-background-bottom {
    top: auto; }
  .branded-menu2:hover .branded-menu-background-bottom {
    background: #f1f2f2; }
    .dev-menu-on-white .branded-menu2:hover .branded-menu-background-bottom {
      background: rgba(255, 255, 255, 0.6); }