@charset "utf-8";

.asp-popup-iframe html {
    font-size: 62.5%
}

.information_lead,
.information_txt {
    font-size: 2rem;
    font-weight: 600;
}

.information_lead {
    margin-bottom: 28px;
}

.card-kind {
    margin: 24px 0;
}

.card-kind img {
    max-width: 100%;
}

.separator {
    border-bottom: solid 1px #BEC3C6;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.pure-form-stacked input[type=color],
.pure-form-stacked input[type=date],
.pure-form-stacked input[type=datetime-local],
.pure-form-stacked input[type=datetime],
.pure-form-stacked input[type=email],
.pure-form-stacked input[type=file],
.pure-form-stacked input[type=month],
.pure-form-stacked input[type=number],
.pure-form-stacked input[type=password],
.pure-form-stacked input[type=search],
.pure-form-stacked input[type=tel],
.pure-form-stacked input[type=text],
.pure-form-stacked input[type=time],
.pure-form-stacked input[type=url],
.pure-form-stacked input[type=week],
.pure-form-stacked label,
.pure-form-stacked select,
.pure-form-stacked textarea {
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 8px;
}

.pure-form input[type=color],
.pure-form input[type=date],
.pure-form input[type=datetime-local],
.pure-form input[type=datetime],
.pure-form input[type=email],
.pure-form input[type=month],
.pure-form input[type=number],
.pure-form input[type=password],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=text],
.pure-form input[type=time],
.pure-form input[type=url],
.pure-form input[type=week],
.pure-form select,
.pure-form textarea {
    background: #EFF3F5;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 1.953vw 1.406vw;
    box-shadow: none;
    border-color: #BEC3C6;
}

.pure-form select {
    height: auto;
}

.pure-form input[type=text]::placeholder,
.pure-form-stacked input[type=email]::placeholder {
    color: #BEC3C6;
    font-weight: 500;
}

#card-element {
    border: solid 1px #BEC3C6;
    background: #EFF3F5;
    padding: 1.953vw 1.406vw
}

#your-order table {
    font-size: 2rem;
    margin-bottom: 24px;
}

#submit-btn.pure-button.pure-button-primary {
    background: linear-gradient(90deg, rgba(184, 45, 38, 1) 0%, rgba(162, 40, 34, 1) 100%);
    border: solid 2px #CD1B2F;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    margin-inline: auto;
    min-width: 225px;
    overflow: hidden;
    padding: 24px 6.015vw;
    position: relative;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    transition: all .5s;
}

#submit-btn.pure-button.pure-button-primary::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
    width: 0;
}

#submit-btn.pure-button.pure-button-primary::after {
    background: linear-gradient(90deg, rgba(184, 45, 38, 1) 0%, rgba(162, 40, 34, 1) 100%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-out;
    transform: inherit;
    width: 100%;
}

#submit-btn.pure-button.pure-button-primary:hover {
    opacity: 1;
}

#submit-btn.pure-button.pure-button-primary:hover::after {
    opacity: 0;
}

#submit-btn.pure-button.pure-button-primary span {
    position: relative;
    z-index: 100;
    letter-spacing: 0.1em;
}

#billing-addr-cont .pure-u-1 {
    margin-bottom: 24px;
}

.pure-form legend {
    color: #202A74;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 0;
    border-left: 8px solid #202A74;
    line-height: 1;
    padding: 0 0 0 8px;
    margin: 24px 0;
}

#tos-cont {
    text-align: center;
}

#tos-cont a {
    color: #202A74;
}

@media screen and (max-width: 48em) {
    .pure-form-stacked input[type=color],
    .pure-form-stacked input[type=date],
    .pure-form-stacked input[type=datetime-local],
    .pure-form-stacked input[type=datetime],
    .pure-form-stacked input[type=email],
    .pure-form-stacked input[type=file],
    .pure-form-stacked input[type=month],
    .pure-form-stacked input[type=number],
    .pure-form-stacked input[type=password],
    .pure-form-stacked input[type=search],
    .pure-form-stacked input[type=tel],
    .pure-form-stacked input[type=text],
    .pure-form-stacked input[type=time],
    .pure-form-stacked input[type=url],
    .pure-form-stacked input[type=week],
    .pure-form-stacked label,
    .pure-form-stacked select,
    .pure-form-stacked textarea {
        font-size: 16px;
    }

    #your-order table {
        font-size: 16px;
    }
}