@font-face {
  font-family: "Accord-Bold";
  src: url("../../../assets/media/files/fonts/accord/29ACCA_0_0.eot?#iefix") format("embedded-opentype"), url("../../../assets/media/files/fonts/accord/29ACCA_0_0.woff") format("woff"), url("../../../assets/media/files/fonts/accord/29ACCA_0_0.ttf") format("truetype"); }

@font-face {
  font-family: "Accord";
  src: url("../../../assets/media/files/fonts/accord/29ACCA_1_0.eot?#iefix") format("embedded-opentype"), url("../../../assets/media/files/fonts/accord/29ACCA_1_0.woff") format("woff"), url("../../../assets/media/files/fonts/accord/29ACCA_1_0.ttf") format("truetype"); }

@font-face {
  font-family: "Accord-BoldItalic";
  src: url("../../../assets/media/files/fonts/accord/29ACCA_2_0.eot?#iefix") format("embedded-opentype"), url("../../../assets/media/files/fonts/accord/29ACCA_2_0.woff") format("woff"), url("../../../assets/media/files/fonts/accord/29ACCA_2_0.ttf") format("truetype"); }

@font-face {
  font-family: "Accord-Italic";
  src: url("../../../assets/media/files/fonts/accord/29ACCA_3_0.eot?#iefix") format("embedded-opentype"), url("../../../assets/media/files/fonts/accord/29ACCA_3_0.woff") format("woff"), url("../../../assets/media/files/fonts/accord/29ACCA_3_0.ttf") format("truetype"); }

div.campaign-header-control {
  padding: 50px 20px 0 0; }
  @media (min-width: 768px) {
    div.campaign-header-control {
      padding: 79px 20px 20px 0; } }
  @media (min-width: 1180px) {
    div.campaign-header-control {
      padding: 91px 30px 20px 0;
      position: relative; } }
  @media (min-width: 1330px) {
    div.campaign-header-control {
      right: -90px; } }
  div.campaign-header-control .amount {
    color: #00a7cf;
    font-size: 30px;
    font-family: Accord-Bold;
    font-weight: 700;
    margin: 0 0 0 auto;
    display: block;
    text-align: right;
    line-height: 22px;
    letter-spacing: .06em; }
    @media (min-width: 992px) {
      div.campaign-header-control .amount {
        font-size: 70px;
        line-height: 40px;
        position: relative; } }
    div.campaign-header-control .amount .dollar-symbol {
      font-family: Accord;
      font-size: 18px;
      color: #00a7cf;
      font-weight: 300;
      top: -6px;
      position: relative; }
      @media (min-width: 992px) {
        div.campaign-header-control .amount .dollar-symbol {
          font-size: 40px;
          top: -19px; } }
  div.campaign-header-control .graph-holder {
    width: 120px;
    margin: 0 0 0 auto;
    height: 14px;
    overflow: hidden;
    position: relative; }
    @media (min-width: 992px) {
      div.campaign-header-control .graph-holder {
        width: 280px;
        height: 20px; } }
    div.campaign-header-control .graph-holder .background-blue {
      position: absolute;
      display: block;
      background-color: #aee7f7;
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      z-index: 5; }
    div.campaign-header-control .graph-holder .background-holder {
      z-index: 20;
      opacity: 1;
      top: 0;
      right: 0;
      content: "";
      position: absolute;
      height: 0;
      border-style: solid;
      border-width: 14px 170px 0 0;
      border-color: #fff transparent transparent transparent; }
      @media (min-width: 992px) {
        div.campaign-header-control .graph-holder .background-holder {
          border-width: 14px 280px 0 0; } }
    div.campaign-header-control .graph-holder .total {
      position: absolute;
      display: block;
      background-color: #00a7cf;
      left: 0;
      bottom: 0;
      height: 100%;
      z-index: 10; }
  div.campaign-header-control .raised-holder p, div.campaign-header-control .raised-holder p > span {
    color: #999999;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center; }
    @media (min-width: 992px) {
      div.campaign-header-control .raised-holder p, div.campaign-header-control .raised-holder p > span {
        font-size: 16px; } }
  div.campaign-header-control .raised-holder p {
    margin: 0 0 0 auto;
    padding: 5px 0 5px;
    border-bottom: 2px solid #efefef;
    width: 100px;
    font-weight: 700; }
    @media (min-width: 992px) {
      div.campaign-header-control .raised-holder p {
        width: 260px; } }