/*!       _( }
  -=  _  <<  \
     `.\__/`/\\
-=     '--'\\  `
     -=    //
           \) 2014 */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.clearfix:before, .clearfix:after,
.col:before,
.col:after,
.row:before,
.row:after,
.w0:before,
.w0:after,
.w1:before,
.w1:after,
.w2:before,
.w2:after {
  content: " ";
  display: table; }

.clearfix:after,
.col:after,
.row:after,
.w0:after,
.w1:after,
.w2:after {
  clear: both; }

.hidden {
  display: none !important;
  visibility: hidden; }

/**********************
 **** Form styles? ****
 **********************/
.frm h3 {
  margin-bottom: 1.2rem;
  font-size: 1.1rem;
  font-weight: 800; }
  @media (min-width: 1024px) {
    .frm h3 {
      font-size: 1.5rem; } }

.frm.frm-hide {
  display: none; }

.frm .frm-element {
  display: block;
  margin-bottom: 0.75rem; }
  .frm .frm-element:before, .frm .frm-element:after {
    content: " ";
    display: table; }
  .frm .frm-element:after {
    clear: both; }
  .frm .frm-element .frm-label,
  .frm .frm-element .frm-input,
  .frm .frm-element .frm-select,
  .frm .frm-element .frm-checkbox,
  .frm .frm-element .frm-notes,
  .frm .frm-element .frm-input-group,
  .frm .frm-element .frm-select-group {
    font-size: 1rem;
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
    outline: none; }
    @media (min-width: 768px) {
      .frm .frm-element .frm-label,
      .frm .frm-element .frm-input,
      .frm .frm-element .frm-select,
      .frm .frm-element .frm-checkbox,
      .frm .frm-element .frm-notes,
      .frm .frm-element .frm-input-group,
      .frm .frm-element .frm-select-group {
        display: inline-block;
        float: left;
        margin-bottom: 0; } }
  .frm .frm-element .frm-label {
    line-height: 1.4rem;
    font-weight: 400; }
    @media (min-width: 768px) {
      .frm .frm-element .frm-label {
        line-height: 2rem;
        width: 38%;
        max-width: 15rem; } }
  .frm .frm-element input[type=number]::-webkit-inner-spin-button,
  .frm .frm-element input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  .frm .frm-element.frm-sortcode input {
    text-align: center;
    margin-bottom: 0.4rem; }
    @media (min-width: 1024px) {
      .frm .frm-element.frm-sortcode input {
        float: left;
        display: inline-block;
        margin-bottom: 0; } }
  .frm .frm-element .frm-notes {
    max-width: 16.25rem;
    line-height: 1rem;
    padding: 0; }
    @media (min-width: 1024px) {
      .frm .frm-element .frm-notes {
        padding: 0 0.5rem; } }
    .frm .frm-element .frm-notes span {
      font-size: 13px; }
      @media (min-width: 1024px) {
        .frm .frm-element .frm-notes span {
          font-size: 14px; } }
  .frm .frm-element .frm-input,
  .frm .frm-element .frm-select {
    border: none;
    margin: 0;
    padding: 0.5em;
    background-color: #f4f4f4;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  @media (min-width: 768px) {
    .frm .frm-element .frm-input {
      width: 62%;
      max-width: 30rem; } }
  .frm .frm-element .frm-input#cc_security_code {
    width: 4.5rem; }
  .frm .frm-element .frm-select {
    min-width: 5rem;
    position: relative; }
  .frm .frm-element .frm-select-wrap {
    position: relative;
    display: block;
    z-index: 200;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f4f4f4; }
    @media (min-width: 768px) {
      .frm .frm-element .frm-select-wrap {
        width: 62%;
        max-width: 30rem;
        float: left; } }
    .frm .frm-element .frm-select-wrap select {
      -webkit-appearance: none;
      -moz-appearance: none;
      z-index: 100;
      background-color: transparent; }
  @media (min-width: 768px) {
    .frm .frm-element .frm-input-group,
    .frm .frm-element .frm-select-group {
      width: 62%; } }
  .frm .frm-element .frm-input-group .frm-select-wrap,
  .frm .frm-element .frm-select-group .frm-select-wrap {
    display: inline-block;
    margin-bottom: 0.4rem;
    width: 100%; }
    @media (min-width: 768px) {
      .frm .frm-element .frm-input-group .frm-select-wrap,
      .frm .frm-element .frm-select-group .frm-select-wrap {
        margin-left: 0.5rem;
        margin-bottom: 0;
        float: left;
        width: auto; } }
    .frm .frm-element .frm-input-group .frm-select-wrap:first-child,
    .frm .frm-element .frm-select-group .frm-select-wrap:first-child {
      margin-left: 0; }
  .frm .frm-element .frm-input-group .frm-group-field,
  .frm .frm-element .frm-select-group .frm-group-field {
    margin-left: 0.5rem; }
    @media (min-width: 768px) {
      .frm .frm-element .frm-input-group .frm-group-field,
      .frm .frm-element .frm-select-group .frm-group-field {
        margin-left: 0.5rem; } }
    .frm .frm-element .frm-input-group .frm-group-field:first-child,
    .frm .frm-element .frm-select-group .frm-group-field:first-child {
      margin-left: 0; }
  .frm .frm-element .frm-input-group .frm-input {
    width: auto;
    min-width: 3.75rem; }
  .frm .frm-element .frm-input-group span.dash {
    float: left;
    display: inline-block;
    margin: 0.3rem 0 0 0.5rem; }
  .frm .frm-element.frm-element-check-first .frm-checkbox {
    float: left;
    margin: 0;
    width: 1.4rem;
    height: 1.4rem; }
  .frm .frm-element.frm-element-check-first .frm-label {
    float: left;
    width: 75%;
    margin-left: 0.75rem;
    line-height: 1.4rem;
    border: none;
    max-width: none; }
    @media (min-width: 768px) {
      .frm .frm-element.frm-element-check-first .frm-label {
        width: 90%; } }
    @media (min-width: 1024px) {
      .frm .frm-element.frm-element-check-first .frm-label {
        margin-left: 0.3rem; } }
  .frm .frm-element .frm-error {
    display: block;
    float: none;
    clear: both;
    color: #e2383f; }

.frm .cvv-tooltip {
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .frm .cvv-tooltip .cvv-tooltip-text {
    display: none;
    position: absolute;
    z-index: 999;
    top: -0.5rem;
    right: -8.5rem;
    width: 8rem;
    padding: 6px 4px;
    font-size: 14px;
    line-height: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px #999;
    -moz-box-shadow: 0 1px 2px #999;
    box-shadow: 0 1px 2px #999;
    color: #31708f;
    border: 1px solid #bce8f1;
    background-color: #d9edf7; }
    @media (min-width: 768px) {
      .frm .cvv-tooltip .cvv-tooltip-text {
        width: 12rem;
        right: -12.5rem; } }
    @media (min-width: 1024px) {
      .frm .cvv-tooltip .cvv-tooltip-text {
        top: -3rem;
        right: -12rem;
        font-size: 12px;
        line-height: 14px;
        padding: 4px 2px; } }

.standalone .process h1 {
  text-align: center;
  margin: 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 800; }
  @media (min-width: 1024px) {
    .standalone .process h1 {
      font-size: 2.75rem; } }

.standalone .process h2 {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 120%; }

.standalone .process p.sub-heading {
  text-align: center;
  font-size: 1.5rem; }

.standalone .process .wrapper {
  padding: 1rem;
  background: #fff; }
  @media (min-width: 768px) {
    .standalone .process .wrapper {
      padding: 2rem; } }
  .standalone .process .wrapper .row {
    display: block;
    margin: 2rem 0; }
    .standalone .process .wrapper .row#stage-progress {
      margin: 2rem 0; }
    .standalone .process .wrapper .row.stage-heading {
      padding: 1rem 1.5rem;
      background-color: #F8F8F8;
      margin: 0.5rem 0; }
      .standalone .process .wrapper .row.stage-heading .heading {
        margin-bottom: 0;
        font-size: 0.85rem; }
      .standalone .process .wrapper .row.stage-heading#stage-heading-4 {
        margin-bottom: 0; }
      .standalone .process .wrapper .row.stage-heading.active, .standalone .process .wrapper .row.stage-heading.done:hover, .standalone .process .wrapper .row.stage-heading.selectable:hover {
        cursor: pointer; }
      .standalone .process .wrapper .row.stage-heading.active {
        background-color: #004990;
        color: #fff; }
      .standalone .process .wrapper .row.stage-heading.done {
        cursor: pointer; }
    .standalone .process .wrapper .row .btn:active,
    .standalone .process .wrapper .row .btn.active {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .standalone .process .wrapper .row .button-group {
      margin-bottom: 1.5rem; }
      @media (min-width: 768px) {
        .standalone .process .wrapper .row .button-group {
          display: flex;
          flex-flow: wrap; } }
      .standalone .process .wrapper .row .button-group button {
        width: 100%;
        margin-bottom: 0.5rem;
        font-size: 1rem;
        border: 0;
        padding: 1rem; }
        @media (min-width: 768px) {
          .standalone .process .wrapper .row .button-group button {
            width: 49%;
            margin-right: 0.5rem; }
            .standalone .process .wrapper .row .button-group button:nth-child(even) {
              margin-right: 0; } }
        @media (min-width: 1024px) {
          .standalone .process .wrapper .row .button-group button {
            width: 24%; }
            .standalone .process .wrapper .row .button-group button:nth-child(even) {
              margin-right: 0.5rem; }
            .standalone .process .wrapper .row .button-group button:last-child {
              margin-right: 0; } }
        .standalone .process .wrapper .row .button-group button span {
          display: block; }
        .standalone .process .wrapper .row .button-group button.btn-stages {
          color: #000;
          cursor: pointer; }
          .standalone .process .wrapper .row .button-group button.btn-stages:focus, .standalone .process .wrapper .row .button-group button.btn-stages:active, .standalone .process .wrapper .row .button-group button.btn-stages:hover, .standalone .process .wrapper .row .button-group button.btn-stages.active, .standalone .process .wrapper .row .button-group button.btn-stages.dropdown-toggle {
            color: #fff;
            background-color: #3097B9; }
          .standalone .process .wrapper .row .button-group button.btn-stages.disabled, .standalone .process .wrapper .row .button-group button.btn-stages[disabled] {
            background-color: #ccc; }
            .standalone .process .wrapper .row .button-group button.btn-stages.disabled:hover, .standalone .process .wrapper .row .button-group button.btn-stages.disabled:focus, .standalone .process .wrapper .row .button-group button.btn-stages.disabled:active, .standalone .process .wrapper .row .button-group button.btn-stages.disabled.active, .standalone .process .wrapper .row .button-group button.btn-stages[disabled]:hover, .standalone .process .wrapper .row .button-group button.btn-stages[disabled]:focus, .standalone .process .wrapper .row .button-group button.btn-stages[disabled]:active, .standalone .process .wrapper .row .button-group button.btn-stages[disabled].active {
              background-color: #ccc; }
          .standalone .process .wrapper .row .button-group button.btn-stages .badge {
            color: #3097b9;
            background-color: #fff; }
      @media (min-width: 768px) {
        .standalone .process .wrapper .row .button-group.button-group-membership-type button {
          width: 48%; }
          .standalone .process .wrapper .row .button-group.button-group-membership-type button:nth-child(odd) {
            margin-right: 0.5rem; } }
      @media (min-width: 1024px) {
        .standalone .process .wrapper .row .button-group.button-group-membership-type button {
          width: 49%; } }
      .standalone .process .wrapper .row .button-group.button-group-cc-type button {
        width: auto;
        padding: 1rem 2.4rem;
        height: auto;
        min-height: 6rem; }
        @media (min-width: 768px) {
          .standalone .process .wrapper .row .button-group.button-group-cc-type button {
            padding: 1rem 1.6rem; } }
      .standalone .process .wrapper .row .button-group.button-group-dd-account-holder {
        margin-top: 2rem; }
        .standalone .process .wrapper .row .button-group.button-group-dd-account-holder button {
          padding: 1.75rem 1rem;
          font-size: 1rem;
          font-weight: 400; }
          @media (min-width: 768px) {
            .standalone .process .wrapper .row .button-group.button-group-dd-account-holder button {
              width: 48%; } }
          @media (min-width: 1024px) {
            .standalone .process .wrapper .row .button-group.button-group-dd-account-holder button {
              width: 28%; } }
    .standalone .process .wrapper .row .circled {
      display: inline-block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 1.429rem;
      height: 1.429rem;
      line-height: 1.429rem;
      text-align: center;
      font-size: 0.875rem; }
      .standalone .process .wrapper .row .circled.blue {
        background-color: #3097b9;
        color: #fff; }
    .standalone .process .wrapper .row .stages {
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      z-index: 0;
      margin-bottom: 1.5rem; }
      .standalone .process .wrapper .row .stages .line {
        position: absolute;
        z-index: -1;
        top: 20px;
        left: 0;
        width: 100%;
        border-top: 2px solid #ccc; }
      .standalone .process .wrapper .row .stages .stage {
        width: 20%;
        float: left;
        text-align: center;
        position: relative; }
        .standalone .process .wrapper .row .stages .stage .number {
          color: #fff;
          font-weight: 600;
          background-color: #ccc;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          width: 40px;
          height: 40px;
          min-width: auto;
          margin: 0 auto 0.2rem;
          text-align: center;
          line-height: 40px;
          font-size: 1rem; }
        .standalone .process .wrapper .row .stages .stage.done .line, .standalone .process .wrapper .row .stages .stage.active .line {
          width: 50%;
          border-top: 2px solid #000; }
        .standalone .process .wrapper .row .stages .stage.done .number, .standalone .process .wrapper .row .stages .stage.active .number {
          background-color: #000; }
        .standalone .process .wrapper .row .stages .stage.done .text, .standalone .process .wrapper .row .stages .stage.active .text {
          color: #000; }
        .standalone .process .wrapper .row .stages .stage.done .line {
          width: 100%; }
        .standalone .process .wrapper .row .stages .stage .text {
          font-weight: 600;
          color: #ccc;
          font-size: 11px;
          hyphens: auto; }
          @media (min-width: 768px) {
            .standalone .process .wrapper .row .stages .stage .text {
              font-size: 1rem;
              hyphens: none; } }
    .standalone .process .wrapper .row.stage-form {
      display: none;
      margin: 2rem 1rem; }
      .standalone .process .wrapper .row.stage-form form .payment-row {
        display: block;
        margin: 2rem 0 1.5rem; }
        .standalone .process .wrapper .row.stage-form form .payment-row:before, .standalone .process .wrapper .row.stage-form form .payment-row:after {
          content: " ";
          display: table; }
        .standalone .process .wrapper .row.stage-form form .payment-row:after {
          clear: both; }
        @media (min-width: 768px) {
          .standalone .process .wrapper .row.stage-form form .payment-row .payment-element {
            width: 46.5%;
            float: left;
            margin-right: 0.75rem; } }
        @media (min-width: 1024px) {
          .standalone .process .wrapper .row.stage-form form .payment-row .payment-element {
            display: inline-block;
            width: 14.5rem;
            margin-right: 1rem; } }
        .standalone .process .wrapper .row.stage-form form .payment-row .payment-element button {
          padding: 1.6rem 0;
          width: 100%;
          min-width: 14rem;
          margin-bottom: 1rem; }
          .standalone .process .wrapper .row.stage-form form .payment-row .payment-element button span {
            display: block;
            font-size: 4rem;
            line-height: 1;
            margin: 0;
            padding: 0; }
            .standalone .process .wrapper .row.stage-form form .payment-row .payment-element button span:first-child {
              font-size: 1.45rem; }
              @media (min-width: 768px) {
                .standalone .process .wrapper .row.stage-form form .payment-row .payment-element button span:first-child {
                  font-size: 1.65rem; } }
            .standalone .process .wrapper .row.stage-form form .payment-row .payment-element button span:last-child {
              margin-top: 0.667rem;
              font-size: 0.75rem; }
              @media (min-width: 768px) {
                .standalone .process .wrapper .row.stage-form form .payment-row .payment-element button span:last-child {
                  font-size: 0.85rem; } }
        .standalone .process .wrapper .row.stage-form form .payment-row .payment-element a {
          text-decoration: underline; }
      .standalone .process .wrapper .row.stage-form form .frm-select#cc_expiry_month {
        min-width: 6rem; }
      .standalone .process .wrapper .row.stage-form form .frm-submit {
        margin-top: 1rem; }
      @media (max-width: 32.5rem) {
        .standalone .process .wrapper .row.stage-form#stage-0 {
          padding-top: 0; } }
      .standalone .process .wrapper .row.stage-form#stage-2 h3 {
        margin-bottom: 0.25rem; }
      .standalone .process .wrapper .row.stage-form#stage-2 .frm-submit {
        margin-top: 1rem; }
      .standalone .process .wrapper .row.stage-form #stage-3 #dd-details,
      .standalone .process .wrapper .row.stage-form #stage-3 #cc-address {
        display: none; }
      .standalone .process .wrapper .row.stage-form #stage-3 .payment-dd h3 {
        margin-bottom: 0.25rem; }
      .standalone .process .wrapper .row.stage-form #stage-3 .payment-dd p a {
        text-decoration: underline; }
      .standalone .process .wrapper .row.stage-form #stage-3 .payment-dd .frm-element.frm-sortcode .frm-label {
        width: 6rem; }
        @media (min-width: 1024px) {
          .standalone .process .wrapper .row.stage-form #stage-3 .payment-dd .frm-element.frm-sortcode .frm-label {
            width: initial; } }
      .standalone .process .wrapper .row.stage-form #stage-3 .payment-dd .frm-element .frm-input {
        max-width: none; }
      .standalone .process .wrapper .row.stage-form #stage-3 .payment-cc .frm-element-check-first {
        margin-bottom: 1.75rem; }
      .standalone .process .wrapper .row.stage-form #stage-3 .dd-bank-account-details {
        margin-bottom: 2.25rem; }
        .standalone .process .wrapper .row.stage-form #stage-3 .dd-bank-account-details .frm-input-group input {
          max-width: 5rem; }
      @media (min-width: 1024px) {
        .standalone .process .wrapper .row.stage-form #stage-3 .about-payment,
        .standalone .process .wrapper .row.stage-form #stage-3 .w-about-payment {
          float: left; } }
      .standalone .process .wrapper .row.stage-form #stage-3 .about-payment:before, .standalone .process .wrapper .row.stage-form #stage-3 .about-payment:after,
      .standalone .process .wrapper .row.stage-form #stage-3 .w-about-payment:before,
      .standalone .process .wrapper .row.stage-form #stage-3 .w-about-payment:after {
        content: " ";
        display: table; }
      .standalone .process .wrapper .row.stage-form #stage-3 .about-payment:after,
      .standalone .process .wrapper .row.stage-form #stage-3 .w-about-payment:after {
        clear: both; }
      .standalone .process .wrapper .row.stage-form #stage-3 .about-payment {
        width: 85%; }
        @media (min-width: 1024px) {
          .standalone .process .wrapper .row.stage-form #stage-3 .about-payment {
            width: 24%; } }
        .standalone .process .wrapper .row.stage-form #stage-3 .about-payment .logos {
          margin-bottom: 0.75rem; }
          .standalone .process .wrapper .row.stage-form #stage-3 .about-payment .logos > div {
            margin-bottom: 0.75rem; }
        .standalone .process .wrapper .row.stage-form #stage-3 .about-payment p {
          font-size: 0.85rem; }
          .standalone .process .wrapper .row.stage-form #stage-3 .about-payment p a {
            color: #3097b9; }
            .standalone .process .wrapper .row.stage-form #stage-3 .about-payment p a span {
              font-weight: 600; }
      .standalone .process .wrapper .row.stage-form #stage-3 .frm.w-about-payment {
        margin-right: 0;
        margin-bottom: 1.5rem;
        min-width: 30.5rem;
        width: 100%;
        max-width: 73%; }
        @media (min-width: 1024px) {
          .standalone .process .wrapper .row.stage-form #stage-3 .frm.w-about-payment {
            margin-right: 3%;
            min-width: 30.5rem;
            max-width: 73%; } }
      .standalone .process .wrapper .row.stage-form#stage-4 h3 {
        margin-bottom: .25rem; }
      .standalone .process .wrapper .row.stage-form#stage-4 a {
        text-decoration: underline; }
      .standalone .process .wrapper .row.stage-form#stage-4 #frame-tc {
        display: block;
        width: 100%;
        max-width: 100%;
        border: 1px solid #ececec;
        height: 200px;
        padding: 1.5rem;
        overflow: auto;
        margin-bottom: 1.75rem; }
        .standalone .process .wrapper .row.stage-form#stage-4 #frame-tc h1 {
          margin-bottom: 1rem; }
      .standalone .process .wrapper .row.stage-form#stage-4 .frm-submit {
        margin-top: 1.25rem; }
    .standalone .process .wrapper .row.full .stage-form {
      display: block; }
    .standalone .process .wrapper .row .stage-finished#stage-5 a {
      text-decoration: underline; }
    .standalone .process .wrapper .row .stage-finished#stage-5 #frame-ddm {
      display: block;
      width: 100%;
      max-width: 100%;
      border: 1px solid #ececec;
      height: 200px;
      padding: 1.5rem;
      overflow: auto;
      margin-bottom: 1.75rem; }
      .standalone .process .wrapper .row .stage-finished#stage-5 #frame-ddm h1 {
        margin-bottom: 1rem; }

