.navbar {
    margin-bottom: 0;
    min-height: 88px;
}
.navbar-default .navbar-sitename {
  top: 14px;
}
.navbar-nav li {
    border-right: 1px solid #e9e9e9;
    height: 48px;
    margin-top: 7px;
    padding: 0;
    text-align: center;
}
  .navbar-nav li:first-child {
    border-left: 1px solid #e9e9e9;
  }
  .navbar-nav li a {
    padding: 15px 71px 10px
  }
.bordered {
  border: 2px solid #f0efef;
  border-radius: 6px;
  color: #737373;
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
  padding: 14px 19px 13px;
}
  .bordered .col-md-7 {
    padding-left: 0;
  }
  .bordered .ribbon {
    position: absolute;
    right: -3px;
    top: -3px;
  }
   .locked .ribbon {
    background: url('/static/images/ribbon-locked.png') no-repeat;
    height: 78px;
    width: 94px;
   }
   .btn-locked,
   .learn-more {
    display: none;
   }
   .locked .btn-locked,
   .locked .learn-more {
    display: inline-block;
   }
   .locked .btn-view {
    display: none;
   }
  .bordered .ribbon-price {
    position: absolute;
    right: -2px;
    top: 20px;
  }
  #studio .bordered h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 35px;
  }
#studio .box {
  margin-top: 20px;
}
#studio .sidebar {
  margin-top: 12px;
}
  #studio .sidebar a {
    font-size: 13px;
  }
  #studio .sidebar a:hover {
    text-decoration: none;
  }
  #studio .box h1 {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 36px;
    margin: 0;
  }
ul li {
  color: #7d7d7d;
}
form .btn-link {
  padding: 0;
}
form label {
  color: #737373;
  font-family: 'Arial';
  font-size: 16px;
  font-weight: normal;
}
.form-group > input[type="text"],
.form-group > input[type="password"],
.form-group > input[type="datetime"],
.form-group > input[type="datetime-local"],
.form-group > input[type="date"],
.form-group > input[type="month"],
.form-group > input[type="time"],
.form-group > input[type="week"],
.form-group > input[type="number"],
.form-group > input[type="email"],
.form-group > input[type="url"],
.form-group > input[type="search"],
.form-group > input[type="tel"],
.form-group > input[type="color"],
.form-group > select, .form-group > textarea {
  border-radius: 0 0 0;
}
.help-block {
  display: none;
}
.book-price {
  border: 0;
  color: #97d42a;
  font-size: 76px;
  margin-top: 40px !important;
  text-align: right;
}
.book-price .shipping {
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    margin-top: 9px;
    padding-bottom: 13px;
    text-align: right;
    width: 100%;
  }
  .book-price .shipping {
    color: #7d7d7d;
  }
#studio {}
  #studio .row {
    margin-bottom: 10px;
  }
  #studio .container {
      position: relative;
      width: 1170px !important;
  }
  #studio .intro-details {
    background: url('/static/images/studio-top.png') no-repeat;
    margin-left: -10px;
  }
    #studio .intro-details h3 {
      margin-top: 70px;
    }
    #studio .intro-details p {
      font-size: 15px;
      line-height: 19px;
    }
  #studio .row-space {
    margin-top: 20px;
  }
  #studio h1 {
    font-size: 52px;
    margin-bottom: 0px;
    font-weight: 400;
    text-align: left;
    line-height: 52px;
  }
    #studio h1 b {
      color: #97d42a;
    }
  #studio h2 {
    font-size: 42px;
    font-weight: 400;
    margin-top: 0;
  }
  #studio p.quote {
    color: #97d42a;
    font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;
    font-size: 32px;
    font-style: italic;
    line-height: 32px;
  }
ul.legend {}
  ul.legend li {
    padding-bottom: 6px;
  }
.assessment-divider {
  background: #f0f0f0;
  border: 1px solid #dedede;
  border-left: 0;
  border-right: 0;
  padding: 18px 0 15px;
  margin-bottom: 50px;
  margin-top: 20px;
}
  #studio .assessment-divider p {
    font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;
    font-size: 21px;
  }
