/*LANDING PAGE PRODUCTION DETAIL*/

#product-detail {
    font-family: 'MyriadPro-Regular', 'MyriadPro-Semibold', sans-serif;
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-8 {
    margin-bottom: 8px;
}

#product-detail .container-logo {
    position: relative;
}

#product-detail .logo-bank-top {
    /*position: absolute;*/
    margin-top: 1.2em;
    border-radius: 18px;
}

/*langding page*/

#product-detail .bar1,
#product-detail .bar2 {
    vertical-align: top;
    width: 70px;
    height: 5px;
}

/*Header */

#product-detail #header-row {
    margin-bottom: 40px;
}

#product-detail .feature-row {
    margin-bottom: 30px;
}

.feature-row .btn-feature-info {
    background-color: #CDECFF;
    padding: 5px;
    border: none;
    font-size: 16px;
}

.info-feature-row .feature-title,
.info-feature-row .sub-feature-title {
    font-size: 19px;
}

.info-feature-row .sub-feature-title {
    color: #263E59
}

.info-feature-row .feature-title {
    color: #878787;
    ;
}

#product-detail #header-row .btn-apply {
    margin-top: 4.2em;
    background-color: #009FE3;
    padding: 10px 20px;
    font-size: 25px;
    color: #ffff
}

/*Intro*/
#product-detail .intro .intro-text {
    background-color: #009FE3;
    color: #ffff;
    padding: 20px 0;
    font-size: 30px;
    border-radius: 5px;
}

/*filter-calculate*/
.filter-calculate {
    box-shadow: 5px 5px 9px 4px #d2cece;
    margin-left: 40px;
    margin-right: 40px;
}

.filter-calculate .filter-title {
    font-size: 30px;
    margin-bottom: 20px;
    padding-left: 15px;
    margin-bottom: 0
}

.filter-calculate .lb-title {
    font-size: 12px;
}


.filter-calculate .lb-sub-title {
    font-size: 12px;
    color: #009FE3;
}

.filter-calculate .filter-calculate-col {
    padding: 10px 20px 70px 20px;
}

.filter-calculate .filter {
    padding-top: 40px;
}

.filter-calculate .filter-info {
    border-left: solid;
    border-left-width: 0.5px;
    border-left-color: #575756;
    padding-top: 20px;
    padding-bottom: 20px;
}

.filter-info .box-filter {
    background-color: #CDECFF;
    /*padding: 20px 10px;*/
}

.filter .input-group-addon {
    background-color: #CDECFF;
    color: #575756;
}

/*promotion*/
.promotion-section {
    display: flex;
}

.promotion-section .promotion-info {
    background-color: #009FE3;
    font-size: 20px;
    color: white;
    padding: 10px 25px;
    width: 68%;
}

.promotion-section .promotion-image {
    /*width: 32%;*/
}

.promotion-section .item-icon {
    height: 100%;
    width: 100%;
}

/*Key Feature*/
.key-features {
    background-color: #f1fcfe
}

.key-features .kf-sub-title {
    text-align: center;
    font-size: 25px;
}

.key-features .kf-title {
    padding-top: 25px;
    text-align: center;
    font-size: 30px;
}

/*Features*/
#features .ft-t,
#documents .ed-t,
#fee-charge .fc-t {
    font-size: 30px;
    padding: 10px;
    border: 1px solid #333;
    -webkit-border-radius: 5px 5px 0px 0px;
}

#features .ft-m,
#documents .ed-m,
#fee-charge .fc-m {
    background: #263E59;
    border-right: solid #575756 0.5px;
    border-left: solid #575756 0.5px;
    padding: 20px 40px;
    font-size: 25px;
    color: #fff;
}

#features .ft-b,
#documents .ed-b,
#fee-charge .fc-b {
    border-bottom: solid 0.5px;
    border-right: solid 0.5px;
    border-left: solid 0.5px;
    border: 1px solid #333;
    -webkit-border-radius: 0px 0px 5px 5px;
}

#documents .doc-content {
    font-size: 15px;
    display: flex;
}

#documents .doc-content .item-v {
    margin: 5px 15px;
}

/*Other similar products*/
#similar-products .sp-title {
    font-size: 25px;
    color: #263E59;
    font-weight: bold;
}

#documents .ed-b {
    line-height: 1.6em;
}

#similar-products .sp-row {
    display: inline-flex;
}