.standalone .terms-and-conditions {
  margin-bottom: 1rem; }
  .standalone .terms-and-conditions small {
    font-size: 10px; }

.standalone footer {
  padding-top: 0; }
  .standalone footer .colophon {
    padding: 1rem 0; }

.standalone.clean {
  font-size: 0.8rem; }
  .standalone.clean h1 {
    font-size: 1.25rem; }
  .standalone.clean h2 {
    font-size: 1rem; }
  @media print {
    .standalone.clean a:after {
      content: ""; } }
  .standalone.clean footer {
    background-color: transparent;
    color: #333333; }

#ddMandate {
  border: 1px solid #333333;
  padding: 100px 20px 20px 20px;
  margin-bottom: 16px;
  position: relative;
  font-size: 16px;
  width: 60rem; }
  #ddMandate .clearfix:first-child {
    margin-bottom: 16px; }
  #ddMandate .leftCol {
    float: left;
    width: 46%;
    margin-right: 30px; }
  #ddMandate .rightCol {
    float: left;
    width: 46%; }
  #ddMandate .ddLogo {
    position: absolute;
    top: 30px;
    right: 60px; }
  #ddMandate p {
    color: #000; }
    #ddMandate p.label {
      margin-bottom: 3px;
      line-height: 110%; }
    #ddMandate p.field {
      margin: 0;
      border: 1px solid #333333;
      padding: 12px;
      font-size: 120%;
      position: relative;
      display: block;
      width: 90%; }
      #ddMandate p.field span {
        position: absolute;
        top: -4px;
        left: 2px;
        font-size: 75%;
        display: block; }
        #ddMandate p.field span.right {
          width: 98%;
          text-align: right; }
      #ddMandate p.field#bankName, #ddMandate p.field#bankAddress {
        border-bottom: none;
        padding-top: 15px; }
    #ddMandate p.typesofAccount {
      text-align: center; }
  #ddMandate table {
    color: #000;
    border: 1px solid #333333; }
    #ddMandate table td {
      border: 1px solid #333333;
      text-align: center;
      padding: 12px; }
  #ddMandate .companyName {
    font-size: 150%;
    font-weight: bold; }
  #ddMandate .ddHeading {
    font-size: 210%;
    line-height: 120%;
    margin-bottom: 60px; }
  #ddMandate #ddGuaranteeContainer {
    background-color: #ccc;
    padding: 0 20px 20px 20px;
    border-top: 1px dashed #000; }
    #ddMandate #ddGuaranteeContainer p.guaranteeNote {
      text-align: center; }
    #ddMandate #ddGuaranteeContainer #ddGuarantee {
      border: 1px solid #333;
      padding: 20px;
      background-color: #fff;
      position: relative; }
      #ddMandate #ddGuaranteeContainer #ddGuarantee .ddLogo {
        position: absolute;
        top: 16px;
        right: 25px; }
      #ddMandate #ddGuaranteeContainer #ddGuarantee ul li {
        list-style: square;
        color: #000; }
      #ddMandate #ddGuaranteeContainer #ddGuarantee p {
        font-size: 140%;
        text-align: center;
        color: #333;
        line-height: 100%;
        color: #000; }

