body {
    font-family: "Open Sans", sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: none
}

#viewport.container {
    padding-left: 15px;
    padding-right: 15px
}

#viewport .row {
    margin-bottom: 0
}

#viewport .row .row {
    margin-top: 10px;
    margin-bottom: 0
}

#viewport [class*="col-"] {
    padding-top: 10px;
    padding-bottom: 10px
}

#viewport .form-group {
    padding: 0;
    margin-bottom: 15px
}

#viewport .form-group [class*="col-"] {
    padding-top: 0;
    padding-bottom: 0
}

#viewport .form-group .control-label {
    padding-top: 7px
}

#viewport .form-group .form-group {
    margin-bottom: 0
}

#viewport .form-group .help-info {
    display: block;
    width: 19px;
    height: 19px;
    margin-top: 8px;
    cursor: pointer
}

#viewport header .tagline {
    font-size: 24px;
    font-weight: 300;
    color: #999;
    margin-right: 25px
}

#viewport header .lang {
    padding-right: 0
}

#viewport .heading-wrapper {
    padding-top: 8px;
    padding-bottom: 8px
}

#viewport .heading-wrapper h2 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 21px;
    text-indent: 5px;
    white-space: nowrap
}

#viewport .heading-wrapper .arrow:after,#viewport .heading-wrapper .arrow
{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

#viewport .heading-wrapper .arrow {
    left: 80px;
    margin-left: -11px;
    bottom: -11px;
    border-width: 11px;
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: -19px
}

#viewport .heading-wrapper .arrow:after {
    position: absolute;
    border-width: 10px;
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

#viewport #sidebar {
    padding-top: 0;
    border: 1px solid #e3e2e2;
    box-shadow: 1px 1px 5px rgba(23, 23, 22, 0.19);
    -o-box-shadow: 1px 1px 5px rgba(23, 23, 22, 0.19);
    -webkit-box-shadow: 1px 1px 5px rgba(23, 23, 22, 0.19);
    -moz-box-shadow: 1px 1px 5px rgba(23, 23, 22, 0.19)
}

#viewport #sidebar .heading-wrapper {
    margin-top: 0;
    border-bottom: 1px solid #e3e2e2
}

#viewport #sidebar .heading-wrapper h2 {
    color: #0786ca
}

#viewport #sidebar .heading-wrapper .arrow {
    border-top-color: #e3e2e2
}

#viewport #sidebar .heading-wrapper .arrow:after {
    border-top-color: #fff
}

#viewport #sidebar .payment-details>div {
    padding-top: 0;
    padding-bottom: 0
}

#viewport #sidebar .payment-details .logo {
    padding-bottom: 15px
}

#viewport #sidebar .payment-details h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #0786ca
}

#viewport #sidebar .payment-details .box {
    margin-bottom: 1.5em
}

#viewport #sidebar .payment-details .box p {
    font-size: 16px;
    color: #7a7a7a;
    margin: 0
}

#viewport #sidebar .payment-details .amount p {
    font-size: 21px;
    font-weight: 600;
    color: #0786ca
}

#viewport #main {
    background-color: #f7f7f7;
    padding-top: 0;
    border: 1px solid #e3e2e2;
    margin-top: 40px;
    box-shadow: 1px 1px 5px rgba(23, 23, 22, 0.19);
    -o-box-shadow: 1px 1px 5px rgba(23, 23, 22, 0.19);
    -webkit-box-shadow: 1px 1px 5px rgba(23, 23, 22, 0.19);
    -moz-box-shadow: 1px 1px 5px rgba(23, 23, 22, 0.19)
}

#viewport #main h1 {
    font-size: 24px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 1em
}

#viewport #main h2 {
    font-size: 20px;
    font-weight: 300
}

#viewport #main .text-content {
    padding-top: 2em
}

#viewport #main p {
    font-size: 16px;
    color: #585858
}

