/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=93dc0ba984b56c03c6d37d266b9a10da) * Config saved to config.json and https://gist.github.com/93dc0ba984b56c03c6d37d266b9a10da */
/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    }
a {
    background-color: transparent;
    }
a:active, a:hover {
    outline: 0;
    }
img {
    border: 0;
    }
button, input {
    font: inherit;
    margin: 0;
    }
button {
    overflow: visible;
    }
button {
    -webkit-appearance: button;
    }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
body {
    font-size: 14px;
    line-height: 1.428571;
    color: #333;
    background-color: #fff;
    }
a {
    color: #337ab7;
    text-decoration: none;
    }
a:hover, a:focus {
    color: #23527c;
    text-decoration: underline;
    }
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    }
img {
    vertical-align: middle;
    }
[role="button"] {
    cursor: pointer;
    }
h1 {
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
    }
h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    }
p {
    margin: 0 0 10px;
    }
.text-right {
    text-align: right;
    }
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    }
.row {
    margin-left: -15px;
    margin-right: -15px;
    }
.col-xs-4, .col-lg-6, .col-xs-8, .col-xs-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    }
.col-xs-4, .col-xs-6, .col-xs-8, .col-xs-12 {
    float: left;
    }
.col-xs-12 {
    width: 100%;
    }
.col-xs-8 {
    width: 66.666667%;
    }
.col-xs-6 {
    width: 50%;
    }
.col-xs-4 {
    width: 33.333333%;
    }
@media (min-width: 992px) {
    .col-md-5, .col-md-6, .col-md-7, .col-md-12 {
        float: left;
        }
    .col-md-12 {
        width: 100%;
        }
    .col-md-7 {
        width: 58.333333%;
        }
    .col-md-6 {
        width: 50%;
        }
    .col-md-5 {
        width: 41.666667%;
        }
    }
@media (min-width: 1200px) {
    .col-lg-6, .col-lg-12 {
        float: left;
        }
    .col-lg-12 {
        width: 100%;
        }
    .col-lg-6 {
        width: 50%;
        }
    }
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    }
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.428571;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
.form-control:focus {
    border-color: #0074c7;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
.form-control::-webkit-input-placeholder {
    color: #999;
    }
.form-group {
    margin-bottom: 15px;
    }
.btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    }
.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
    }
.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    }
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    }
.input-group .form-control:focus {
    z-index: 3;
    }
.input-group-addon, .input-group .form-control {
    display: table-cell;
    }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
    }
.input-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    }
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    }
.input-group-addon:first-child {
    border-right: 0;
    }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    }
.input-group-addon:last-child {
    border-left: 0;
    }
.panel {
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }
.panel-body {
    padding: 15px;
    }
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    }
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .panel-body:before, .panel-body:after {
    content: " ";
    display: table;
    }
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .panel-body:after {
    clear: both;
    }
.pull-right {
    float: right !important;
    }
@-ms-viewport {
    width: device-width
    }
@media only screen and (min-width: 320px) and (max-width: 736px) {
    #alert-container {
        width: 100% !important;
        }
    #rxp-footer .security-msg {
        font-size: 0.5em !important;
        }
    }
@media only screen and (max-width: 990px) and (max-height: 1024px) {
    #rpx-security-code {
        margin-top: 10px;
        }
    }
@media only screen and (max-width: 580px) {
    #rxp-header-title {
        padding-top: 1.4em;
        }
    }
@font-face {
    font-family: "Open Sans";
    src: url(../fonts/Open_Sans_1.woff2);
    }
@font-face {
    font-family: "Open Sans";
    src: url(../fonts/Open_Sans_2.woff2);
    }
@font-face {
    font-family: "Open Sans";
    src: url(../fonts/Open_Sans_3.woff2);
    }
@font-face {
    font-family: "hpp";
    src: url(../fonts/hpp_4.woff);
    }
[class^="hpp-"] {
    font-family: "hpp" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.hpp-info-circle:before {
    content: "";
    }
.hpp-pay:before {
    content: "";
    }
.panel {
    border-color: #ddd;
    }
.portfolio-realex {
    background: #edeceb;
    max-width: 600px;
    }
#alert-container {
    max-width: 600px;
    width: 600px;
    }