#assessment-wrapper {
  background: url("/static/images/backgrounds/bg-top.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
  min-height: 550px;
  margin-bottom: 30px;
}
  #studio .col-md-6 {
    padding-left: 0;
  }
  #studio .intro {
    margin-top: 100px;
    font-size: 20px;
    font-weight: 200;
  }
  #studio .intro .review{
    font-size: 15px;
    margin-top: 60px;
  }
    #studio .intro .review b {
      color: #97d42a;
    }
  #studio .clarity-score {
    margin-top: 30px;
    padding-left: 0;
    position: relative;
  }
    #studio .clarity-score h5 {
      color: #8fd72b;
      font-size: 19px;
      margin-top: 32px;

    }
    #studio .clarity-score p {
      color: #000000;72
      font-size: 15px;
      font-weight: 200;
    }
    #studio .clarity-score img {
      padding-right: 40px
    }
    #studio .clarity-score canvas {
      width: 157px;
      height: 157px;
      position: absolute;
      left: 200px;
      top: 30px;
    }
    #studio .clarity-score .number {
      color: #7d7d7d;
      font-size: 42px;
      font-weight: 600;
      position: absolute;
      text-align: center;
      top: 96px;
      width: 120px;
      left: 218px;
    }
    @-moz-document url-prefix() {
      #studio .clarity-score .number {
         top: 89px;
      }
    }
  #studio .clarity-score-free {
    padding-left: 50px;
  }
    #studio .clarity-score-free h5 {
      color: #8fd72b;
      font-size: 19px;
      margin-top: 0px;

    }
    #studio .clarity-score-free p {
      color: #000000;72
      font-size: 15px;
      font-weight: 200;
    }
    #studio .clarity-score-free img {
      padding-right: 40px
    }
    #studio .clarity-score-free .number {
      color: #7d7d7d;
      font-size: 42px;
      font-weight: 600;
      left: 65px;
      position: absolute;
      text-align: center;
      top: 194px;
      width: 120px;
    }
  #studio i.note {
    background: url('/static/images/checkmark.png') no-repeat;
    display: block;
    float: left;
    height: 27px;
    margin-right: 10px;
    margin-top: -5px;
    width: 27px;
  }
  #studio h6 {
    color: #8fd72b;
    font-size: 14px;
    font-weight: 600;
    margin-top: 70px;
  }
.plans div:first-child {
    margin-left: 30px;
}
.plans .col-md-4 {
    width: 269px;
}
.plans div {
  height: 308px;
}
.plans div.masterteacheric {
    width: 320px;
}
.plans .salesteamic {
  width: 56%;
}
#assessments-row {
  margin-top: -20px;
  margin-bottom: 20px;
}
  #assessments-row label {
    color: #7d7d7d;
    font-size: 15px;
    text-transform: uppercase;
  }
  #assessments-row .col-md-5 {
    text-align: right;
  }
#characteristic-wrapper {
  background: url("/static/images/backgrounds/bg-top.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
  min-height: 550px;
  padding-bottom: 10px;
}
  #characteristic-wrapper .description > p {
    color: #7d7d7d;
  }
  #characteristic-wrapper .description > p + p {
    color: #97d42a;
  }
#legend {

}
  #legend ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #legend ul li {
      margin-bottom: 5px;
    }
      #legend ul li h4 {
        margin-top: 30px;
      }
      #legend ul li span {
        font-size: 13px;
      }
.rankings-free {
  list-style: none;
  margin: 0 0 0 -15px;
  padding: 0;
}
  .rankings-free li {
    height: 41px;
    margin-bottom: 10px;
  }
  .rankings-free label {
    color: #7d7d7d;
    font-size: 19px;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  }
  .rankings-free li > div {
    background-color: transparent;
    background-repeat: no-repeat;
    float: right;
    height: 41px;
    position: relative;
    width: 228px;
  }
    .rankings-free li div.green {
      background-image: url('/static/images/studio/bars/aligned.png');
    }
    .rankings-free li div.yellow_over,
    .rankings-free li div.yellow_under {
      background-image: url('/static/images/studio/bars/low-risk.png');
    }
    .rankings-free li div.orange_over,
    .rankings-free li div.orange_under {
      background-image: url('/static/images/studio/bars/moderate-risk.png');
    }
    .rankings-free li div.red_over,
    .rankings-free li div.red_under {
      background-image: url('/static/images/studio/bars/high-risk.png');
    }
    .mobile-title, .mobile-labels { display: none; }
