#vcard-generator {
    position: relative;
    min-height: 600px;
}
#vcard-generator ._loading_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}
#vcard-generator ._loader {
    font-size: 3px;
    width: 5px;
    height: 5px;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    border-radius: 50%;
    animation: mulShdSpin 1.1s infinite ease;
}

#vcard-generator ._top_section {
    padding-top: 4rem;
    padding-bottom: 10rem;
    background-color: #eceded;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
#vcard-generator ._middle_section {
    margin-top: -10rem;
}
#vcard-generator ._fields {
    padding: 2rem 0;
}
#vcard-generator ._fields h2 {
    margin-bottom: 2rem;
    font-family: "Modernica";
    font-weight: 900;
    color: #d12229;
    line-height: 1;
}
#vcard-generator ._fields select,
#vcard-generator ._fields input:not([type="file"]),
#vcard-generator ._fields textarea {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 2rem;
    font-family: "Modernica";
    font-weight: 300;
    border: 1px solid #000000;
    background-color: #fff;
    box-shadow: none;
    border-radius: 20px;
    font-size: 1rem;
}
#vcard-generator #description h3 {
    margin-bottom: 0;
    padding: 1rem 1.5rem 1.3rem;
    font-size: 1.6rem;
    font-family: "Modernica";
    font-weight: 500;
    line-height: 1;
    border: 2px solid #d12229;
}
#vcard-generator #card-logo._fields,
#vcard-generator #personal-details._fields {
    padding-bottom: 0;
}
#vcard-generator #card-logo hr,
#vcard-generator #personal-details hr {
    margin-top: 1rem;
    margin-bottom: 0;
    max-width: 100%;
    border-bottom: 2px solid #d12229;
}
#vcard-generator #card-logo label {
    display: block;
    margin-bottom: 10px;
    font-family: 'Modernica';
    font-weight: 700;
    font-size: 20px !important;
    line-height: 24px;
}
#vcard-generator #card-logo span {
    display: inline-block;
    margin-right: 5px;
}
#vcard-generator #card-logo input[type="file"] {
    display: inline-block;
    width: auto;
}
#vcard-generator #card-logo img {
    display: block;
    max-width: 332px;
    max-height: 332px;
    width: 100%;
    margin-bottom: 1rem;
}
#vcard-generator #card-logo #card-logo-apple-url {
    height: auto;
}
#vcard-generator #card-logo #card-logo-google-url {
    height: 100%;
    border-radius: 50%;
}
#vcard-generator #card-logo ._img_note {
    color: #000;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 2rem;
}
#vcard-generator #card-logo input[type="color"] {
    width: 100px;
    padding: 5px 24px;
}
#vcard-generator #card-logo hr {
    margin-bottom: 2rem;
    border-bottom: 1px solid #a9a9a9;
}
#vcard-generator #contact-details {
    position: relative;
    padding: 3rem 4rem;
    border-radius: 50px;
    background: url( 'contact-background.jpg' ) center/cover no-repeat;
}
#vcard-generator #contact-details a {
    margin-bottom: 1.5rem;
    display: table;
    color: #fff;
    font-size: 1rem;
    font-family: "Modernica";
    font-weight: 700;
}
#vcard-generator #contact-details._fields h2 {
    color: #ffffff;
}
#vcard-generator #contact-details._fields input {
    border-color: transparent;
}
#vcard-generator #contact-details ._add_more_field {
    margin-bottom: 1rem;
    position: relative;
}
#vcard-generator #contact-details ._add_more_field select {
    margin-bottom: 0;
    margin-right: -5px;
    border: 0;
    border-right: 1px solid #afafaf;
    width: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
#vcard-generator #contact-details ._add_more_field input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 105px);
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
    padding-left: 15px;
    padding-right: 45px;
}
#vcard-generator #contact-details ._add_more_field i {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    font-style: normal;
    color: #fff;
    background: #cf2128;
    height: 25px;
    width: 25px;
    line-height: 1;
    padding: 3px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
#vcard-generator #submit {
    padding-bottom: 5rem;
}
#vcard-generator #submit ._submit {
    position: relative;
    padding: 1rem 1rem;
    font-size: 1.3rem;
    min-width: 11rem;
    border-radius: 2rem;
    background-color: #d12229;
    color: #fff;
    font-family: "Modernica";
    font-weight: 700;
    cursor: pointer;
    transition: ease all 0.3s;
}
#vcard-generator #submit ._submit:hover {
    background-color: #000000;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #8b8b8b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #8b8b8b;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #8b8b8b;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #8b8b8b;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #8b8b8b;
}
::placeholder { /* Most modern browsers support this now. */
   color: #8b8b8b;
}
@keyframes mulShdSpin {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

#thankyou {
    min-height: 40rem;
    background-color: #eceded;
    padding-top: 3rem;
    padding-bottom: 5rem;
}

#instant-wallet {
    padding-top: 0 !important;
    padding-bottom: 4rem !important;
}
#instant-wallet p {
    margin-bottom: 0;
    font-weight: 700;
}
#instant-wallet ._instant_wallet_inner {
    padding: 40px;
    background: #f0f0f1;
    border-radius: 20px;
}
#instant-wallet ._instant_wallet_inner label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}