@media screen and (max-width: 460px) {
    #timeout-modal {
        height: 270px;
        }
    }
@media screen and (max-width: 290px) {
    #timeout-modal {
        height: 275px;
        }
    }
#rxp-footer {
    padding: 15px 0;
    border-top: 1px solid #FFF;
    margin-top: 15px;
    display: flex;
    }
#rxp-header {
    margin-bottom: 20px;
    }
#rxp-header .rxp-title {
    padding: 20px 0;
    margin: 0;
    font-size: 1.2em;
    }
#rxp-header-title {
    color: #FFF;
    }
#rxp-footer .security-msg {
    font-family: "Open sans", sans-serif;
    }
#hpp-accordion {
    margin-bottom: 0;
    }
#hpp-accordion .panel-body {
    padding-top: 0;
    padding-bottom: 0;
    }
#rpx-another-card {
    margin-top: 15px;
    font-size: 13px;
    }
.rxp-container, #rpx-another-card input {
    font-size: 13px;
    }
#another-card-section {
    background: #faf9f9;
    }
#rpx-another-card .control-label {
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    }
#rpx-another-card .form-control {
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    }
.form-control {
    border: 1px solid #5a5e6d;
    }
#rpx-cardnum-item {
    margin-bottom: 5px;
    }
#another-card-section .hpp-info-circle {
    font-size: 1.4em;
    }
.btn-hpp-a {
    color: #FFF;
    padding: 15px;
    border: 0;
    -webkit-appearance: none;
    font-size: 1.5em;
    line-height: 1em;
    height: auto;
    font-weight: 600;
    text-transform: uppercase;
    }
.btn-hpp-a:hover, .btn-hpp-a:active, .btn-hpp-a:focus, .btn-hpp-a:disabled {
    background-color: #ce7207;
    color: #FFF;
    cursor: pointer;
    outline: 0;
    }
.input-group-addon {
    background-color: #fff;
    border: 1px solid #7e7e7e;
    }
#panelPayWithNewCard {
    margin-bottom: 20px;
    }
#info-box-footer {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    }
.form-control::-webkit-input-placeholder {
    color: #707689;
    }
#rxp-primary-btn .hpp-pay {
    font-size: 0.8em;
    display: inline-block;
    text-transform: uppercase;
    }
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
        }
    }
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
        }
    }
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
        }
    }
#card-payment-form .row {
    margin-bottom: 10px;
    }
#rpx-expiry-date, #rpx-security-code {
    padding: 0;
    }
@media screen {
    div#rxp-header-title {
        width: 100%;
        max-width: 600px;
        background: #3a3d46;
        box-shadow: none;
        border: 0;
        overflow: hidden;
        display: block;
        padding-top: 0;
        }
    }
.visually-hidden {
    top: 0;
    left: -2px;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    }
.surcharge-note {
    align-items: flex-start;
    }
.rxp {
    background-image: url(../images/style_image_8.svg);
    background-repeat: no-repeat;
    vertical-align: middle;
    }
.rxp.rxp-amex-small {
    width: 24px;
    height: 16px;
    background-position: -163px 0;
    }
.rxp.rxp-mc-small {
    width: 24px;
    height: 16px;
    background-position: -751px 0;
    }
.rxp.rxp-visa-small {
    width: 24px;
    height: 16px;
    background-position: -849px 0;
    }
#rxp-footer-logo-ssl-box .ssl-text-logo {
    position: absolute;
    height: auto;
    border: 1px solid #468000;
    border-radius: 3px;
    text-align: center;
    }
#rxp-footer-logo-ssl-box .ssl-msg {
    max-width: 68px;
    font-size: 8px;
    font-weight: 600;
    font-family: "Open sans", sans-serif;
    color: #468000;
    line-height: 9px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin: 5px 0 5px 2px;
    }
#rxp-footer-logo-ssl-box .ssl-logo_ico {
    width: 19px;
    height: 18px;
    margin-top: 1px;
    vertical-align: middle;
    margin-left: 5px;
    }
.toggle-group__item {
    line-height: 19px;
    vertical-align: middle;
    padding: 5px 0;
    float: left;
    }
.dcc-offer-container {
    margin-top: 20px;
    }
.dcc_offer_rate_info_message {
    font-weight: 400;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 22px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    }