@-webkit-keyframes ajaxRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ajaxRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.mdp-dfg {
  position: relative; }
  .mdp-dfg__split-total .sign {
    font-size: 35px;
    position: relative;
    top: -15px; }
  .mdp-dfg__split-total .amount {
    font-size: 50px;
    text-align: center;
    margin-bottom: 0; }
  @media screen and (max-width: 950px) {
    .mdp-dfg__split-total .grid-col-medium-6 {
      width: 100%; }
    .mdp-dfg__split-total .amount {
      font-size: 40px; }
    .mdp-dfg__split-total .sign {
      font-size: 25px; } }
  .mdp-dfg__intro,
  .mdp-dfg .mdp-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: opacity 250ms ease-in, z-index 250ms ease-in; }
  .mdp-dfg__intro {
    text-align: center;
    z-index: 1;
    opacity: 1; }
  .mdp-dfg .mdp-progress-bar {
    opacity: 0;
    z-index: 0; }
    .mdp-dfg .mdp-progress-bar.active {
      position: static;
      min-height: 0; }
  .mdp-dfg__dealer-select__zip {
    margin-bottom: 85px; }
    .mdp-dfg__dealer-select__zip .input-row {
      max-width: 400px;
      width: 100%;
      margin: 0 auto; }
      .mdp-dfg__dealer-select__zip .input-row.invalid::before {
        z-index: 1;
        top: 44px;
        right: 30px; }
      .mdp-dfg__dealer-select__zip .input-row.invalid .button {
        display: none; }
      .mdp-dfg__dealer-select__zip .input-row__validation, .mdp-dfg__dealer-select__zip .input-row__required {
        text-align: left;
        margin: 0 auto;
        max-width: 370px;
        padding-left: 2px; }
    .mdp-dfg__dealer-select__zip .component-input-5 {
      display: block; }
    .mdp-dfg__dealer-select__zip label {
      display: block;
      margin-bottom: 10px; }
    .mdp-dfg__dealer-select__zip .button {
      margin-top: -23px;
      right: 16px; }
      .mdp-dfg__dealer-select__zip .button::before {
        color: #999999;
        transition: color 250ms; }
    .mdp-dfg__dealer-select__zip-input input {
      width: 100%;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
    .mdp-dfg__dealer-select__zip input:focus + .button::before {
      color: inherit; }
  .mdp-dfg__dealer-select__dealer-template {
    display: none; }
  .mdp-dfg__dealer-select__dealer-list {
    font-size: 0; }
    .mdp-dfg__dealer-select__dealer-list__dealer {
      cursor: pointer;
      margin: 0 1.5463917526% 20px;
      background-color: #ffffff;
      border: 1px solid #d5d5d5;
      max-width: 367px;
      width: 37.835051546%;
      height: 120px;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      padding: 20px 2.0618556701%;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      transition: opacity 250ms, -webkit-transform 250ms ease-in;
      transition: opacity 250ms, transform 250ms ease-in;
      position: relative; }
      .mdp-dfg__dealer-select__dealer-list__dealer.rendered {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      .mdp-dfg__dealer-select__dealer-list__dealer-header {
        margin-bottom: 5px; }
      .mdp-dfg__dealer-select__dealer-list__dealer-address {
        margin-bottom: 0; }
      .mdp-dfg__dealer-select__dealer-list__dealer:last-child {
        margin-bottom: 0; }
      .mdp-dfg__dealer-select__dealer-list__dealer.selected .selected-overlay {
        display: block; }
    @media screen and (max-width: 767px) {
      .mdp-dfg__dealer-select__dealer-list__dealer {
        height: auto;
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0; } }
  .mdp-dfg__dealer-select__load-more {
    display: none;
    margin-top: 30px; }
  .mdp-dfg__dealer-select__no-results {
    display: none; }
  .mdp-dfg__charities__charity-template {
    display: none; }
  .mdp-dfg__charities__charity-list__charity {
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    transition: opacity 250ms, -webkit-transform 250ms ease-in;
    transition: opacity 250ms, transform 250ms ease-in; }
    .mdp-dfg__charities__charity-list__charity.rendered {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .mdp-dfg__charities__charity-list__charity-logo, .mdp-dfg__charities__charity-list__charity-copy {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .mdp-dfg__charities__charity-list__charity-logo {
      background-color: #e7e7e7;
      width: 28%;
      text-align: center;
      padding: 20px;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
      .mdp-dfg__charities__charity-list__charity-logo img {
        display: inline-block;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
            -ms-flex-order: 0;
                order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        -webkit-align-self: auto;
            -ms-flex-item-align: auto;
                align-self: auto;
        border: 0 none;
        height: auto;
        max-width: 160px;
        vertical-align: middle;
        width: 100%; }
    .mdp-dfg__charities__charity-list__charity-copy {
      padding: 30px;
      width: 72%;
      text-align: left; }
    .mdp-dfg__charities__charity-list__charity:last-child {
      margin-bottom: 0; }
    .mdp-dfg__charities__charity-list__charity.selected .selected-overlay {
      display: block; }
  @media screen and (max-width: 767px) {
    .mdp-dfg__charities__charity-list__charity {
      display: block; }
      .mdp-dfg__charities__charity-list__charity-logo, .mdp-dfg__charities__charity-list__charity-copy {
        width: 100%; }
      .mdp-dfg__charities__charity-list__charity-logo {
        min-height: 150px; }
      .mdp-dfg__charities__charity-list__charity-copy {
        text-align: center; }
      .mdp-dfg__charities__charity-list__charity .cta {
        width: auto;
        margin-bottom: 0; } }
  .mdp-dfg__form .component-input-3 input + .checkbox::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .mdp-dfg__form input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .mdp-dfg__form input[name='dfg-form'] {
      display: none;
      visibility: hidden;
      opacity: 0; }
  .mdp-dfg__form__copy, .mdp-dfg__form__title, .mdp-dfg__form__row {
    max-width: 370px;
    text-align: left;
    margin-left: auto;
    margin-right: auto; }
  .mdp-dfg__form__submit, .mdp-dfg__form__copy, .mdp-dfg__form__title {
    text-align: center; }
  .mdp-dfg__form__title {
    margin-bottom: 20px;
    padding-top: 20px; }
  .mdp-dfg__form__submit {
    margin-bottom: 35px; }
    .mdp-dfg__form__submit.disabled {
      pointer-events: none;
      opacity: .5; }
  .mdp-dfg__form__copy a, .mdp-dfg__form__row__help-text a {
    color: #101010;
    text-decoration: underline; }
  .mdp-dfg__form__copy p,
  .mdp-dfg__form__row__help-text a {
    /*font-family: "InterstateLight", helvetica, arial, sans-serif;*/
    font-family: "MazdaTypeTT-Regular", helvetica, arial, sans-serif;
    color: #101010;
    font-size: 13px;
    letter-spacing: .26px; }
  .mdp-dfg__form__loader {
    display: none;
    margin-top: 20px; }
  .mdp-dfg__form .ajaxloader .arc::before,
  .mdp-dfg__form .ajaxloader .arc::after,
  .mdp-dfg__form [data-key='ajaxloader'] .arc::before,
  .mdp-dfg__form [data-key='ajaxloader'] .arc::after {
    left: 0; }
  .mdp-dfg__confirmation__copy--container {
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    padding: 45px 30px 22px;
    text-align: center;
    margin-bottom: 45px; }
  .mdp-dfg__confirmation__copy__contribution {
    height: 75px;
    line-height: 75px;
    font-size: 0;
    margin-bottom: 28px; }
    .mdp-dfg__confirmation__copy__contribution-amount, .mdp-dfg__confirmation__copy__contribution-divider, .mdp-dfg__confirmation__copy__contribution-logo {
      display: inline-block;
      vertical-align: top; }
    .mdp-dfg__confirmation__copy__contribution-amount {
      font-size: 65px;
      text-transform: uppercase;
      /*font-family: "InterstateLight", helvetica, arial, sans-serif;*/
      font-family: "MazdaTypeTT-Regular", helvetica, arial, sans-serif;
      letter-spacing: .65px; }
      .mdp-dfg__confirmation__copy__contribution-amount sup {
        top: -25px;
        font-size: 32.5px;
        text-transform: uppercase;
        /*font-family: "InterstateLight", helvetica, arial, sans-serif;*/
        font-family: "MazdaTypeTT-Regular", helvetica, arial, sans-serif;
        letter-spacing: .325px;
        margin-right: 2px; }
    .mdp-dfg__confirmation__copy__contribution-divider {
      text-transform: uppercase;
      font-size: 15px;
      /*font-family: "InterstateBold", helvetica, arial, sans-serif;*/
      font-family: "MazdaTypeTT-Bold", helvetica, arial, sans-serif;
      letter-spacing: 3px;
      margin: 0 5px; }
    .mdp-dfg__confirmation__copy__contribution-logo {
      height: 75px; }
      .mdp-dfg__confirmation__copy__contribution-logo img {
        display: inline-block;
        height: 100%;
        max-height: 100%;
        width: auto; }
    @media screen and (max-width: 450px) {
      .mdp-dfg__confirmation__copy__contribution {
        height: auto;
        line-height: initial;
        text-align: center; }
        .mdp-dfg__confirmation__copy__contribution-amount, .mdp-dfg__confirmation__copy__contribution-divider, .mdp-dfg__confirmation__copy__contribution-logo {
          display: block; }
        .mdp-dfg__confirmation__copy__contribution-divider {
          margin: 5px 0; }
        .mdp-dfg__confirmation__copy__contribution-logo {
          display: inline-block; } }
  .mdp-dfg__confirmation__share {
    max-width: 300px;
    margin: 0 auto; }
    .mdp-dfg__confirmation__share-popups ul {
      font-size: 0; }
      .mdp-dfg__confirmation__share-popups ul li {
        display: inline-block;
        vertical-align: top;
        height: 64px;
        line-height: 64px;
        border-right: 1px solid #999999;
        margin-right: 40px;
        padding-right: 40px; }
        .mdp-dfg__confirmation__share-popups ul li img {
          display: inline-block;
          vertical-align: middle; }
        .mdp-dfg__confirmation__share-popups ul li:last-child {
          border-right: 0 none;
          margin-right: 0;
          padding-right: 0; }
  .mdp-dfg.form-open .mdp-dfg__intro {
    z-index: 0;
    opacity: 0; }
  .mdp-dfg.form-open .mdp-progress-bar {
    z-index: 1;
    opacity: 1; }