.address_search--find-address,
.address_search--help-address,
.address_select--help-address {
  display: block;
  clear: both;
  text-align: right;
  max-width: 43.5rem;
  padding: 0.5rem 0 2rem; }

.button.btn-sm,
.content .button.btn-sm,
#main.site-main .content .button.btn-sm {
  margin: 0.25rem 0;
  padding: 0.5rem 1rem;
  font-size: 0.77rem;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500; }

.frm-select--arrow-down {
  margin-left: 4px;
  margin-bottom: 2px;
  position: absolute;
  right: 0.75rem;
  top: 0.9rem;
  border-style: solid;
  border-width: 0.4rem 0.4rem 0 0.4rem;
  border-color: #0a0a0a transparent transparent transparent; }

.standalone .section .content a:not(.button) {
  color: #0a0a0a;
  display: inline-block;
  text-decoration: none;
  line-height: 1; }
  .standalone .section .content a:not(.button):after {
    content: '';
    display: block;
    border-bottom: 0.2rem solid #F6BA19;
    padding-bottom: 0.2rem; }

.about-payment {
  margin-top: 2rem; }
  .about-payment .logos .clearfix {
    display: flex;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 768px) {
      .about-payment .logos .clearfix {
        flex-direction: row; } }
    .about-payment .logos .clearfix .mastercard-logo {
      max-width: 5rem; }
  .about-payment .logos .direct-debit-logo {
    max-width: 8rem; }

.button-group-cc-type button img.mastercard-logo {
  width: 100px;
  height: 100px; }

input.button.frm-submit[value="I am the account holder"] {
  white-space: normal; }
  @media (min-width: 768px) {
    input.button.frm-submit[value="I am the account holder"] {
      white-space: nowrap; } }