@charset "utf-8";
/* CSS Document */

section[data-v-6ac77a12] {
    background-color: #fff;
    padding: 2.25rem 2rem
}
section h3[data-v-6ac77a12] {
    margin: 0;
    margin-bottom: 1rem;
    color: #252525;
    font-size: 1.125rem;
    font-weight: 400;
    font-family: nunito;
}
section>div[data-v-6ac77a12] {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto
}
section .input-cvv[data-v-6ac77a12] {
    position: relative
}
section .input-row .input-box[data-v-6ac77a12] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2rem
}
section .input-row .input-box[data-v-6ac77a12]:last-child {
    margin-right: 0
}
section .input-row .input-box.extra[data-v-6ac77a12] {
   /* -webkit-box-flex: 2; */
    -ms-flex: 2;
    flex: 2;
    margin-right: .5rem
}
section .submit-side[data-v-6ac77a12] {
    margin-top: 1rem
}
section .submit-side button[data-v-6ac77a12] {
    width: 100%;
  /*  margin-left: -50%;*/
    height: 50%;
}
section .submit-side p.error[data-v-6ac77a12] {
    margin: 0;
    color: #f65454;
    margin-top: 1rem;
    text-align: center;
    font-weight: 200
}
footer[data-v-6ac77a12] {
    padding: 1.75rem 1rem;
    border-radius: 0 0 4px 4px;
    background: #252525;
}
footer>div[data-v-6ac77a12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 425px;
    margin-left: auto;
    margin-right: auto
}
footer>div div[data-v-6ac77a12]:first-child {
    margin-right: 1rem;
    padding-top: 4px
}
footer>div div:first-child i[data-v-6ac77a12] {
    font-size: 1.7rem;
    color: #aeb8c7
}
footer>div div:last-child h5[data-v-6ac77a12] {
    margin: 0;
    color: white;
    font-weight: 600;
    font-size: .875rem;
    font-family: nunito;
}
footer>div div:last-child p[data-v-6ac77a12] {
    margin: 0;
    color: white;
    font-weight: 400;
    font-size: .875rem;
    font-family: nunito;
    
}
@media (min-width: 768px) {
    section[data-v-6ac77a12] {
        padding: 2rem 2rem 1rem;
        margin-top:-10%;
    }
}
.cards-list img[data-v-6ac77a12] {
    width: 35px;
    margin-right: 1rem
}
.cards-list.visa img[data-v-6ac77a12] {
    opacity: .3
}
.cards-list.visa .visa[data-v-6ac77a12] {
    opacity: 1
}
.cards-list.mastercard img[data-v-6ac77a12] {
    opacity: .3
}
.cards-list.mastercard .master[data-v-6ac77a12] {
    opacity: 1
}
.cards-list.diners img[data-v-6ac77a12] {
    opacity: .3
}
.cards-list.diners .diners[data-v-6ac77a12] {
    opacity: 1
}
.cards-list.amex img[data-v-6ac77a12] {
    opacity: .3
}
.cards-list.amex .american[data-v-6ac77a12] {
    opacity: 1
}
.tooltip-container[data-v-6ac77a12] {
    position: absolute;
    right: 5px;
    top: 7.5px
}
.tooltip-container .tooltip-message[data-v-6ac77a12] {
    position: absolute;
    z-index: 1;
    margin-top: -15px;
    margin-left: 22px
}
.tooltip-container .tooltip-message img[data-v-6ac77a12] {
    width: 83px;
    background-color: #aeb8c7;
    border-radius: 4px;
    margin-left: -75px;
    margin-top: 13px;
    padding: 10px
}
.tooltip-container .tooltip-message span[data-v-6ac77a12] {
    color: #aeb8c7
}
.tooltip-container .tooltip-message span[data-v-6ac77a12]:before {
    content: " ";
    position: absolute;
    margin-left: -18px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #aeb8c7 transparent
}