#similar-products .detail-title {
    padding: 0px;
    margin: 0 10px;
    border: 1px solid #333;
    -webkit-border-radius: 5px 5px 0px 0px;
}

#similar-products .detail-content span {
    color: #009FE3
}

#similar-products .detail-content strong {
    color: #878f96
}

.blog .img-responsive {
    width: 100%;
}

#similar-products .table-responsive {
    margin-bottom: 0;
}

#similar-products .table-pro-loan>tbody>tr {
    border: 1px solid #333;
    height: 100px;
}

.table-pro-loan>tbody>tr>td,
.table-pro-loan>tbody>tr>th,
.table-pro-loan>tfoot>tr>td,
.table-pro-loan>tfoot>tr>th,
.table-pro-loan>thead>tr>td,
.table-pro-loan>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #333;
    vertical-align: middle;
    width: 50%;
}

#similar-products .com-name {
    color: #263E59;
}

#similar-products .image {
    max-height: 80px;
}

/*Help me decide*/
#help-decide .hd-title {
    font-size: 15px;
    margin-bottom: 15px;
}

#help-decide .btn-help {
    font-size: 20px;
    padding: 10px 0;
    background-color: #009FE3;
    color: #fff;
}

/* Benefit apply*/
#benefit-apply {
    padding: 30px 20px;
    background-color: #f2f6f7;
}

#benefit-apply .ha-title {
    font-size: 30px;
    color: #009FE3;
    line-height: 1.2em;
}

#benefit-apply .ha-bar {
    max-width: 337px;
    margin: auto;
}

#benefit-apply .ha-bar img {
    vertical-align: middle;
}

#benefit-apply #block-btn-apply,
#benefit-apply .benefit-title {
    display: none;
}

#benefit-apply .benefit-content-container {
    margin-bottom: 0;
    width: 100%;
}

#benefit-apply .action-cart {
    padding: 0;
}

/* Read more about Personal Loan */
.rm-content {
    box-shadow: 5px 5px 9px 4px #d2cece;
}

#read-more .rm-title {
    font-size: 30px;
    color: #009FE3;
    line-height: 1.2em;
}

#read-more .rm-content {
    padding: 20px 10px;
}

#read-more .c-title {
    color: #009FE3;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

#read-more .c-sub-title,
#read-more .date-rm {
    color: #706F6F;
}

#read-more .date-rm {
    padding-top: 15px;
}

#read-more .more-tips {
    margin-top: 20px;
    padding: 0;
    color: #009FE3;
    font-size: 18px;
}

#read-more .blog-post-info {
    list-style-type: none;
}

#loanproduct-review-faq {
    padding: 35px 100px;
    background-color: #f5f5f5;
}

#loanproduct-review-faq .rv-title {
    font-size: 25px;
    color: #263E59;
    text-transform: uppercase;
}

#loanproduct-review-faq .rv-bar {
    max-width: 192px;
    margin: auto;
}

#loanproduct-review-faq .faq-bar {
    max-width: 448px;
    margin: auto;
    text-align: center;
}

#loanproduct-review-faq .rv-bar img,
#loanproduct-review-faq .faq-bar img {
    vertical-align: middle;
}

#loanproduct-review-faq .review .rv-content {
    font-size: 20px;
    line-height: 1.5em;
    color: #575756
}

#loanproduct-review-faq .review .rv-content strong {
    color: #263E59
}

#loanproduct-review-faq .faq {
    margin-top: 20px;
}

#loanproduct-review-faq .faq-content {
    font-size: 20px;
    margin: 40px 0;
    color: #575756
}

#accordion strong {
    font-size: 20px;
    color: #009FE3
}

/*FAQ*/
#accordion .panel,
#accordion .panel-heading,
#accordion panel-title,
#accordion .panel-body {
    border: 0;
}

#accordion .panel {
    box-shadow: none;
}

#accordion .panel .panel-heading {
    border-radius: 0;
}

#accordion .panel .panel-heading .panel-title a {
    text-decoration: none;
    padding: 1em 0;
}

#accordion .panel .panel-heading .panel-title a span {
    float: right;
    width: 50px;
}

#accordion .panel .panel-heading .panel-title a span:after {
    content: "+";
    color: #1b5062;
    font-size: 20px;
}

f #accordion .panel .panel-heading .panel-title a.collapsed span:after {
    content: "\2014";
    font-size: 20px;
}