#viewport #main .heading-wrapper {
    position: relative;
    margin-top: 0;
    border-bottom: 1px solid #e3e2e2;
    background-color: #23a1df;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
    startColorstr='#FF23A1DF', endColorstr='#FF017AC2');
    background-image: -moz-linear-gradient(top, #1e5799 0%, #23a1df 0%, #017ac2 100%);
    background-image: -webkit-linear-gradient(top, #1e5799 0%, #23a1df 0%, #017ac2 100%);
    background-image: linear-gradient(to bottom, #1e5799 0%, #23a1df 0%, #017ac2 100%)
}

#viewport #main .heading-wrapper h2 {
    color: #fff
}

#viewport #main .heading-wrapper .arrow {
    border-top-color: #017ac2
}

#viewport #main .heading-wrapper .arrow:after {
    border-top-color: #017ac2
}

#viewport #main.forward .info {
    padding-top: 2em
}

#viewport #main .nav {
    padding: 1em
}

#viewport #main .touch-visible {
    display: none
}

#viewport #main .blue {
    color: #0786ca
}

#viewport #main .summary .row {
    margin-top: 0
}

#viewport #main .summary .row [class*="col-"] {
    padding-top: 0;
    padding-bottom: 0
}

#viewport #main .summary .details {
    padding-top: 1em
}

#viewport #main.return .details p {
    font-size: 14px
}

#viewport #main .description {
    padding: 0 20px;
}

#viewport #main .form-control {
    padding-left: 6px;
    padding-right: 6px
}

#viewport #main .popover p {
    font-size: 14px;
    padding: 0;
    margin: 0
}

#viewport #main .popover p .blue {
    font-weight: 600;
    color: #0786ca
}

#viewport #main .popover p img {
    padding-top: 5px
}

#viewport footer .agreement {
    font-size: 11px;
    color: #a7abaf
}

#viewport footer .agreement input {
    margin-right: 15px
}

#viewport footer .agreement a {
    color: #0786ca
}

#viewport footer .agreement a:hover {
    text-decoration: underline
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.1
}

.img-fluid {
    width: 100%;
}

@media ( min-width : 768px) {
    .container {
        width: 750px;
        max-width: 750px;
    }
}

@media ( min-width : 992px) {
    .container {
        width: 970px;
        max-width: 970px;
    }
}

@media ( min-width : 1200px) {
    .container {
        width: 1170px;
        max-width: 1170px;
    }
}


@media ( min-width : 1200px) {
    #viewport #sidebar {
        -webkit-border-radius: 7px 0 0 7px;
        -moz-border-radius: 7px 0 0 7px;
        border-radius: 7px 0 0 7px
    }
    #viewport #sidebar .payment-details>div {
        padding-left: 20px;
        padding-right: 20px
    }
    #viewport #sidebar .payment-details .amount {
        padding-bottom: 10px;
        border-bottom: 1px solid #e3e2e2
    }
    #viewport #main {
        border-left: none;
        margin-top: 0;
        -webkit-border-radius: 0 7px 7px 0;
        -moz-border-radius: 0 7px 7px 0;
        border-radius: 0 7px 7px 0
    }
    #viewport #main .heading-wrapper {
        -webkit-border-radius: 0 7px 0 0;
        -moz-border-radius: 0 7px 0 0;
        border-radius: 0 7px 0 0
    }
    #viewport #main .text-content {
        min-height: 420px
    }
    #viewport #main.card-details .nav [class*="col-"] {
        padding-top: 50px
    }
}

