gistfile1.css

  /**
   * @license
   * MyFonts Webfont Build ID 2714052, 2013-12-26T05:36:00-0500
   * 
  */
  @font-face {
    font-family: 'brandon_grotesque_medium';
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7270/original/brandongrotesque-medium.eot");
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7270/original/brandongrotesque-medium.eot?#iefix") format("embedded-opentype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7273/original/brandongrotesque-medium.woff") format("woff"), url("http://curebit.s3.amazonaws.com/static_assets/files/7272/original/brandongrotesque-medium.ttf") format("truetype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7271/original/brandongrotesque-medium.svg#lhf_avalancheregular") format("svg");
    font-weight: normal;
    font-style: normal; }
  
  @font-face {
    font-family: 'proxima_nova_regular';
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7277/original/proximanova-regular.eot");
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7277/original/proximanova-regular.eot?#iefix") format("embedded-opentype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7280/original/proximanova-regular.woff") format("woff"), url("http://curebit.s3.amazonaws.com/static_assets/files/7279/original/proximanova-regular.ttf") format("truetype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7278/original/proximanova-regular.svg#proxima_nova_rgregular") format("svg");
    font-weight: normal;
    font-style: normal; }
  
  @font-face {
    font-family: 'proxima_nova_rgbold';
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7281/original/proximanova-bold.eot");
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7281/original/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7284/original/proximanova-bold.woff") format("woff"), url("http://curebit.s3.amazonaws.com/static_assets/files/7283/original/proximanova-bold.ttf") format("truetype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7282/original/proximanova-bold.svg#proxima_nova_rgbold") format("svg");
    font-weight: normal;
    font-style: normal; }
  
  @font-face {
    font-family: 'proxima_novasemibold';
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7285/original/proximanova-semibold.eot");
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7285/original/proximanova-semibold.eot?#iefix") format("embedded-opentype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7288/original/proximanova-semibold.woff") format("woff"), url("http://curebit.s3.amazonaws.com/static_assets/files/7287/original/proximanova-semibold.ttf") format("truetype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7286/original/proximanova-semibold.svg#proxima_novasemibold") format("svg");
    font-weight: normal;
    font-style: normal; }
  
  @font-face {
    font-family: 'brandon_grotesque_black';
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7274/original/brandongrotesque-black.eot");
    src: url("http://curebit.s3.amazonaws.com/static_assets/files/7274/original/brandongrotesque-black.eot?#iefix") format("embedded-opentype"), url("http://curebit.s3.amazonaws.com/static_assets/files/7276/original/brandongrotesque-black.woff") format("woff"), url("http://curebit.s3.amazonaws.com/static_assets/files/7275/original/brandongrotesque-black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }
  
  * {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font: inherit;
    outline: none; }
  
  a img, iframe {
    border: none; }
  
  ul {
    list-style-type: none; }
  
  th, h1, h2, h3, h4, h5, h6 {
    font-weight: normal; }
  
  cite, em {
    font-style: normal; }
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  
  sup {
    top: -0.5em; }
  
  sub {
    bottom: -0.25em; }
  
  button,
  input,
  select,
  textarea {
    vertical-align: middle; }
  
  button, input {
    *overflow: visible;
    line-height: normal; }
  
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button; }
  
  .hidden {
    display: none; }
  
  label {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  
  h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 48px; }
  
  h2 {
    font-size: 26px;
    font-weight: normal;
    line-height: 32px; }
  
  h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 26px; }
  
  h6 {
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase; }
  
   /* font 
  -----------------------------------------------------------------------------*/
  .validation {
    display: none;
    color: red; }
  
  .notice {
    position: absolute;
    left: 50%;
    z-index: 1010;
    display: none;
    padding: 16px 8px 14px 8px;
    width: 372px;
    border: 1px solid #fff;
    background: #fefefe;
    color: black;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("/javascripts/liquid/boxsizing.htc"); }
    .notice.is-loading {
      padding: 0 8px;
      height: 48px;
      background: #fff;
      color: black;
      line-height: 48px; }
      .notice.is-loading img {
        margin-right: 5px;
        height: 24px;
        vertical-align: middle; }
      .notice.is-loading span {
        vertical-align: middle;
        display: inline-block;
        *zoom: 1;
        *display: inline; }
  
  body {
    position: relative;
    font-size: 13px;
    line-height: 1.2;
    font-family: proxima_nova_regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #53504c; }
  
  .container {
    position: relative;
    margin: 0 auto;
    width: 980px; }
  
   /* buttons 
  -----------------------------------------------------------------------------*/
  .textfield,
  .textarea {
    padding: 10px 12px 8px 12px;
    width: 100%;
    border: 2px solid #f0efef;
    border-radius: 3px;
    background: #ffffff;
    color: black;
    font-family: proxima_nova_regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("/javascripts/liquid/boxsizing.htc");
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }
    .textfield:-moz-placeholder,
    .textarea:-moz-placeholder {
      color: #979492; }
    .textfield::-moz-placeholder,
    .textarea::-moz-placeholder {
      color: #979492; }
    .textfield::-webkit-input-placeholder,
    .textarea::-webkit-input-placeholder {
      color: #979492; }
    .textfield:-ms-input-placeholder,
    .textarea:-ms-input-placeholder {
      color: #979492; }
    .textfield.placeholder,
    .textarea.placeholder {
      color: #979492; }
    .textfield:hover,
    .textarea:hover {
      border-color: #d9d6d6; }
    .textfield:focus,
    .textarea:focus {
      border-color: #57b8e2; }
  
  .button {
    text-decoration: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border-radius: 3px;
    padding: 15px 19px 9px 19px;
    background: #57b8e2;
    position: relative;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
    font-family: brandon_grotesque_black, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("/javascripts/liquid/boxsizing.htc");
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }
    .button:hover, .button:focus, .button.hover {
      background-color: #3caddd; }
    .button:active {
      background-color: #25a0d6; }
    .button.is-block {
      padding-right: 0;
      padding-left: 0;
      display: block;
      width: 100%; }
    .button.is-facebook {
      text-align: left;
      padding-left: 82px;
      background: #57b8e2 url("http://d2jjzw81hqbuqv.cloudfront.net/static_assets/files/7291/original/offer-page-fb-button.png") left center no-repeat; }
      .button.is-facebook:hover, .button.is-facebook:focus {
        background-color: #3caddd; }
      .button.is-facebook:active {
        background-color: #25a0d6; }
    .button.is-twitter {
      text-align: left;
      padding-left: 82px;
      background: #57b8e2 url("http://d2jjzw81hqbuqv.cloudfront.net/static_assets/files/7292/original/offer-page-tw-button.png") left center no-repeat; }
      .button.is-twitter:hover, .button.is-twitter:focus {
        background-color: #3caddd; }
      .button.is-twitter:active {
        background-color: #25a0d6; }
  
   /* close 
  -----------------------------------------------------------------------------*/
  .close-modal {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    padding: 10px;
    line-height: 1;
    font-size: 32px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }
    .close-modal:focus, .close-modal:hover {
      opacity: 0.5; }
  
   /* popup 
  -----------------------------------------------------------------------------*/
  .popup {
    position: absolute;
    z-index: 1001;
    overflow: scroll;
    padding: 20px;
    background: #fefefe;
    border: 10px solid #f7f7f7;
    width: 480px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("/javascripts/liquid/boxsizing.htc"); }
    .popup p {
      font-size: 14px;
      padding-bottom: 15px; }
    .popup a {
      color: #57b9e1;
      text-decoration: underline; }
      .popup a:hover {
        text-decoration: none; }
  
  .popup-title {
    margin-bottom: 15px;
    color: #5e5c58;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
    font-family: brandon_grotesque_black, Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1; }
  
   /* tooltip 
  -----------------------------------------------------------------------------*/
  .tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0); }
  
  .tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }
  
  .tooltip-inner {
    max-width: 200px;
    padding: 5px 10px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px; }
  
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000; }
  
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000; }
  
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000; }
  
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000; }
  
   /* icon 
  -----------------------------------------------------------------------------*/
  .icon-timer {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("") no-repeat;
    vertical-align: middle;
    line-height: 15px; }
  
   /* terms link 
  -----------------------------------------------------------------------------*/
  .terms {
    display: block;
    color: #9c9c9c;
    font-size: 14px;
    line-height: 1;
    text-decoration: underline; }
    .terms:hover {
      text-decoration: none; }
  
   /* offer 
  -----------------------------------------------------------------------------*/
  body.offer .container {
    width: 980px; }
  body.offer .notice {
    top: 583px;
    margin-left: 64px;
    min-height: 20px; }
  body.offer .popup {
    width: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto; }
  body.offer .stats {
    *zoom: 1;
    margin-bottom: 76px; }
    body.offer .stats:before, body.offer .stats:after {
      display: table;
      content: ""; }
    body.offer .stats:after {
      clear: both; }
    body.offer .stats li {
      float: left;
      margin-left: 18px;
      padding: 10px 10px 15px 10px;
      width: 230px;
      height: 168px;
      background: #f7f7f7;
      color: #5e5c58;
      text-align: center;
      text-transform: uppercase;
      font-size: 15px;
      line-height: 1;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      *behavior: url("/javascripts/liquid/boxsizing.htc"); }
      body.offer .stats li:first-child {
        margin-left: 0; }
    body.offer .stats span {
      display: block;
      color: #6e6c68;
      font-size: 15px;
      font-family: brandon_grotesque_black, Arial, "Helvetica Neue", Helvetica, sans-serif;
      line-height: 1; }
    body.offer .stats .number {
      margin-top: 7px;
      font-size: 20px; }
    body.offer .stats .img {
      margin-bottom: 18px;
      height: 89px;
      background: #fefefe;
      text-align: center; }
  body.offer .content {
    *zoom: 1; }
    body.offer .content:before, body.offer .content:after {
      display: table;
      content: ""; }
    body.offer .content:after {
      clear: both; }
    body.offer .content .col-left {
      float: left;
      margin-left: 7px;
      width: 461px; }
    body.offer .content .col-right {
      float: right;
      width: 480px; }
  
   /* table referrals 
  -----------------------------------------------------------------------------*/
  .table-referrals-wrap {
    overflow-y: auto;
    max-height: 630px; }
    .table-referrals-wrap .title {
      margin-bottom: 15px;
      color: #5e5c58;
      text-transform: uppercase;
      font-weight: normal;
      font-size: 20px;
      font-family: brandon_grotesque_black, Arial, "Helvetica Neue", Helvetica, sans-serif;
      line-height: 1; }
  
  .table-referrals {
    border-spacing: 0;
    border-collapse: collapse; }
    .table-referrals .fisrt-col {
      width: 102px; }
    .table-referrals .second-col {
      width: 226px; }
    .table-referrals .third-col {
      width: 92px; }
    .table-referrals .fourth-col {
      width: 36px; }
    .table-referrals td, .table-referrals th {
      text-align: left; }
    .table-referrals th {
      padding-top: 9px;
      padding-bottom: 9px;
      border-top: 1px solid #bbb9b5;
      border-bottom: 1px solid #bbb9b5;
      font-size: 14px;
      line-height: 1; }
    .table-referrals .first-item {
      padding-left: 5px; }
    .table-referrals td {
      height: 55px;
      border-bottom: 1px solid #e3e1db;
      color: #53504c;
      vertical-align: middle;
      font-size: 12px;
      line-height: 1; }
      .table-referrals td.zerocase {
        color: #999; }
    .table-referrals .email {
      font-weight: normal;
      font-size: 13px;
      font-family: proxima_novasemibold, Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .table-referrals .offer-description {
      color: #53504c; }
      .table-referrals .offer-description a {
        color: #57b9e1;
        text-decoration: underline; }
        .table-referrals .offer-description a:hover {
          text-decoration: none; }
    .table-referrals .share-status.received {
      background: url("http://d2jjzw81hqbuqv.cloudfront.net/static_assets/files/7293/original/ico-check-email.png") 5px center no-repeat; }
    .table-referrals .offer-status {
      color: #979492; }
  
   /* share form on offer page 
  -----------------------------------------------------------------------------*/
  .offer-share {
    position: relative;
    padding: 40px 54px;
    background: #f8f5ee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("/javascripts/liquid/boxsizing.htc"); }
    .offer-share .headline {
      margin-bottom: 27px;
      color: #53504c; }
    .offer-share .title {
      margin-bottom: 1px;
      text-transform: uppercase;
      font-weight: normal;
      font-size: 23px;
      font-family: brandon_grotesque_black, Arial, "Helvetica Neue", Helvetica, sans-serif;
      line-height: 1.2; }
    .offer-share p {
      font-size: 13px;
      font-family: proxima_nova_regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
      line-height: 1.2; }
  
  .offer-share-form .field {
    *zoom: 1;
    position: relative;
    margin-bottom: 16px; }
    .offer-share-form .field:before, .offer-share-form .field:after {
      display: table;
      content: ""; }
    .offer-share-form .field:after {
      clear: both; }
    .offer-share-form .field .left {
      float: left;
      width: 302px; }
    .offer-share-form .field .right {
      padding-top: 1px;
      float: right;
      width: 67px; }
  .offer-share-form p {
    margin-top: 12px;
    color: #979492;
    font-size: 11px;
    line-height: 1.2; }
    .offer-share-form p a {
      color: #57b9e1;
      text-decoration: none; }
      .offer-share-form p a:hover {
        text-decoration: underline; }
  
  .coupone-wrap.hover {
    cursor: pointer; }
    .coupone-wrap.hover .textfield {
      cursor: pointer;
      border-color: #d9d6d6; }
    .coupone-wrap.hover .button {
      background-color: #3caddd; }
  .coupone-wrap.active .button {
    background-color: #25a0d6; }