body { font-family: "Roboto", sans-serif; color: #2f281e; line-height: 1.4; font-size: 16px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: "Roboto", sans-serif; line-height: 1.2; color: #0A0A28; }

div, p { font-family: "Roboto", sans-serif; line-height: 1.35; color: #2f281e; font-weight: 400; }

a { text-decoration: none; }
a:hover, a:focus { color: #ee0033; }

.lead { font-size: 1.1rem; font-weight: 400; }

.display-1 { font-size: calc(1.625rem + 3.5vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-1 { font-size: 4rem; } }
.display-2 { font-size: calc(1.575rem + 3.2vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-2 { font-size: 3.5rem; } }
.display-3 { font-size: calc(1.525rem + 2.9vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-3 { font-size: 3rem; } }
.display-4 { font-size: calc(1.475rem + 2.6vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-4 { font-size: 2.5rem; } }
.display-5 { font-size: calc(1.425rem + 2.1vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-5 { font-size: 2rem; } }
.display-6 { font-size: calc(1.375rem + 1.5vw); line-height: 1.2; font-weight: 700; }

@media (min-width: 1200px) { .display-6 { font-size: 1.5rem; } }
.color-white { color: #ffffff; }

.masthead { background-color: #ffffff; }
.masthead .masthead-device-mockup .circle { width: 80%; }
.masthead .masthead-device-mockup .device-wrapper { z-index: 2; }

.clip-wrapper { position: relative; height: 0; width: 100%; padding-top: 56.25%; }
.clip-wrapper .clip { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pic img { display: block; max-width: 100%; height: auto; width: 100%; }

.bg-gray { background-color: rgba(205, 205, 205, 0.2); }

.bg-dash-blue { background-color: #0a0a28; }

.text-right { text-align: right; }

footer .line { max-width: 1000px; width: 100%; height: 1px; background-color: #0a0a28; margin: auto; margin-bottom: 5rem; }
footer .footer-title { font-size: 1.2rem; color: #2f281e; }
footer .list-menu { padding-left: 0; list-style-type: none; }
footer .list-menu li { margin-bottom: 8px; }
footer .list-menu a { color: #2f281e; font-size: 1rem; }

.icon-step { width: 50px; height: 50px; background-color: #f03e3d; border-radius: 19px; -webkit-box-shadow: 5px 5px 15px 0px rgba(240, 62, 61, 0.57); box-shadow: 5px 5px 15px 0px rgba(240, 62, 61, 0.57); color: #ffffff; text-align: center; font-size: 20px; line-height: 50px; }

.group-product-loan .loan { margin-bottom: 30px; }
.group-product-loan .loan .icon { width: 68px; height: 68px; margin: auto; }
.group-product-loan .loan h4 { font-size: 14px; text-align: center; font-weight: normal; margin-top: 15px; }

.list-check { list-style-type: none; padding-left: 0; }
.list-check .check-item { position: relative; padding-left: 35px; font-size: 18px; line-height: 1.3; margin-bottom: 15px; }
.list-check .check-item::before { content: ""; width: 25px; height: 25px; background-image: url("../img/icons/icon-stick-check.png"); background-position: center center; background-size: contain; background-repeat: no-repeat; display: inline-block; position: absolute; top: 0; left: 0; }

.news { margin-bottom: 60px; }
.news .new { margin-bottom: 20px; }
.news .new .thumbnail { margin-bottom: 20px; overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.news .new .entry-content .entry-meta { font-size: 16px; line-height: 28px; color: #544837; margin-bottom: 20px; }
.news .new .entry-content h3 a { font-size: 20px; line-height: 34px; color: #544837; font-weight: normal; }
.news .new .entry-content h3 a:hover { color: #ee0033; }

.swiper-pagination-bullets.pagination-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.swiper-pagination-bullets.pagination-news .swiper-pagination-bullet { background-color: #ee0033; margin-left: 8px; margin-right: 8px; width: 10px; height: 10px; }
.swiper-pagination-bullets.pagination-news .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ee0033; }

.slider-partners .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: scale(0.8); transform: scale(0.8); }
.slider-partners .swiper-slide.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); }

.partners { margin-top: 30px; margin-bottom: 80px; }

.page-header { border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding: 30px 0; background-color: #f2f2f2; margin: 0px; }
.page-header .breadcrumb > li { color: #7f7f7f; text-decoration: none; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; font-size: 13px; }
.page-header .breadcrumb > li a { color: #7f7f7f; text-decoration: none; -webkit-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; font-size: 13px; }
.page-header .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }
.page-header .breadcrumb > li.active { color: #ee0033; }

.wrapper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; color: #0a0a28; }
.wrapper-pagination .page-item .page-link { color: #0a0a28; }
.wrapper-pagination .page-item .page-link.active { color: #f03e3d; }

.article-sigle { max-width: 960px; width: 100%; margin: auto; }
.article-sigle .post-image { margin-bottom: 20px; }
.article-sigle .post-image img { width: 100%; max-width: 100%; }
.article-sigle .post-content { font-size: 14px; }
.article-sigle .post-meta { font-size: 11px; font-style: italic; margin-top: 10px; color: #7f7f7f; }
.article-sigle .post-meta span { font-size: 12px; margin-right: 8px; }
.article-sigle .post-meta span .fa { color: #ee0033; }

.section-contact address { color: #544837; }
.section-contact address .title { font-weight: 700; }
.section-contact address a { color: #544837; }
.section-contact .icons-circle { width: 90px; height: 90px; text-align: center; line-height: 90px; font-size: 27px; margin-bottom: 15px; border-radius: 50%; background: #f7f7f7; color: #f03e3d !important; font-size: 24px; color: #544837; }
.section-contact .contact-form .form-group .form-control { outline: unset !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; font-size: 14px; }
.section-contact .contact-form .btn-sendnow { background-color: #ee0033; color: #ffffff; max-width: 100%; width: 100%; }

.faq-grid .panel .panel-heading { border-bottom: 1px solid #ddd; }
.faq-grid .panel .panel-heading .panel-title { position: relative; }
.faq-grid .panel .panel-heading .panel-title a { padding: 9px 9px 9px 25px; line-height: 22px; border-bottom: 1px dotted #f2f2f2; color: #1e1e1e; font-weight: 600; line-height: 22px; -webkit-transition: background-color 0.2s linear 0s; transition: background-color 0.2s linear 0s; display: block; }
.faq-grid .panel .panel-heading .panel-title::before { content: "\f105"; display: block; font: normal normal normal 14px/1 FontAwesome; left: 7px; position: absolute; top: 10px; font-size: 18px; }
.faq-grid .panel .panel-collapse .panel-body { padding: 9px 9px 9px 25px; font-size: 14px; color: #544837; }

.navbar-toggler { border: 1px solid #0A0A28 !important; background-color: #0A0A28 !important; color: #ffffff; padding: 12px 16px !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; }
.navbar-toggler .fa { color: #ffffff; font: normal normal normal 18px/1 FontAwesome; }
.navbar-toggler .fa::before { content: "\f0c9"; }

@media screen and (min-width: 768px) and (max-width: 1024px) { .features-device-mockup { max-width: 450px; width: 100%; margin-bottom: 45px; }
  .masthead { padding-top: 9.5rem; padding-bottom: 3rem; }
  .masthead .masthead-device-mockup { position: relative; }
  .masthead .masthead-device-mockup .circle { position: absolute; top: 0; left: 0; width: 100%; display: block; }
  .masthead .masthead-device-mockup .device-wrapper { padding: 0; max-width: 100%; }
  .masthead .masthead-device-mockup .device-wrapper img { max-width: 400px; width: 100%; display: block; margin: auto; }
  aside, section { padding-top: 3rem; padding-bottom: 3rem; } }
@media screen and (max-width: 767px) { .features-device-mockup { max-width: 380px; width: 100%; margin-bottom: 45px; }
  .masthead .masthead-device-mockup { position: relative; }
  .masthead .masthead-device-mockup .circle { position: absolute; top: 0; left: 0; width: 100%; display: block; }
  .masthead .masthead-device-mockup .device-wrapper { padding: 0; max-width: 100%; }
  .masthead { padding-top: 9.5rem; padding-bottom: 3rem; }
  aside, section { padding-top: 3rem; padding-bottom: 3rem; }
  .wrapper-copyright .copy-right { text-align: center !important; }
  .wrapper-copyright .socials { text-align: center !important; } }
.icon-total .icon { width: 100%; max-width: 150px; overflow: hidden; border-radius: 50%; background-color: #ffffff; display: block; margin: auto; margin-bottom: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }
.icon-total .icon img { width: 100%; }
.icon-total h3 { color: #f03e3d; }
.icon-total p { font-size: 18px; }

.section-register { padding-top: 100px; }
.section-register .img-support { max-width: 500px; }
.section-register .box-register { background-color: #fff; padding: 30px 0 0 0; border-radius: 30px; position: relative; }
.section-register .box-register .inner { border-radius: 30px; overflow: hidden; position: relative; z-index: 2; }
.section-register .box-register .title-register { text-align: center; color: #0396ff; }
.section-register .box-register::before { content: ""; width: 100%; height: 100%; border-radius: 30px; background-color: #ffffff; position: absolute; top: 0; left: 0; z-index: 1; }
.section-register .box-register::after { content: ""; width: 100%; height: 100%; border-radius: 30px; background-color: rgba(205, 205, 205, 0.6); position: absolute; top: 10px; left: 10px; z-index: 0; }
.section-register .form-register { padding: 25px; }
.section-register .form-register .form-group { margin-bottom: 20px; }
.section-register .form-register .form-group label { font-weight: 400; text-transform: uppercase; }
.section-register .form-register .form-group .form-control { border-width: 0 0 1px 0 !important; border-radius: 0; border-color: #666666; outline: unset !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; }
.section-register .form-register .btn-register { padding: 15px 60px; font-weight: 600; font-size: 16px; background-color: #f03e3d; }

#clip { background-size: 100% 80%; background-position: top center; background-repeat: no-repeat; background-image: url("../img/bg-2.png"); padding-top: 0; }

#total-PFS APP { background-size: cover; background-position: top center; background-repeat: no-repeat; background-image: url("../img/bg-3.png"); background-color: #ffffff; padding-top: 10rem; }

#features .font-alt { font-size: 22px; color: #0A0A28; line-height: 1.3; font-weight: normal; }
#features .text-muted { font-size: 16px; line-height: 1.4; font-weight: normal; }

#mainNav .logo { max-width: 170px; }
#mainNav .navbar-nav .nav-item .nav-link { position: relative; }
#mainNav .navbar-nav .nav-item .nav-link:hover { color: #ee0033; }
#mainNav .navbar-nav .nav-item .nav-link.active { color: #ee0033; font-weight: 700; }
#mainNav .btn-login { border: 1px solid #2f281e; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 30px; }
#mainNav .btn-login:hover { color: #ee0033; border: 1px solid #ee0033; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#mainNav .btn-download-app { background-color: #ee0033; border: 1px solid #ee0033; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#mainNav .btn-download-app:hover { background-color: #ffffff; color: #ee0033; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.page-default { padding-top: 70px; }
.page-default #mainNav { border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); }

.wrapper-copyright .copy-right { text-align: left; }
.wrapper-copyright .socials { text-align: right; }

footer .logo { max-width: 250px; margin-bottom: 20px; }
footer .info-company { margin-bottom: 1rem; max-width: 400px; }

body::before { content: ""; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
body.open-nav-company { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; overflow: hidden; }
body.open-nav-company::before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; content: ""; background-color: rgba(102, 102, 102, 0.8); z-index: 8; visibility: visible; opacity: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.page-webview { background-color: #dfdfdf; }
.page-webview .container { max-width: 100%; }
.page-webview .classic-tab-wrap .nav-pills { border-bottom: 1px solid #cdcdcd; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.page-webview .classic-tab-wrap .nav-pills li { margin: 0; width: 100%; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; }
.page-webview .classic-tab-wrap .nav-pills li .nav-link { border: none; background-color: transparent; color: #495057; padding: 0.5rem 0; text-align: center; display: block; width: 100%; position: relative; font-size: 13px; line-height: 1.3; }
.page-webview .classic-tab-wrap .nav-pills li .nav-link::after { content: ""; width: 0; height: 2px; background-color: #007aff; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-webview .classic-tab-wrap .nav-pills li .nav-link.active { color: #007aff; background: transparent; border-color: #495ab7; }
.page-webview .classic-tab-wrap .nav-pills li .nav-link.active::after { width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-webview .classic-tab-wrap .tab-content { padding: 0px 20px; }
.page-webview .classic-tab-wrap .tab-pane { padding: 20px 0; }
.page-webview .classic-tab-wrap .nav-tab-button { border-bottom: 0px solid #000; background-color: #ffffff; padding: 8px 0; position: relative; }
.page-webview .classic-tab-wrap .nav-tab-button li { padding: 0 8px; }
.page-webview .classic-tab-wrap .nav-tab-button li .nav-link { background-color: #cdcdcd; border-radius: 20px; }
.page-webview .classic-tab-wrap .nav-tab-button li .nav-link.active { background-color: #007aff; color: #ffffff; }
.page-webview .classic-tab-wrap .nav-tab-button li .nav-link.active::after { display: none; }
.page-webview .classic-tab-wrap .nav-tab-button::before { content: ""; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; }
.page-webview .classic-tab-wrap.nav-pills-scroll { overflow-x: auto; overflow-y: hidden; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills { -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-width: 0; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100%; border-bottom: 1px solid #cdcdcd; position: relative; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li::after { content: ""; width: 1px; height: calc(100% - 14px); position: absolute; top: 7px; right: 0; background-color: #cdcdcd; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li .nav-link { text-transform: uppercase; font-weight: 400; color: #495057; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li .nav-link.active { color: #007aff; font-weight: 600; }
.page-webview .classic-tab-wrap.nav-pills-scroll .nav-pills li:last-child::after { display: none; }
.page-webview .sandbox-container { margin-bottom: 15px; }
.page-webview .sandbox-container .input-group-text { font-size: 13px; line-height: 1.3; }
.page-webview label { margin-bottom: 8px; font-size: 13px; line-height: 1.3; display: block; }
.page-webview .results { margin-top: 20px; }
.page-webview .results .title-result { font-size: 14px; line-height: 1.3; font-weight: normal; color: #3d4351; margin-bottom: 8px; }
.page-webview .results table { font-size: 13px; line-height: 1.3; font-weight: normal; color: #3d4351; }
.page-webview .results table tr th { font-weight: normal; color: #3d4351; }
.page-webview .results table tr th:last-child, .page-webview .results table tr td:last-child { text-align: right; }
.page-webview hr { margin: 0.5rem 0; }
.page-webview .link-doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #228cff; }

.example-title { text-align: center; margin-bottom: 60px; padding: 3em 0; border-bottom: 1px solid #e4eaec; }
.example-title p { margin: 0 auto; font-size: 16px; max-width: 400px; }

.program-insurance { margin-bottom: 1.5rem; font-size: 13px; color: #3d4351; }
.program-insurance .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.program-insurance .content .choose { color: #228cff; }

.footer-fixed { position: fixed; background-color: #ffffff; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 12px; border-top-right-radius: 20px; border-top-left-radius: 20px; overflow: hidden; z-index: 8; }
.footer-fixed .money small { font-size: 12px; }
.footer-fixed .money p { margin-bottom: 0; font-size: 16px; font-weight: 700; }
.footer-fixed .btn-next-action { background-color: #ee0033; border: 1px solid #ee0033; color: #ffffff; font-size: 12px; line-height: 1.3; font-weight: 400; padding: 8px 20px; border-radius: 20px; }

.form-group-datepicker { position: relative; }
.form-group-datepicker .calendar { position: absolute; top: 50%; right: 10px; font-size: 16px; color: #666666; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.expire-duaration { font-size: 13px; margin-bottom: 0; }

.form-insurance { position: relative; padding: 15px 0; }
.form-insurance .form-group { position: relative; z-index: 1; }

.empty-insurance { text-align: center; }
.empty-insurance img { width: 100%; max-width: 200px; display: block; margin: auto; }
.empty-insurance p { font-size: 12px; color: #d11962; text-align: center; }

.form-insurance .card { border-width: 0; padding: 10px; font-size: 13px; line-height: 1.3; margin-bottom: 15px; }
.form-insurance h4 { font-size: 13px; line-height: 1.3; font-weight: normal; }
.form-insurance .form-check { font-size: 13px; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; }
.form-insurance .form-check .form-check-input { margin-top: 0; margin-right: 5px; }
.form-insurance .form-group { margin-bottom: 0.5rem; }
.form-insurance .form-group label { margin-bottom: 5px; }
.form-insurance .form-group .form-control { font-size: 13px; line-height: 1.3; min-height: 31px; }
.form-insurance .note { color: #ee0033; }
.form-insurance .badge { border-radius: 50%; width: 18px; height: 18px; line-height: 18px; vertical-align: middle; text-align: center; padding: 0; }
.form-insurance .red { color: #ee0033; }

/*================================== TIMELINE
==================================*/
.timeline-item { padding-left: 40px; position: relative; }
.timeline-item:last-child { padding-bottom: 0; }

/*----- TIMELINE INFO -----*/
.timeline-info { font-size: 12px; font-weight: 700; letter-spacing: 3px; margin: 0 0 0.5em 0; text-transform: uppercase; white-space: nowrap; }

/*----- TIMELINE MARKER -----*/
.timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 25px; }
.timeline-marker:before { background: #dc3545 !important; border: 3px solid transparent; border-radius: 100%; content: ""; display: block; height: 25px; position: absolute; top: 4px; left: 0; width: 25px; -webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; z-index: 1; }
.timeline-marker:after { content: ""; width: 3px; border-left: 3px dashed #cdcdcd; display: block; position: absolute; top: 24px; bottom: 0; left: 10px; }
.timeline-marker svg { position: absolute; color: #ffffff; z-index: 9; top: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 15px; }
.timeline-item:last-child .timeline-marker:after { content: none; }

.timeline-item:not(.period):hover .timeline-marker:before { background: transparent; border: 3px solid #ee0033; }

/*----- TIMELINE CONTENT -----*/
.timeline-centered { list-style-type: none; padding-left: 0; }

.timeline-content { padding-bottom: 40px; padding-top: 5px; }
.timeline-content p:last-child { margin-bottom: 0; }

.timeline-title { text-transform: uppercase; font-size: 14px; color: #3d4351; }

.timeline-desc { padding: 1rem; border-radius: 10px; background-color: #fff; font-size: 13px; line-height: 1.4; overflow: hidden; }

.bg-blue { color: #ffffff; background-image: -webkit-gradient(linear, left top, right bottom, from(#4d77ff), color-stop(#228cff), color-stop(#019eff), color-stop(#2dadf9), to(#56bbf1)); background-image: linear-gradient(to right bottom, #4d77ff, #228cff, #019eff, #2dadf9, #56bbf1); }

.bg-green { color: #ffffff; background-image: -webkit-gradient(linear, left top, right bottom, from(#019267), color-stop(#029f73), color-stop(#03ad7e), color-stop(#02ba8b), to(#00c897)); background-image: linear-gradient(to right bottom, #019267, #029f73, #03ad7e, #02ba8b, #00c897); }
.bg-green table tr, .bg-green table td, .bg-green table th { color: #ffffff; }

.bg-red { background-image: -webkit-gradient(linear, left top, right top, from(#ed1846), color-stop(#e51351), color-stop(#dc145a), color-stop(#d11962), to(#c61f69)); background-image: linear-gradient(to right, #ed1846, #e51351, #dc145a, #d11962, #c61f69); color: #ffffff; }

.bg-ograne { background-image: -webkit-gradient(linear, left top, right top, from(#f3a712), color-stop(#f6ab19), color-stop(#f9af20), color-stop(#fcb326), to(#ffb72b)); background-image: linear-gradient(to right, #f3a712, #f6ab19, #f9af20, #fcb326, #ffb72b); color: #ffffff; }

.bg-yellow { background-image: -webkit-gradient(linear, left bottom, right top, from(#a3d928), color-stop(#a4dd24), color-stop(#a6e21f), color-stop(#a7e619), to(#a8eb12)); background-image: linear-gradient(to right top, #a3d928, #a4dd24, #a6e21f, #a7e619, #a8eb12); color: #ffffff; }

.bg-white { background-color: #fff; }

.bg-aliceblue { background-color: #d8e1ff; }

.form-search-contract .form-group { margin-bottom: 15px; }
.form-search-contract .form-group .meta-label { margin-bottom: 8px; font-size: 13px; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.form-search-contract .form-group .meta-label .contract-template { color: #228cff; }
.form-search-contract .form-group .form-control { border-radius: 6px; border-color: #cdcdcd; -webkit-box-shadow: unset; box-shadow: unset; font-size: 14px; line-height: 1.3; padding: 10px 12px; }
.form-search-contract .note { font-weight: 400; font-size: 13px; line-height: 1.3; margin-bottom: 15px; text-align: left; position: relative; padding-left: 40px; }
.form-search-contract .note .txt-note { position: absolute; top: 0; left: 0; }
.form-search-contract .btn-search-contract { background-color: #ee0033; border: 1px solid #ee0033; color: #ffffff; width: 100%; display: block; font-size: 14px; line-height: 1.3; font-weight: 400; padding: 10px; border-radius: 20px; }

.form-group-search { position: relative; }
.form-group-search .form-control { border-radius: 20px; border-color: #cdcdcd; -webkit-box-shadow: unset; box-shadow: unset; font-size: 14px; line-height: 1.3; padding: 10px 12px; padding-left: 40px; }
.form-group-search .icon-search { position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #228cff; }

.nav-company { width: 100%; height: 0; position: fixed; z-index: 9; background-color: #fff; bottom: 0; left: 0; border-top-right-radius: 30px; border-top-left-radius: 30px; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.nav-company .nav-head { border-top-right-radius: 30px; border-top-left-radius: 30px; background-color: #f8f8f8; text-align: center; padding: 12px 0; font-size: 13px; line-height: 1.3; position: relative; }
.nav-company .nav-head .close { width: 20px; height: 20px; position: absolute; top: 50%; right: 20px; margin-top: -10px; }
.nav-company .nav-head .close svg { width: 20px; }
.nav-company .nav-body { padding: 15px; height: calc(100% - 41px); overflow: auto; }
.nav-company .nav-body .partners { margin-top: 0; margin-bottom: 0; }
.nav-company .nav-body .partners .partner { padding: 10px 0; border-bottom: 1px solid #e1e1e1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav-company .nav-body .partners .partner .icon { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; width: 100%; }
.nav-company .nav-body .partners .partner .icon img { width: auto; height: 50px; }
.nav-company .nav-body .partners .partner .content { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; width: 100%; font-size: 14px; line-height: 1.3; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav-company .nav-body .partners .partner .content .choose { color: #228cff; font-size: 13px; line-height: 1.3; font-weight: 400; }
.nav-company.open { height: 60vh; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.supplier { padding: 10px 0; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 20px; }
.supplier .icon { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; width: 100%; position: relative; z-index: 2; height: 50px; }
.supplier .icon img { width: auto; height: 50px; }
.supplier .content { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; width: 100%; font-size: 14px; line-height: 1.3; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }
.supplier .content .choose { color: #228cff; font-size: 13px; line-height: 1.3; font-weight: 400; position: relative; display: block; z-index: 1; }
.supplier.supplier-evn .icon { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; width: 100%; position: relative; z-index: 2; }
.supplier.supplier-evn .content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 80px); flex: 0 0 calc(100% - 80px); max-width: calc(100% - 80px); }
.supplier::before { content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; }

#modalTemplate .modal-header { border-bottom: 0px solid #000; position: relative; padding-bottom: 0; }
#modalTemplate .modal-header .title { font-size: 14px; text-align: center; width: 100%; font-weight: normal; text-transform: uppercase; }
#modalTemplate .modal-header .btn-close { position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; }

.statistic { background-color: #ffffff; position: relative; padding: 5px 0; }
.statistic .statis { text-align: center; font-size: 12px; color: #495057; position: relative; z-index: 2; padding: 8px 0; }
.statistic .statis p { margin-bottom: 8px; font-weight: 300; }
.statistic h4 { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 0.7; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }
.statistic .icon { height: 24px; margin-right: 5px; }
.statistic::before { content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; }

.pic img { width: 100%; max-width: 100%; display: block; }
.pic.pic-webview { max-width: 60%; margin: auto; }

.tab-content-scroll .tab-pane { padding: 25px 10px; }
.tab-content-scroll .content { font-size: 14px; color: #3d4351; font-weight: 400; text-align: justify; }

.tab-content-scroll { padding-bottom: 100px; }
.tab-content-scroll .btn-link-view { font-size: 13px; display: block; text-align: left; position: relative; padding-right: 30px; }
.tab-content-scroll .btn-link-view .fa { position: absolute; font-size: 10px; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.tab-content-scroll .list-link .link-item { border-bottom: 1px solid #cdcdcd; position: relative; }
.tab-content-scroll .list-link .link-item .content-link { padding: 5px 30px 5px 0; }
.tab-content-scroll .list-link .link-item .content-link label { font-size: 12px; margin-bottom: 2px; color: #999999; }
.tab-content-scroll .list-link .link-item .content-link p { margin-bottom: 0; color: #dc3545; font-size: 13px; }
.tab-content-scroll .list-link .link-item .link-to { position: absolute; color: #9e9e9e; top: 10px; right: 0; font-size: 10px; }
.tab-content-scroll .list-link .link-item:last-child { border-bottom-width: 0; }
.tab-content-scroll .faq-grid .panel-heading .panel-title a { font-weight: 400; font-size: 13px; text-transform: capitalize; }

.sharelink { position: fixed; z-index: 22; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; left: 0; width: 100%; -ms-flex-pack: distribute; justify-content: space-around; padding: 10px 0; }
.sharelink .btn-light { border: 1px solid #cdcdcd; }

.empty-history { margin-bottom: 8px; font-size: 13px; line-height: 1.3; display: block; }
.empty-history .pic { max-width: 200px; margin: 20px auto; }
.empty-history .description { margin-bottom: 8px; font-size: 13px; line-height: 1.3; display: block; text-align: center; }

@media screen and (min-width: 992px) { .timeline-item { max-width: 992px; margin: auto; }
  .timeline-item .timeline-content { max-width: 767px; }
  .pic.pic-webview { max-width: 500px; } }
.form-group-radio .button-radio { position: relative; margin-bottom: 20px; }
.form-group-radio .button-radio input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 9; }
.form-group-radio .button-radio.button-radio-text .text { background-color: #e6e6e6; border-radius: 5px; padding: 8px; position: relative; border: 1px solid #e6e6e6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 50px; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.form-group-radio .button-radio.button-radio-text input[type="checkbox"]:checked ~ div, .form-group-radio .button-radio.button-radio-text input[type="radio"]:checked ~ div { background-color: #007aff; border: 1px solid #007aff; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-image .image { background-color: #e6e6e6; border-radius: 5px; padding: 8px; position: relative; border: 1px solid #e6e6e6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-image .image img { width: 100%; display: block; }
.form-group-radio .button-radio.button-radio-image .image::before { content: ""; width: 24px; height: 24px; border-radius: 50%; background-color: #ffffff; border: 1px solid #cdcdcd; display: block; position: absolute; top: -5px; right: -5px; }
.form-group-radio .button-radio.button-radio-image .image::after { content: ""; width: 16px; height: 16px; border-radius: 50%; background-color: #007aff; border: 1px solid #007aff; display: block; position: absolute; top: -1px; right: -1px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-image input[type="checkbox"]:checked ~ div, .form-group-radio .button-radio.button-radio-image input[type="radio"]:checked ~ div { background-color: #ffffff; border: 1px solid #007aff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-image input[type="checkbox"]:checked ~ div::after, .form-group-radio .button-radio.button-radio-image input[type="radio"]:checked ~ div::after { opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-payment .image { background-color: #ffffff; border-radius: 5px; padding: 8px; position: relative; border: 1px solid #e6e6e6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-left: 30px; }
.form-group-radio .button-radio.button-radio-payment .image .icon-payment { width: 50px; height: 50px; border-radius: 50%; background-color: #ffffff; overflow: hidden; position: absolute; top: 10px; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid #f5f5f5; }
.form-group-radio .button-radio.button-radio-payment .image .icon-payment img { width: 100%; display: block; }
.form-group-radio .button-radio.button-radio-payment .image::before { content: ""; width: 24px; height: 24px; border-radius: 50%; background-color: #ffffff; border: 1px solid #cdcdcd; display: block; position: absolute; top: -5px; right: -5px; }
.form-group-radio .button-radio.button-radio-payment .image::after { content: ""; width: 16px; height: 16px; border-radius: 50%; background-color: #007aff; border: 1px solid #007aff; display: block; position: absolute; top: -1px; right: -1px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-payment .content { position: relative; }
.form-group-radio .button-radio.button-radio-payment .content h4 { font-size: 14px; margin-bottom: 5px; }
.form-group-radio .button-radio.button-radio-payment .content p { font-size: 13px; margin-bottom: 5px; }
.form-group-radio .button-radio.button-radio-payment .content tr, .form-group-radio .button-radio.button-radio-payment .content th { font-size: 13px; }
.form-group-radio .button-radio.button-radio-payment .content .content-header { padding-bottom: 5px; }
.form-group-radio .button-radio.button-radio-payment .content .content-hidden { padding-top: 5px; display: none; border-top: 1px dashed #ffffff; }
.form-group-radio .button-radio.button-radio-payment .content table { width: 100%; }
.form-group-radio .button-radio.button-radio-payment input[type="checkbox"]:checked ~ div, .form-group-radio .button-radio.button-radio-payment input[type="radio"]:checked ~ div { background-color: rgba(0, 122, 255, 0.1); border: 1px solid #007aff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-group-radio .button-radio.button-radio-payment input[type="checkbox"]:checked ~ div .content-hidden, .form-group-radio .button-radio.button-radio-payment input[type="radio"]:checked ~ div .content-hidden { display: block; }
.form-group-radio .button-radio.button-radio-payment input[type="checkbox"]:checked ~ div::after, .form-group-radio .button-radio.button-radio-payment input[type="radio"]:checked ~ div::after { opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.form-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }
.form-total label { margin-bottom: 0; }
.form-total .group-calculor .btn-calculor { border: 1px solid #cdcdcd; border-radius: 50%; }
.form-total .group-calculor .btn-calculor .fa { font-size: 14; }
.form-total .group-calculor .number-card { padding: 0 5px; font-size: 20px; font-weight: 700; }

.add-new-card { padding: 10px 10px; border: 1px solid #007aff; border-radius: 25rem; color: #007aff; font-size: 13px; width: 100%; background-color: rgba(0, 122, 255, 0.1); margin-bottom: 20px; }

.page-card-mobile .add-payment { border: 1px solid #007aff; border-radius: 25rem; color: #ffffff; background-color: #007aff; font-size: 13px; width: 100%; max-width: 250px; margin: 0 auto 20px auto; border-radius: 25rem; padding: 10px 10px; display: block; }
.page-card-mobile .sendlink { font-size: 13px; text-align: center; }
.page-card-mobile .boxed-pl-3 { padding-left: 2rem; }
.page-card-mobile .boxed h3.title { font-size: 14px; font-weight: normal; }
.page-card-mobile .card { border-radius: 10px; }
.page-card-mobile .thecao-note { width: 80%; margin: auto; font-size: 13px; text-align: center; }
.page-card-mobile .footer-control { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; background-color: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px; }
.page-card-mobile .footer-control .btn-secondary { padding-left: 20px; padding-right: 20px; border-radius: 25rem; }
.page-card-mobile .btn-next-step { padding-left: 20px; padding-right: 20px; border-radius: 25rem; }
.page-card-mobile .btn-payment { padding-left: 20px; padding-right: 20px; border-radius: 25rem; }
.page-card-mobile .form-step { display: none; }
.page-card-mobile .form-step.active { display: block; }
.page-card-mobile .card-number-order { position: relative; padding-left: 100px; padding-bottom: 10px; border-bottom: 1px dashed #cdcdcd; }
.page-card-mobile .card-number-order .edit-order { position: absolute; top: 0px; right: 0px; font-size: 13px; color: #007aff; background-color: transparent; border-width: 0; }
.page-card-mobile .card-number-order .logo { width: 80px; position: absolute; top: 0; left: 0; }
.page-card-mobile .card-number-order .logo img { width: 100%; display: block; height: auto; }
.page-card-mobile .card-number-order .order h4 { font-size: 14px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-order .order p { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-order .order table { width: 100%; }
.page-card-mobile .card-number-order .order table th, .page-card-mobile .card-number-order .order table td { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-checkout { position: relative; padding-bottom: 10px; border-bottom: 1px dashed #cdcdcd; }
.page-card-mobile .card-number-checkout .edit-order { position: absolute; top: 0px; right: 0px; font-size: 13px; color: #007aff; background-color: transparent; border-width: 0; }
.page-card-mobile .card-number-checkout .order h4 { font-size: 14px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-checkout .order p { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-checkout .order table { width: 100%; }
.page-card-mobile .card-number-checkout .order table th, .page-card-mobile .card-number-checkout .order table td { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .card-number-checkout .order table th .txt-product, .page-card-mobile .card-number-checkout .order table td .txt-product { color: #4d77ff; }
.page-card-mobile .card-number-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 10px; }
.page-card-mobile .card-number-total span { font-size: 13px; font-weight: normal; margin-bottom: 5px; }
.page-card-mobile .note-green { font-size: 13px; margin-bottom: 8px; color: #03ad7e; }
.page-card-mobile .note-red { font-size: 13px; margin-bottom: 8px; color: #e51351; }
.page-card-mobile .form-group-check { margin-bottom: 10px; }
.page-card-mobile .form-group-check .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; }
.page-card-mobile .form-group-check .form-check input { margin-top: -1px; margin-right: 8px; }
.page-card-mobile .form-group-check .form-check label { line-height: 1; }
.page-card-mobile .blue { color: #007aff; }
.page-card-mobile .red { color: #e51351; }

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