@media ( min-width : 992px) and (max-width: 1200px) {
    #viewport #sidebar {
        -webkit-border-radius: 7px 0 0 7px;
        -moz-border-radius: 7px 0 0 7px;
        border-radius: 7px 0 0 7px
    }
    #viewport #sidebar .payment-details>div {
        padding-left: 20px;
        padding-right: 20px
    }
    #viewport #sidebar .payment-details .amount {
        padding-bottom: 10px;
        border-bottom: 1px solid #e3e2e2
    }
    #viewport #main {
        border-left: none;
        margin-top: 0;
        -webkit-border-radius: 0 7px 7px 0;
        -moz-border-radius: 0 7px 7px 0;
        border-radius: 0 7px 7px 0
    }
    #viewport #main .heading-wrapper {
        -webkit-border-radius: 0 7px 0 0;
        -moz-border-radius: 0 7px 0 0;
        border-radius: 0 7px 0 0
    }
    #viewport #main .text-content {
        min-height: 420px
    }
    #viewport #main.card-details .nav [class*="col-"] {
        padding-top: 50px
    }
}

@media ( min-width : 768px) and (max-width: 992px) {
    #viewport #sidebar {
        border-bottom: 0;
        -webkit-border-radius: 7px 7px 0 0;
        -moz-border-radius: 7px 7px 0 0;
        border-radius: 7px 7px 0 0
    }
    #viewport #main {
        -webkit-border-radius: 0 0 7px 7px;
        -moz-border-radius: 0 0 7px 7px;
        border-radius: 0 0 7px 7px
    }
}

@media ( max-width : 767px) {
    #viewport {
        margin: 0 5px
    }
    #viewport header.row .row {
        margin-top: 0
    }
    #viewport #sidebar {
        border-bottom: 0;
        -webkit-border-radius: 7px 7px 0 0;
        -moz-border-radius: 7px 7px 0 0;
        border-radius: 7px 7px 0 0
    }
    #viewport #sidebar .payment-details .box {
        margin-bottom: 0.5em
    }
    #viewport #sidebar .payment-details .box p {
        font-size: 14px
    }
    #viewport #sidebar .payment-details .amount {
        margin-bottom: 0
    }
    #viewport #sidebar .payment-details .amount h3 {
        float: left;
        line-height: 30px;
        margin-right: 10px
    }
    #viewport #sidebar .payment-details .amount p {
        line-height: 30px;
        font-size: 21px
    }
    #viewport #main {
        -webkit-border-radius: 0 0 7px 7px;
        -moz-border-radius: 0 0 7px 7px;
        border-radius: 0 0 7px 7px
    }
    #viewport #main h1 {
        font-size: 14px
    }
    #viewport #main h2 {
        font-size: 14px
    }
    #viewport #main p {
        font-size: 12px
    }
    #viewport #main p.message-header {
        font-size: 14px;
        line-height: 60px
    }
    #viewport #main.forward .info {
        padding-top: 0
    }
    #viewport #main .nav {
        padding-bottom: 0
    }
    #viewport #main.return .details p {
        font-size: 12px
    }
    #viewport #main .channels {
        padding: 0
    }
    #viewport #main .channels .channels-group ul li {
        width: 33%
    }
    #viewport #main.card-details .channel {
        padding-top: 25px
    }
    #viewport #main.card-details .text-content {
        padding-top: 0
    }
    #viewport .heading-wrapper {
        padding-top: 3px;
        padding-bottom: 3px
    }
    #viewport .heading-wrapper h2 {
        font-size: 18px
    }
    #viewport .heading-wrapper .arrow {
        left: 50%;
        bottom: -14px
    }
}

@media ( max-width : 480px) and (orientation: portrait) {
    #viewport #main .channels .channels-group ul li {
        width: 50%
    }
    /*

    #viewport #main .visaCheckout { width: 100% !important; }
    #viewport #main .visaCheckout img { padding-top: 4px; }
    #viewport #main .visaCheckout .v-learn { text-align: center; font-size: 11px; padding: 0; }
    */
}.btn-primary {
      background-color: #428bca;
      border-color: #357ebd;
}

.btn-primary:hover {
    background-color: #3276b1;
    border-color: #285e8e;
}

.btn-primary:disabled {
    background-color: #84B2D9;
    border-color: #82AFD6;
}


/*# sourceMappingURL=style.09205b02b8632c0b62f2.css.map*/