.intPartners {
  font-family: 'sl-Apres', verdana, sans-serif;
  margin: 20px 0px 20px 0px;
  float: left;
  width: 100%;
  max-width: 588px; }
  .intPartners .int_top_title {
    font-size: 4em;
    font-family: 'sl-TitlingGothFBStandCond', sans-serif;
    text-align: center;
    margin: 0 0 20px 0; }
  .intPartners .results_box {
    display: block;
    border: 1px solid #c7c7c7;
    text-align: left;
    padding: 2em; }
  .intPartners .frame_1 {
    border: 1px solid #c7c7c7; }
    .intPartners .frame_1 .frame_container {
      padding: 2em;
      position: relative; }
  .intPartners .inputs {
    margin: 30px 30px;
    font-family: inherit;
    font-size: 1.2em; }
    .intPartners .inputs td {
      width: 50%;
      height: 2.5em; }
    .intPartners .inputs .radio_td {
      text-align: right; }
    .intPartners .inputs input[type="text"] {
      display: block;
      width: 2em;
      padding: 5px;
      margin: 5px;
      float: right; }
    .intPartners .inputs .radio_table {
      display: block;
      float: right;
      padding: 0px 5px; }
      .intPartners .inputs .radio_table td {
        width: 100px;
        text-align: right; }
  .intPartners button {
    font-family: inherit;
    opacity: 0.5;
    border: none;
    padding: 0.5em;
    background-color: #660033;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.5em;
    color: white;
    opacity: 1;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .intPartners button:hover {
      color: #FFEB00; }
    .intPartners button:active {
      position: relative;
      top: 1px; }
  .intPartners .btn_generate {
    margin: 0.5em;
    opacity: 0.5; }
  .intPartners .friendly {
    font-size: 12px; }
  .intPartners .btn_generate.ready {
    opacity: 1; }
  .intPartners .btn_generate, .intPartners .btn_regenerate {
    background-color: #660033;
    font-size: 1.5em; }
  .intPartners .btn_generate_wrapper {
    text-align: center;
    margin: 0; }
  .intPartners .btn_regenerate {
    display: none;
    margin-top: 1em; }
    .intPartners .btn_regenerate .lied {
      font-size: 1.2em;
      margin: 0; }
    .intPartners .btn_regenerate .again {
      font-size: 0.5em;
      margin: 0; }
  .intPartners .btn_ok {
    background-color: gray;
    font-size: 1em;
    margin-top: 15px; }
  .intPartners .screen {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5); }
  .intPartners .box {
    position: relative;
    width: 300px;
    height: auto;
    font-family: 'sl-Rockwell', verdana, sans-serif;
    text-align: center;
    font-size: 1.2em;
    padding: 25px;
    margin: 20% auto;
    border: 1px solid #c7c7c7;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15); }
  .intPartners .loader.box {
    background: url(/features/2015/05/partners/img/stripe.png); }
  .intPartners .error.box {
    background: white; }
  .intPartners .error.text {
    margin: 0.5em; }
  .intPartners .spinner {
    height: 20px;
    padding: 20px; }
  .intPartners .feedback_graf {
    text-align: center;
    margin: 0;
    font-size: 1.7em;
    margin: 0 0 15px 0;
    line-height: 1.6;
    padding: 0 1em; }
  .intPartners .feedback_here {
    color: black;
    background: #FFEB00;
    box-shadow: 10px 0 0 #FFEB00, -10px 0 0 #FFEB00;
    padding: 10px 0; }
  .intPartners .histogram {
    font-size: .9em;
    width: 100%;
    height: 350px; }
    .intPartners .histogram .bar rect {
      fill: #9E4B6C;
      shape-rendering: crispEdges; }
    .intPartners .histogram .x path, .intPartners .histogram .x line {
      fill: none;
      stroke: #000;
      shape-rendering: crispEdges; }
    .intPartners .histogram .partners-line {
      stroke: black;
      stroke-width: 1; }
    .intPartners .histogram .tick, .intPartners .histogram .label, .intPartners .histogram .off {
      fill: #787878; }
    .intPartners .histogram .tick, .intPartners .histogram .off {
      font-size: .8em; }
  .intPartners .loader.screen, .intPartners .error.screen, .intPartners .frame_2 {
    display: none; }
  .intPartners .btns_share {
    margin: 0 0 0 0;
    width: 100%;
    text-align: center; }
  .intPartners .intSharing_btn_share {
    background-color: white;
    outline: 1px solid #D7D7D7; }
  .intPartners .compatability {
    text-align: center;
    padding: 1em;
    margin: 1em;
    border: 1px solid #c7c7c7; }
  .intPartners .int_source {
    color: gray;
    margin: 15px 0 0 0;
    font-size: 0.75em; }

@media screen and (max-width: 580px) {
  .intPartners {
    font-size: 10px; }
    .intPartners .input_label {
      width: auto; } }