#accordion {
    background-color: #f5f5f5;
}

/*loanproduct-signup*/
#loanproduct-signup .su-title {
    font-size: 25px;
    color: #263E59;
}

#loanproduct-signup .subscribe-form .form-group {
    display: inline-flex;
}

#loanproduct-signup .subscribe-items {
    display: flex;
}

#loanproduct-signup #btn-signup {
    font-size: 20px;
    padding-top: 10px;
    color: #009FE3;
    width: 130px;
    background-color: #fff;
}

#loanproduct-signup .checkbox span {
    font-size: 20px;
    text-align: left;
    float: left
}

#loanproduct-signup .agree-check {
    text-align: right;
    padding-right: 40px;
}

#loanproduct-signup .agree-mess {
    color: #575756
}

#loanproduct-signup .checkbox input {
    width: 30px;
    height: 30px;
}

#loanproduct-signup .agree-group {
    display: inline-flex;
    margin-left: 40px;
}

#loanproduct-signup .signup-bar {
    max-width: 303px;
    margin: auto;
    text-align: left;
}

#loanproduct-signup .signup-bar img {
    vertical-align: middle;
}

/*END: LANDING PAGE PRODUCTION DETAIL*/
@media (min-width: 768px) {
    #loanproduct-signup #email {
        width: 400px;
        height: 50px;
        margin: 0 20px;
        font-size: 20px;
    }

    #features .ft-b,
    #documents .ed-b,
    #fee-charge .fc-b {
        padding: 10px 25px;
        font-size: 25px;
    }
}

@media (max-width: 768px) {

    #product-detail {
        margin-top: 15px;
    }

    #product-detail .container-logo {
        text-align: center;
    }

    #product-detail .logo-bank-top {
        position: relative;
        margin-top: 0;
    }

    #product-detail #header-row .btn-apply {
        margin-top: 10px;
    }

    #product-detail .filter-calculate .filter-info {
        border-left: unset;
    }

    #product-detail .filter-calculate {
        margin-left: 5px;
        margin-right: 5px;
    }

    #product-detail .filter-calculate .filter-calculate-col {
        padding: 10px 15px;
    }

    #product-detail .intro .intro-text,
    #product-detail .intro span {
        font-size: 20px !important;
        padding: 10px;
    }

    #loanproduct-review-faq {
        padding: 15px;
        overflow: auto;
    }

    #loanproduct-signup .subscribe-items {
        display: inline-block;
    }

    #loanproduct-signup #email {
        height: 45px;
        margin-bottom: 10px;
    }

    #product-detail .info-feature-row,
    #product-detail .header-title,
    #benefit-apply .ha-bar {
        text-align: center;
    }

    .promotion-section {
        display: block;
    }

    .promotion-section .promotion-info,
    .promotion-section .promotion-image {
        width: 100%;
    }

    #features .ft-m,
    #documents .ed-m,
    #fee-charge .fc-m,
    #features .ft-t,
    #documents .ed-t,
    #fee-charge .fc-t {
        padding: 10px;
        font-size: 20px;
    }

    .key-features .kf-sub-title,
    #product-detail #header-row .btn-apply {
        font-size: 20px;
    }

    #features .ft-b,
    #documents .ed-b,
    #fee-charge .fc-b {
        padding: 10px;
    }

    #benefit-apply {
        padding: 15px;
    }

    #benefit-apply .action-cart-container {
        margin: 0;
    }

    #benefit-apply .benefit-content {
        padding-right: 0px;
    }

    #benefit-apply .benefit-icon {
        padding-left: 15px;
    }

    #documents .doc-content {
        display: block;
    }

    .rating-stars-bank {
        text-align: center !important;
    }
}


.promotion-section .promotion-info .promotion-claim {
    border: none;
    vertical-align: middle;
    display: block;
    border-radius: 8px;
    text-align: right;
}
.promotion-section .promotion-info .promotion-claim a {
    background-color: #FF8C00;
    font-weight: bold;
    border: none;
    color: white;
    padding: 8px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}

.promotion-section .promotion-info .promotion-claim a:hover {
    background-color: #ffffff;
    color: #FF8C00;
    border: none;
    padding: 8px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
}
.promotion-section .promotion-pdf{
  margin: 15px 0 5px 0;
}
.promotion-section .promotion-pdf a {
    color: #fff;
    font-size: 16px;
}