.rankings {
  list-style: none;
  margin: 0 0 0 -15px;
  padding: 0;
}
  .rankings li {
    clear: both;
    min-height: 55px;
  }
    .rankings li label {
      float: left;
      font-size: 16px;
      font-weight: 400;
      line-height: 19px;
      margin-right: 18px;
      width: 190px;
    }
    .rankings li > div {
      background-color: transparent;
      background-repeat: no-repeat;
      color: #7d7d7d !important;
      float: left;
      height: 41px;
      position: relative;
      width: 736px;
    }
      .rankings li div.green {
        background-image: url('/static/images/bars/green.png');
      }
      .rankings li div.yellow_over {
        background-image: url('/static/images/bars/yellow_over.png');
      }
      .rankings li div.orange_over {
        background-image: url('/static/images/bars/orange_over.png');
      }
      .rankings li div.red_over {
        background-image: url('/static/images/bars/red_over.png');
      }
      .rankings li div.yellow_under {
        background-image: url('/static/images/bars/yellow_under.png');
      }
      .rankings li div.orange_under {
        background-image: url('/static/images/bars/orange_under.png');
      }
      .rankings li div.red_under {
        background-image: url('/static/images/bars/red_under.png');
      }
      .rankings li div > span {
        display: table-cell;
        float: left;
        font-size: 13px;
        font-weight: 600;
        margin-left: 30px;
        margin-top: 5px;
        width: 200px;
      }
      .rankings li div span + span {
        margin-left: 0;
        font-size: 20px;
        text-align: center;
        width: 274px;
      }
      .rankings li div span + span + span {
        float: right;
        font-size: 13px;
        margin-left: 0;
        margin-right: 30px;
        margin-top: 0;
        text-align: right;
        width: 200px;
      }
    .rankings li h3 {
      color: #7a7b7b;
      float: left;
      font-size: 30px;
      line-height: 30px;
      margin-top: 0;
      margin-bottom: 20px;
      text-align: center;
      width: 736px;
    }
    .rankings li a.popup {
      color: #7d7d7d !important;
      cursor: pointer;
      display: block;
      height: 41px;
      left: 0;
      overflow: hidden;
      position: absolute;
      text-indent: -999px;
      top: 0;
      width: 736px;
    }
    .rankings li section {
      display: none;
      height: 501px;
      top: 0;
      position: absolute;
      width: 935px;
    }
      .rankings li section nav {
        background: none;
        height: 30px;
        left: 0;
        position: absolute;
        top: 0;
        width: 501px;
        z-index: 20;
      }
      .rankings li section nav a {
        cursor: pointer;
        display: inline-block;
        height: 30px;
        width: 117px;
      }
      .rankings li section a.close {
        height: 43px;
        opacity: 1;
        position: absolute;
        right: 36px;
        top: 31px;
        width: 44px;
        z-index: 15;
      }
      .rankings li section div.player {
        left: 592px;
        overflow: hidden;
        position: absolute;
        top: 50px;
        width: 235px;
      }
        .rankings li section div.player .audiojs {

        }
        .rankings li section div.player .audiojs { height: 22px; background: #404040;
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
                background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
                -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
                -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
        .rankings li section div.player .audiojs .play-pause { width: 15px; height: 20px; padding: 0px 8px 0px 0px; }
        .rankings li section div.player .audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -5px; }
        .rankings li section div.player .audiojs .scrubber { background: #5a5a5a; width: 310px; height: 10px; margin: 5px; }
        .rankings li section div.player .audiojs .progress { height: 10px; width: 0px; background: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
        background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
        .rankings li section div.player .audiojs .loaded { height: 10px; background: #000;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
        background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
        .rankings li section div.player .audiojs .time { float: left; height: 25px; line-height: 25px; }
        .rankings li section div.player .audiojs .error-message { height: 24px;line-height: 24px; }

      .rankings li section a.close:hover {
        opacity: .2;
      }
      .rankings li section .pagination {
        bottom: 0;
        color: #8fd72b;
        font-size: 16px;
        font-weight: 600;
        left: 400px;
        margin: 0;
        position: absolute;
        width: 150px;

      }
        .rankings li section .pagination a {
          cursor: pointer;
        }
      .rankings li section article {
        left: 0;
        height: 528px;
        padding-left: 58px;
        padding-right: 88px;
        padding-top: 30px;
        position: absolute;
        top: 0;
        width: 935px;
      }
        #studio .rankings li section article h1 {
          margin-top: 20px;
          margin-bottom: 15px;
        }
        #studio .rankings li section article h4 {
          color: #8fd72b;
          font-weight: 400;
          text-transform: capitalize;
        }
          #studio .rankings li section article h4 span {
            color: #7d7d7d;
            font-weight: 600;
            text-transform: uppercase;
          }

        .rankings li section article p {
          color: #7d7d7d;
          font-size: 20px;
          font-weight: 200;
        }
        #studio .popup-container p {
            font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

          }
        .rankings li section article div.scroll {
          height: 305px;
          margin-top: 12px;
          overflow-x: hidden;
          overflow-y: scroll;
          width: 800px;
        }
      .rankings li section .objective {
        background: url('/static/images/backgrounds/bg-objective.png') no-repeat;
        z-index: 10;
      }
      .rankings li section .your-thoughts {
        background: url('/static/images/backgrounds/bg-your-thoughts.png') no-repeat;
        z-index: 9;
      }
      .rankings li section .dialogue {
        background: url('/static/images/backgrounds/bg-dialogue.png') no-repeat;
        z-index: 8;
      }
      .rankings li section .plan-of-action {
        background: url('/static/images/backgrounds/bg-plan-of-action.png') no-repeat;
        z-index: 7;
      }
#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; display:none; }
#upsell {
  background: url('/static/images/bg-assessment-deeper.jpg') no-repeat scroll center center rgba(0, 0, 0, 0);
  height: 597px;
}
  #upsell .header {
    padding-left: 80px;
  }
    #upsell .header h1 {
      color: #fff;
      font-size: 53px;
      font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      margin-top: 40px;
      text-shadow: 0px 0px 20px rgba(150, 150, 150, 1);
    }
    #upsell .header p {
      color: #002400;
    }
#studio #see-results {
  margin-bottom: 50px;
  padding: 40px 19px;
  position: relative;
}
  #studio #see-results h1 {
    font-size: 53px;
  }
  #studio #cust {
    margin-left: 10px;
    padding-bottom: 28px;
    width: 48.8%;
  }