/**
* Payment page
*/
.btn-secondary-action { background: #46bb6a; color: #fff; display: block; font-size: 2em; font-family: 'latoregular', sans-serif; margin-top: 25px; border-bottom: 3px solid #349a53; }
.btn-secondary-action:hover,
.btn-secondary-action:focus
{ background: #349a53; border-bottom: 3px solid #349a53; }

  /* Header */
  .order-wrapper h1 { margin: 45px 0; font-size: 3em; text-align: center; font-weight: normal; font-family: 'latoblack', sans-serif; }

  /* Order progress */
  .order-progress-wrapper { position: relative; top: 15px; display: flex; width: 100%; border-radius: 5px; max-width: 1000px; padding: 0 10px; margin: 0 auto; }
  .order-progress-step { position: relative; height: 10px; flex: 1; background: #d3d3d3; }
  .order-progress-step.is-active { background: #f6921e; }
  .order-progress-step.is-active:after { display: block; content: ''; border-radius: 50%; position: absolute; right: -8px; width: 19px; height: 19px; background: #f6921e; top: -5px; z-index: 2; }
  .order-progress-step:first-child { border-radius: 5px 0 0 5px; }
  .order-progress-step:last-child { border-radius: 0 5px 5px 0; }
  .order-progress-step .progress-step-label { text-align: center; margin-left: -70px; position: absolute; left: 50%; top: -30px; width: 160px; font-family: 'latoregular', sans-serif; font-size: 1.25em; color: #d3d3d3; }
  .order-progress-step.is-active .progress-step-label { color: #343434; }

  /* Order options */
  .order-options { justify-content: center; display: flex; flex-wrap: wrap; margin-top: 95px; }

    /* order option */
    .order-option { margin: 0 10px 35px; flex: 4; min-width: 270px; max-width: 320px }
    .order-option h3 { line-height: initial; margin-bottom: 20px; text-align: center; color: #f6921e; font-size: 3.75em; text-transform: uppercase; padding-top: 20px; }
    .order-option-content-wrapper { border: 2px solid #f6921e; border-radius: 5px; padding: 20px; }

    .order-option-content .option-size { position: relative; top: -10px; text-align: center; font-size: 4em; font-family: 'latoblack', sans-serif; }
    .order-option-content .option-price { font-size: 2em; text-align: center; position: relative; top: -14px; }

    .order-option-content .option-includes { text-align: left; padding: 0; margin: 0; }
    .order-option-content .option-includes .no-access { color: #fe2929; }
    .order-option-content .option-includes li { position: relative; padding-left: 25px; font-size: 1.28em; line-height: 20px; font-family: 'latoregular', sans-serif; margin-bottom: 10px; }
    .order-option-content .option-includes i { position: absolute; left: 3px; top: 3px; color: #f6921e; }
    
    .order-option-featured .order-option-header { background: #f6921e; color: #fff; border-radius: 5px 5px 0 0; }
    .order-option-featured .order-option-header h3 { color: #fff; padding-bottom: 20px; margin-bottom: 20px; }
    .order-option-featured .order-option-content-wrapper { margin-top: -20px; border-radius: 0 0 5px 5px; }

  /*  (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px) */
  .monetization-wrapper { background-color: #C3CFD9; width: 100%; height: max-content; }
  @media (min-width: 992px) {
    .monetization-wrapper { padding: 20vh 20vw; }
  }
  .monetization-inner-wrapper { background-color: #fff; height: max-content; margin-bottom: 60px; padding: 25px 0 45px; }
  .monetization-wrapper .monetization-inner-wrapper h1 { margin: 45px 0 45px 45px; text-align: left;}
  .monetization-wrapper .order-subtitle .order-subtitle-p { margin: 0 0 45px 45px; color: #788896; text-align: left; }
  .monetization-wrapper .monetization-option { margin: 0 0 0 45px; }
  .monetization-wrapper .monetization-option-content { float: left; font-size: 24px; font-weight: bold; }
  .monetization-wrapper .monetization-option-footer { float: right; margin-right: 45px; }
  .monetization-wrapper .monetization-option-footer .btn { font-size: 18px; margin: 0; padding-left: 20px; padding-right: 20px; }
  .monetization-wrapper .monetization-option-header { font-size: 30px; }
  .monetization-wrapper .monetization-option-subtitle { color: #788896; text-align: left; font-weight: bold; font-size: 20px; }
  .monetization-wrapper .btn-free-action { color: #E8833A; background-color: #fff; border: 2px solid #F2CEB5; }
  .monetization-wrapper .monetization-loading { text-align: center; width: 100%; margin-top: 25px; font-size: 20px; }
  .monetization-wrapper .monetization-loading-icon { text-align: center; width: 100%; font-size: 6rem; }
  .monetization-wrapper .download { max-width: 90%; margin: 0 auto; font-size: 18px; padding-left: 20px; padding-right: 20px; }
  @media (min-width: 992px) {
    .monetization-wrapper .download { max-width: 75%; }
  }
  .monetization-wrapper .close-link .close { padding-right: 25px; }

/**
 * Summary page
 */

.btn-primary-checkout { font-family: 'latoregular', sans-serif; }
.checkout-log-or-reg { margin-top: 75px; }
.order-wrapper .order-content {max-width: 1000px; margin: 0 auto; }
.order-wrapper .order-content .payment-document-info { overflow: hidden; background: #efefef; margin-top: 60px; padding: 20px 20px 20px 20px; }
.order-wrapper .order-content .payment-document-about { float: left; }
.order-wrapper .order-content .payment-document-info p.info { border-bottom: 1px solid #d4d4d4; color: #343434; font-family: 'latoregular', sans-serif; font-size: 14px; }
.order-wrapper .order-content .payment-document-info p.document-name { color: #343434; font-family: 'latoregular', sans-serif; font-weight: bold; font-size: 20px;  }
.order-wrapper .order-content .payment-document-info p.document-details { font-size: 12px; margin-top: -20px; font-family: 'latoregular', sans-serif; }
.order-wrapper .order-content p.document-price { float: right; font-size: 25px; margin-top: 5px; font-family: 'latobold', sans-serif; }

.order-wrapper .order-content .payment-arrow .arrow { width: 0; height: 0; border-style: solid; border-width: 30px 100px 0 100px; border-color: #efefef transparent transparent transparent; margin: 0 auto; }

.order-wrapper .order-content .payment-option { margin-top: 20px; display: inline-block; width: 230px; height: 200px; border-radius: 6px; border: 2px solid #cacaca; }
.order-wrapper .order-content .payment-option:hover,
.order-wrapper .order-content .payment-option.is-active { border: 2px solid #f6921e; }
.order-wrapper .order-content .payment-option img.sms { margin-top: 30px; }
.order-wrapper .order-content .payment-option img.payu { margin-top: 70px; }
.order-wrapper .order-content .payment-option img.credit { margin-top: 45px; }

.order-wrapper .order-content .payment-price { color: #343434; font-size: 35px; font-family: 'latoblack', sans-serif; line-height: 1em; margin-top: 20px; }
.order-wrapper .order-content .payment-method { font-size: 24px; font-family: 'latoregular', sans-serif; }
.order-wrapper .order-content .payment-btn { display: block; margin: 30px auto 0; padding: 10px 70px; font-size: 21px; font-family: 'latoblack', sans-serif; }
.order-wrapper .order-content .payment-btn:disabled { border-bottom-color: #bdc3c7; }

.order-wrapper .order-content .payment-radio-style { width: 18px; height: 18px; }
.order-wrapper .order-content .payment-option-header { margin-top: 50px; }
.product-tips { clear: both; max-width: 550px; text-align: left; margin: 25px 0 0 105px; }
.payment-terms-checkbox { max-width: 500px; display: block; margin: 50px auto; line-height: 18px; font-family: 'latoregular', sans-serif; -webkit-user-select:none; padding-bottom: 20px; border-bottom: 1px dashed #ddd; }
.payment-terms-checkbox h5 { font-size: 18px; }
.chose-option-message { text-align: center; font-size: 1.33em; font-weight: bold; color: rgb(215, 48, 48); }
.chose-option-message i { margin-right: 10px; }
  /*SMS payment*/

  .order-wrapper .order-content .payment { max-width: 350px; margin: 0 auto; margin-top: 40px; }
  .order-wrapper .order-content .sms-details { margin-bottom: 0px; }
  .order-wrapper .order-content .payment-logo-lockup { border: 2px solid #cacaca; border-radius: 5px; text-align: center; padding: 20px 10px; max-width: 350px; height: 180px; transition: .2s all ease-in-out; -webkit-trasnition: .2s all ease-in-out; cursor: pointer; }
  .order-wrapper .order-content .payment-logo-lockup:hover { transform: scale(1.1); }
  .order-wrapper .order-content .payment-logo-lockup.active { border: 2px solid #F7B60D; }
  .order-wrapper .order-content .sms-info { font-size: 16px; line-height: 1.2em; margin-bottom: 20px; font-family: 'latoregular', sans-serif; }
  .order-wrapper .order-content .kod-sms { margin: 0 auto; margin-bottom: 20px; width: 100%; font-size: 16px; padding: 5px 10px 5px 10px; }
  .order-wrapper .order-content .error-sms { margin: 0 auto; background: #ce2121; color: #fff; padding: 5px 10px; max-width: 100%; margin-bottom: 20px; }
  .order-wrapper .order-content .error-sms p { margin: 0px; display: inline-block; }
  .order-wrapper .order-content .error-sms i { display: inline-block; padding-right: 7px; font-size: 16px; }

  .order-wrapper .order-content .logo-payu { padding-top: 40px; }

  .order-wrapper .order-content .radio-lockup { text-align: center; }
  .active-payment { background: #f0f0f0; }
  .payment-sms-more { display: none; max-width: 480px; margin: 50px auto 0; }
  .logged-lock { text-align: center; margin: 25px 0 0; font-size: 2em; }
  .text-em { font-weight: bold; }

/**
* Final test
*/
.final-test { padding: 50px 0; max-width: 630px; margin: 0 auto; text-align: center; }
.final-test .btn { max-width: 250px; font-size: 20px; margin: 35px auto; }




.dupa { font-size: 50px; }