#vbiLoading {
background-image: url(//financialfield.vn/wp-content/themes/financialfield/assets/img/cio-loading.svg);
background-color: rgba(255, 255, 255, 0.7);
background-repeat: no-repeat;
background-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 20px;
display: none;
z-index:10;
}
#vbi-product-header {
background: #80d2f6;
font-family: "Roboto", Verdana, sans-serif;
padding-top: 20pt;
padding-bottom: 20pt;
}
.vbi-product-header-wrap {
margin: 10pt 0 0pt;
}
.vbi-logo-text {
color: #005992;
font-family: "Roboto", Verdana, Geneva, Tahoma, sans-serif;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
}
.vbi-logo-img {
width:80px;
height:auto;
display: inline-block;
}
.vbi-logo-wrap {
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vbi-page-title-wrap {
display: flex;
align-items: center;
}
.vbi-page-title-wrap h3 {
background: #fff;
padding: 5px 45pt;
color: #d71149;
border: 2px solid #d71149;
border-radius: 30px;
text-transform: uppercase;
font-weight: bold;
font-size: 11pt;
}
.vbi-product-header-wrap .product-form-title,
h3.summary-sub-title {
color: #005992;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 13pt;
margin-bottom: 10pt;
}
.vbi-product-header-wrap .product-form-wrap,
#payment-form {
background: #fff;
border-radius: 10pt;
box-shadow: 1px 1px 2px #5798b5;
position: relative;
}
#payment-form {
padding:20vh 0;
text-align: center;
}
.frm_style_abc.with_frm_style ::-webkit-input-placeholder { color: #555555 !important;
}
.frm_style_abc.with_frm_style ::-moz-placeholder { color: #555555 !important;
}
.frm_style_abc.with_frm_style :-ms-input-placeholder { color: #555555 !important;
}
.frm_style_abc.with_frm_style :-moz-placeholder { color: #555555 !important;
}
.frm_style_abc.with_frm_style .frm_blank_field label, .frm_style_abc.with_frm_style .frm_error {
color:#f00;
}
.frm_style_abc.with_frm_style input[readonly] {
cursor: not-allowed;
}
.frm_style_abc.with_frm_style .frm_primary_label {
font-style: italic;
}
.frm_style_abc.with_frm_style .vbi_date_field input[readonly] {
font-weight: bold;
color: rgb(70, 66, 66);
}
.frm_style_abc.with_frm_style div[class*="bnfee_field"] ::-webkit-input-placeholder,
.frm_style_abc.with_frm_style div[class*="tlfee_field"] ::-webkit-input-placeholder { color: #fff !important;
}
.frm_style_abc.with_frm_style div[class*="bnfee_field"] ::-moz-placeholder,
.frm_style_abc.with_frm_style div[class*="tlfee_field"] ::-moz-placeholder { color: #fff !important;
}
.frm_style_abc.with_frm_style div[class*="bnfee_field"] :-ms-input-placeholder,
.frm_style_abc.with_frm_style div[class*="tlfee_field"] :-ms-input-placeholder { color: #fff !important;
}
.frm_style_abc.with_frm_style div[class*="bnfee_field"] :-moz-placeholder,
.frm_style_abc.with_frm_style div[class*="tlfee_field"] :-moz-placeholder { color: #fff !important;
}
.frm_style_abc.with_frm_style div[class*="bnfee_field"] label {
text-align: center;
color:#005992;
}
.frm_style_abc.with_frm_style div[class*="bnfee_field"] input[type="text"],
.frm_style_abc.with_frm_style div[class*="bnfee_field"] input[type="text"]:focus {
color: #fff;
background: #005992;
font-weight: bold;
text-align: center;
}
.frm_style_abc.with_frm_style div[class*="tlfee_field"] label {
text-align: center;
color:#d71149;
}
.frm_style_abc.with_frm_style div[class*="tlfee_field"] input[type="text"],
.frm_style_abc.with_frm_style div[class*="tlfee_field"] input[type="text"]:focus {
color: #fff;
background: #d71149;
font-weight: bold;
text-align: center;
}
button.frm_prev_page {
background: #7e7e7e !important;
border-color: #7e7e7e !important;
}
p#payment-total {
display: none;
text-align: center;
}
p#payment-total span {
font-weight: bold;
color: #d71149;
}
body.final-step button.frm_prev_page {
display: none;
}
body.final-step p#payment-total {
display:block;
}
#summary-wrapper {
margin-top:10pt;
margin-bottom: 20pt;
}
#frm_form_44_container,
#frm_form_45_container{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#summaryContent {
}
#summaryContent,
#sticky-wrap {
padding:10pt;
background: #fff;
border-radius: 15px;
box-shadow: 1px 1px 2px #5798b5;
}
.summary-section-head h3.summary-sub-title {
font-size:12pt;
text-align: left;
}
td.summary-field-name {
font-weight: bold;
}
td.summary-field-name, td.summary-field-value {
padding: 5px;
font-size: 11pt;
}
.frm_button_submit.frm_final_submit {
display: block;
width: 100% !important;
font-family: "Roboto",Tahoma,sans-serif;
font-size: 16px;
height: auto;
line-height: normal;
text-align: center;
background: #0078c2;
border-width: 1px;
border-color: #0078c2;
border-style: solid;
color: #ffffff;
cursor: pointer;
font-weight: normal;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: none;
padding: 10px 30px;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-shadow: 0 1px 1px #eeeeee;
-webkit-box-shadow: 0 1px 1px #eeeeee;
box-shadow: 0 1px 1px #eeeeee;
margin: 10px;
margin-left: 0;
margin-right: 0;
vertical-align: middle;
}
.frm_button_submit.frm_final_submit:hover,
.frm_button_submit.frm_final_submit:focus {
background: #f99100;
border-color: #f99100;
color: #ffffff;
outline-color: #f99100;
}
label[for*="agreement-0"] a {
color: #666;
font-weight: bold;
text-decoration: none;
}
label[for*="agreement-0"] a:hover {
color:#000
}
.frm_submit {
text-align: center;
margin: 10pt 0;
}
.submit-notice {
display: none;
font-weight: bold;
font-style: italic;
font-size: 13px;
line-height: 1.5em;
}
body.final-step .submit-notice {
display: block;
}
#payment-form {
display: none;
}
#payment-form h3 {
display: inline-block;
}
#support_order_id {
font-weight: bold;
}
h1#vbi-payment-title {
background: #0079c2;
padding: 10pt 0;
text-align: center;
border-top: 2px solid #82d1ea;
color:#fff
}
.product-form-title-wrap {
display: inline-block;
width: 80%;
margin: 0 auto;
position: absolute;
top: -30px;
left: 10%;
border-radius: 20px 20px 0 0;
font-size: 15pt;
color: #007cc4;
box-shadow: 0px -1px 1px 0px #0000002e;
}
.page-template-vbi-2b-payment .product-form-wrap, 
.page-template-vbi-4b-payment .product-form-wrap {
padding: 0;
border: none;
background: none;
border-radius: 20px;
}
.page-template-vbi-2b-payment .product-form-title-wrap, 
.page-template-vbi-4b-payment .product-form-title-wrap {
position: relative;
top: auto;
left: auto;
box-shadow: none;
width: 100%;
background: #017dc8;
color: #fff;
display: inline-block;
margin: 0 auto;
border-radius: 20px 20px 0 0;
font-size: 15pt;
padding: 10pt;
}
p.vbi-payment-form-title {
font-size: 13pt;
}
p.vbi-payment-form-title span {
color: #ffc800;
font-weight: bold;
}
p.payment_notice {
text-align: center;
font-size: 16px;
}
.product-form-content {
padding-top: 10px;
background: #fff;
border-radius: 0 0 20px 20px;
}
.table th {
font-weight: bold;
}
@media screen and (max-width:767px) {
.vbi-logo-wrap,
.vbi-page-title-wrap {
justify-content: center;
}
h1#vbi-payment-title {
border-top:0px;
}
}.mf-banner-wrap {
background: #23a7d7;
background-position: center 30%;
position: relative;
text-align: center;
background-size: 60%;
background-repeat: no-repeat;
}
.mf-banner-desc {
position: absolute;
display: block;
margin: 0 auto;
left: 0;
top: 70%;
width: 100%;
color: #fff;
text-shadow: 1px 1px 2px #0f7397;
}
.mf-banner-desc p {
font-size: 20px;
}
.mf-form-wrap {
margin: 10% 0;
background: none;
padding: 10pt;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.mf-pc-banner {
display:block
}
.mf-mb-banner {
display: none;
}
.mf-form-wrap h3 {
font-weight: bold;
color: #0065bd;
text-transform: uppercase;
text-align: center;
font-size: 15pt;
margin-bottom: 10pt;
}
.mf-form-wrap a {
color: #0e6f92;
text-decoration: none;
font-style: italic;
}
.mf-form-wrap a:hover {
text-decoration: underline;
}
.thank-you-wrap {
padding: 50pt 10pt;
}
section#mf-page-wrap {
background: #f2f2f2;
}
.elementor-widget-image img[src$=".svg"],
.elementor-widget-image a img[src$=".svg"] {
width: 200px !important;
height: 200px !important;
}
#home-product-block {
margin: 0;
padding: 0 0 2em;
display: block;
float: left;
width: 100%;
z-index: 10;
position: relative;
}
#home-product-block h3.section-title {
margin-bottom: 1em;
}
.home-product-item {
margin-bottom: 15px;
}
.home-product-item img {
border-radius: 20px;
}
h5.product-listing-title {
position: absolute;
bottom: 0;
left: 0;
text-align: left;
padding: 3px 10px; color: #fff;
display: inline-block;
font-weight: normal;
font-size: 13px;
border-radius: 0 10px 0 10px;
}
span.product-listing-label {
font-size: 13px;
}
.home-listing-image {
position: relative;
margin-bottom: 10px;
}
.listing-icon-wrap {
position: absolute;
left: 0px;
bottom: 0px;
padding: 20px 20px 15px 15px;
border-radius: 0 60px 0 20px;
}
body.home .listing-icon-wrap {
bottom:0
}
.listing-icon-wrap i {
font-size: 1.5em;
color: #fff;
}
span.product-listing-price {
font-weight: bold;
font-size: 18px;
}
span.currency {
font-weight: bold;
}
.jet-listing-grid__slider-icon.slick-arrow {
border-radius: 50%;
}
h1.general-title {
font-weight: bold;
border-bottom: 3px solid #d7d7d7;
padding-bottom: 1rem;
}
h3.section-title {
font-family: 'Open Sans Condensed', 'Arial', sans-serif;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
color: #54595F;
}
.mf-banner-desc h3 {
font-size: 20pt;
margin-bottom: 10pt;
}
.mf-banner-desc p {
font-size: 14pt;
}
.is_parent .product_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
display: flex;
align-items: stretch;
justify-content: center;
flex-direction: column;
border-radius: 20px;
}
.is_parent .product_overlay.hidden {
display: none;
}
a.home-product-btn {
margin: 5% auto;
width: 80%;
color:#fff !important;
font-weight: bold;
border-radius: 20px;
font-size:13px;
}
.home-listing-inner {
background: transparent;
border-radius: 20px;
padding-bottom: 10px;
position:relative;
text-align: left;
}
.mf-form-wrap p {
font-size: 15px;
margin-bottom: 10px;
}
#home-products {
margin:0 -10px;
}
.home-product-item {
margin:0 10px;
}
section#mf-page-wrap {
background: #f2f2f2;
width: 100%;
float: left;
}
.slick-prev:before, .slick-next:before {
color: #21469b !important;
}
body.home .home-product-item img {
border-radius: 20px !important;
width:100%;
height:auto;
}
div#home-general-form, #health-form-close {
display: none;
}
.health-form-switcher {
cursor: pointer;
}
.phone-otp-wrap {
display: flex;
}
.otp_container {
display: inline-block;
width: 30%;
padding: 0;
margin: 0;
}
.home .otp_container { }
.phone-otp-wrap button.otp_btn {
font-size: 12px;
font-weight: normal;
border-radius: 5px;
padding: 7px 10px;
box-shadow: none;
border: none;
}
.home .phone-otp-wrap button.otp_btn {
padding: 7px 5px;
}
.product-listing-name {
font-weight: bold;
}
#form_memberform label a {
text-decoration: underline;
}
@-webkit-keyframes salePulse {
from { background-color: #a00; }
50% { background-color: #c00; -webkit-transform:scale(1.1); }
to { background-color: #a00; }
}
mark.sale {
font-family: monospace;
background:#c00; display:block; width:40px;
text-align:center;
line-height:3em;
border-radius:3em;
color:#fff;
font-weight:bold;
-webkit-animation-name:salePulse;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
margin: 0 auto;
position: absolute;
right: 10px;
top: 10px;
z-index: 99;
}
section#home-product-block h3.general-main-sec-title {
font-family: "Open Sans Condensed", Sans-serif;
font-weight: bold;
background: url(//financialfield.vn/wp-content/themes/financialfield/assets/img/dot-line-bg.png) left center repeat-x;
margin: 30px 0 10px;
}
section#home-product-block h3.general-main-sec-title span {
font-family: 'Open Sans', sans-serif !important;
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
background: #fff;
margin-left: 30px;
padding: 0 20px;
font-weight: bold;
font-size: 18px;
}
div#blue-block-head {
width: 40%;
height: 80%;
display: block;
position: absolute;
background: blue;
z-index: 1;
border-radius: 80px 0 0 80px;
}
@media screen and (min-width:1600px) {
.mf-banner-wrap {
background-size: 50%;
}
}
@media screen and (max-width:767px) {
.elementor-widget-image img[src$=".svg"], .elementor-widget-image a img[src$=".svg"] {
width: 110px !important;
height: 70px !important;
}
div#blue-block-head {
display: none;
}
.mf-banner-wrap {
background-image: none !important;
padding-top:10pt;
}
.mf-pc-banner {
display:none;
}
.mf-mb-banner {
display: block;
max-width: 60%;
margin: 0 auto;
}
.mf-banner-desc {
position: relative;
left: auto;
top: auto;
padding-bottom: 10pt;
}
.mf-banner-desc p {
font-size: 11pt;
}
a.home-product-btn {
font-size:11px;
}
}
@media screen and (max-width:599px) {
.home-product-item {
width: 48%;
margin: 1%;
float: left;
}
}
@media screen and (max-width:499px) {
#home-product-block {
padding: 0;
}
.page-template-page-member-registration #home-product-block {
padding:1em 0;
}
.home-product-item {
line-height: 1.2em;
}
h3.section-title {
font-size:17px;
}
h5.product-listing-title {
font-size: 13px;
bottom:4px
}
span.product-listing-price {
font-size:15px;
}
span.product-listing-label {
font-size: 13px;
}
.listing-icon-wrap {
bottom:5px;
padding: 10px 10px 5px 10px;
}
.listing-icon-wrap i {
font-size: 1em;
}
}