/*BANNER*/
.banner-home{height:calc(100vh - 135px);overflow:hidden}
.banner-inner{height:auto}
.banner-inner::after{content:'';width:100%;height:100px;position:absolute;left:0;bottom:0;background:linear-gradient(0deg, rgba(27,68,134,0.7) 0%, rgba(27,68,134,0) 100%);mix-blend-mode:multiply;pointer-events:none;display:none}
.slide-mask{width:100%;height:100%;position:relative;display:block;background-color:#1b4486}
.bg-home,.bg-inner{position:relative;width:100%;height:auto;display:block;overflow:hidden;}
.bg-home picture,.bg-inner picture{position:relative;width:100%;height:auto;}
.bg-home img{position:relative;width:100%;height:auto;max-height:calc(100vh - 135px);min-height:calc(100vh - 135px);display:block;object-fit:cover;object-position:center center;pointer-events:none}
.bg-inner img{position:relative;width:100%;height:auto;max-height:600px;display:block;object-fit:cover;object-position:top center;pointer-events:none}
.stop,.play{display:none;position:absolute;z-index:-9999}


/*BACKGOUND COLOR*/
#home-page .background-color{min-height:inherit;}
.background-color{background:linear-gradient(0deg, rgba(150, 170, 202,1)0%, #fff 100%);min-height:50vh;z-index:2}
.bg-cover{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:1;}
.bg-fixed{background-attachment:fixed;backface-visibility:hidden;background-position:left top}
.is-mobile .bg-fixed, .is-touch .bg-fixed{background-attachment:scroll;}

/*SUB NAV*/
.sub-button{z-index:10}
.sub-nav{width:100%;height:auto;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;float:none;text-align:center}
.sub-nav > *{transform:translate3d(0,0,0);}
.sub-nav ul::after{display:none}
.sub-nav li a{padding:10px 15px;font-size:13px}
.outer-nav.second .sub-nav li a{font-size:11px}
.outer-nav.second.fixed{box-shadow:0 10px 30px rgba(0,0,0,0.2);}
.sub-nav::-webkit-scrollbar{height:0 !important;display:none!important}

/*WHEEL-ANIMATION-SUBMIT*/
.wheel-submit{display:none;position:absolute;width:40px;height:42px;right:-20px;bottom:0;transform:rotate(-90deg);pointer-events:none;background-color:#d4def1}
.wheel-submit.wheel-prev{transform:rotate(90deg);right:auto;left:-20px}
.wheel-submit span{position:absolute;width:30%;left:35%;top:5%;height:2px;opacity:0;transform:scale(.3);animation:Move-Arrow 2s ease-out infinite;}
.wheel-submit span:before{left:0;transform:skewY(30deg);}
.wheel-submit span:after{right:0;width:50%;transform:skewY(-30deg);}
.wheel-submit span:after, .wheel-submit span:before{content:"";position:absolute;top:0;height:100%;width:50%;background-color:rgba(27,68,134,1)}
.wheel-submit span:nth-child(2){animation:Move-Arrow 2s ease-out 1.33s infinite;}
.wheel-submit span:first-child{animation:Move-Arrow 2s ease-out .66s infinite;}

/*HOME*/
/*FIX CONTENT*/
.footer.fix-content{position:fixed;left:0;bottom:0;background-color:transparent}
.fix-content .footer-end{position:fixed;left:0;bottom:0;z-index:20}
.fix-content .subscribe{position:fixed;width:auto;max-width:inherit;top:auto;right:180px;bottom:-6px;z-index:30}
.fix-content .subscribe::before,.fix-content .box-title,.fix-content .box-subscribe{display:none}
.fix-content .ultilities-home, .fix-content .news-home{position:absolute;top:100vh}

/*FIX RATIO*/
.banner-home.ratio-4-3, .slide-mask.ratio-4-3{height:auto;}
.bg-home.ratio-4-3 img{min-height:inherit;}
.fix-content .ultilities-home.ratio-4-3, .fix-content .news-home.ratio-4-3{ position:relative; top:auto}
.footer.ratio-4-3{position:relative ;left:auto;bottom:auto;background-color:#335898;}
.fix-content.ratio-4-3 .footer-end{position:relative;left:auto;bottom:auto;}
.fix-content.ratio-4-3 .subscribe{position:relative;width:90%;max-width:1180px;top:-35px;right:auto;bottom:auto;}
.fix-content.ratio-4-3 .subscribe::before,.fix-content.ratio-4-3 .box-title,.fix-content.ratio-4-3 .box-subscribe{display:inline-block}



/*ULTILITIES*/
.ultilities-home{text-align:center;padding:5vh 0;background:linear-gradient(0deg, #e7edf7 0%, #fff 100%);z-index:2}
.box-ultilities{width:23.3%;max-width:280px;min-height:180px;position:relative;height:auto;display:inline-block;margin:0 8px;vertical-align:top;text-align:left;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 20px 30px 5px rgba(0,0,0,0.1)}
.box-ultilities::before{content:'';position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid #3864af;left:10px;top:10px;border-radius:10px;}
.box-icon{width:50px;height:50px;position:relative;display:inline-block;vertical-align:middle}
.box-ultilities h2{font-size:20px;color:#3864af;position:relative;display:inline-block;vertical-align:middle;max-width:calc(100% - 70px)}
.box-ultilities  ul{padding:0 15px;}
.box-ultilities li{color:#1b4486;margin:10px 0;position:relative;padding-left:30px;z-index:2}
.box-ultilities a{color:currentColor;font-size:16px;line-height:20px;font-weight:700;}

/*NEWS HOME*/
.news-home{padding:0 0 12vh 0;}
.slider-news{position:relative;width:100%;height:auto;display:block;text-align:center}
.box-news{width:32%;max-width:380px;position:relative;height:auto;display:inline-block;margin:0 8px;vertical-align:top;text-align:left;padding:8px;background-color:#fff;border-radius:12px;box-shadow:0 20px 30px 5px rgba(0,0,0,0.1);cursor:pointer;color:#444}
.box-news .pic-img{width:130px;height:130px;border-radius:10px;display:inline-block;vertical-align:top;margin:0 }
.box-news .pic-img img{height:100%;object-fit:cover}
.txt-news-home{width:calc(100% - 150px);height:auto;display:inline-block;vertical-align:top;margin:0;padding-left:10px;}
.txt-news-home h3{font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; min-height:40px}

/*DATE THUMB*/
.date-thumb{position:relative;padding:10px 0;display:block;color:currentColor;font-weight:400;font-size:18px;line-height:1.4;}
.date-thumb span::before{content:'/';display:inline;color:currentColor;margin:0 4px 0 0}
.date-thumb span{font-size:13px;display:inline;white-space:nowrap;margin:0 5px;color:currentColor;}

/*DATE*/
.date{position:relative;display:inline-block;text-align:center;color:currentColor;font-size:28px;font-weight:700;width:auto;height:auto;padding:3px 7px;color:#fff;background-color:#3864af;line-height:1.2;border-radius:3px;vertical-align:middle;z-index:1;}
.date span{position:relative;display:block;font-size:10px;font-weight:400;color:currentColor;margin:0}


/*VIEW DETAILS*/
.view-more{margin:20px 0 0 0;font-size:14px;color:#1b4486;display:block;position:relative;}
.view-more span{background-color:#fff;padding:0 10px 0 0;position:relative;display:inline-block;z-index:1}
.view-more::before{content:'';width:100%;height:1px;position:absolute;right:0;top:50%;background-color:currentColor}


/*ABOUT*/
.list-content{position:relative;display:block;width:100%;height:auto;padding-bottom:130px}
.list-item{position:relative;display:block;width:100%;height:auto;margin:0;text-align:center;}

/*TITLE*/
.list-title{position:relative;display:inline-block;width:90%;height:auto;max-width:1180px;margin:5px 0;padding:20px 0;background-color:#d4def1;cursor:pointer;transition:background-color 0.3s ease-in-out, width 0.3s ease-in-out, height 0.2s ease-in-out;border-radius:10px;text-align:left;overflow:hidden;}
.list-title h3{position:relative;padding-left:90px;display:inline-block;vertical-align:middle;color:#1b4486;transition:color 0.3s ease-in-out;max-width:calc(100% - 200px);}
.list-num{font-weight:100;width:70px;height:auto;font-size:30px;line-height:1;color:#3864af;text-align:center;transition:all 0.3s ease-in-out;border-right:1px solid #3864af;position:absolute;left:0;top:50%;margin-top:-15px;overflow:hidden;}
.list-arrow{position:absolute;top:50%;margin-top:-25px;right:20px;color:#1b4486;width:auto;height:auto;text-align:right;transition:color 0.3s ease-in-out;}
.list-arrow mark{font-size:14px;line-height:50px;display:block;padding-right:50px}
.list-arrow::after{content:'';position:absolute;width:50px;height:50px;right:0;top:50%;margin-top:-25px;transition:all 0.3s ease-in-out;}

/*DETAIL*/
.list-detail{position:relative;display:block;width:100%;height:0;overflow:hidden;background-color:#1b4486;text-align:left;background:linear-gradient(90deg, #3864af 10%,#1b4486 30%, #1b4486 70%, #3864af 90%);}
.list-detail .pic-img{max-width:510px;height:auto;display:inline-block;vertical-align:top;margin:50px -5px;border-radius:10px;}
.list-text{position:relative;display:inline-block;max-width:calc(100% - 510px);height:auto;padding:50px 20px;color:#fff;vertical-align:top}
.list-text h3{display:block;margin:0 0 15px 0;}
.list-text p, .list-text li{margin:0 0 15px 0;}

/*ACTIVE*/
.list-item.active .list-arrow::after{filter:grayscale(1) brightness(600%);background-position:right center}
.list-item.active .list-arrow{color:#fff;}
.list-item.active .list-num{color:#fff;border-color:#fff}
.list-item.active .list-title{background-color:#3864af}
.list-item.active .list-title h3{color:#fff}
.list-detail.active{margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}

/*ABOUT HISTORY*/
.about-history .list-title{height:70px;}
.about-history .list-title h3{display:block;vertical-align:inherit;overflow:hidden;position:absolute;line-height:30px}
.about-history .list-item.active .list-num{width:0;border:none}
.about-history .list-item.active .list-title h3{width:0;padding:0;}
.about-history .list-item.active .list-title{width:140px;padding:0;height:50px}

/*ABOUT-US*/
.about-us{padding:0 0 130px;background-color:#fff;}
.about-us p{display:block;margin:0 0 15px 0}
.box-text-us{position:relative;display:block;width:90%;max-width:1180px;margin:0 auto;padding:30px;box-shadow:0 20px 30px rgba(0,0,0,0.1);border-radius:10px}
.box-text-us img{width:auto !important;height:auto !important;max-width:100%;margin:0 auto 20px auto;display:block;border-radius:10px}
.wrap-text-us{position:relative;display:block;width:100%;height:auto;padding:0;margin:0;}
.wrap-more-text.wrap-view-more{display:none}
.more-text{position:relative;display:inline-block;font-size:13px;font-family:'Oswald';font-weight:500;color:#1b4486}
.more-text .wheel-submit{display:block;bottom:auto;left:auto;right:auto;position:relative;text-align:center;margin:10px auto;transform:none;border-radius:30px;}
.more-text .wheel-submit span:before{transform:skewY(38deg);}
.more-text .wheel-submit span:after{transform:skewY(-38deg);}
.more-text.hide{display:none !important}


/*ABOUT-MANAGER*/

/*SUB-CONTROL*/
.sub-control{position:relative;display:block;width:100%;height:auto;margin:0;text-align:center;}
.wrap-sub-control{position:relative;display:inline-block;width:100%;}
.control-but{position:relative;display:inline-block;vertical-align:middle;font-size:18px;color:#1b4486;margin:0 10px;padding:0 0 0 20px;font-family:'Oswald';font-weight:500;}
.control-but::before{content:'';position:absolute;width:14px;height:14px;top:calc(50% - 7px);left:0;}
.control-but.active{pointer-events:none;color:#ec2028;}

/*ABOUT-MANAGER*/
.list-direct{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:1400px;margin:auto;}
.about-manager .list-detail{background:inherit;box-shadow:none;}
.box-direct{position:relative;display:flex;padding:7px 10px;width:calc(33% - 30px);margin:10px;max-width:415px;z-index:2}
.box-direct::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-radius:10px;background-color:#3864af ;z-index:-1;}
.box-direct a{display:none;width:50px;height:50px;z-index:-999}
.direct-pic{position:relative;display:block;width:150px;height:150px;border-radius:50%;background-color:#e4e8ef;overflow:hidden;pointer-events:none;}
.direct-pic .pic-img{height:100%;margin:0 !important;display:block;max-width:inherit;border-radius:50%;z-index:5;}
.direct-pic .pic-img img{object-fit:cover;height:100%}
.direct-pic::after{content:'';position:absolute;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px;pointer-events:none;border:1px solid rgba(255, 255, 255, 0.8);border-radius:50%;z-index:2}
.des-manager{position:relative;display:block;padding:20px 10px 10px 12px;width:calc(100% - 112px);text-align:left;pointer-events:none;}
.des-manager h3{position:relative;display:block;color:#fff;font-size:11px;line-height:1.3;margin:4px 0;}
.des-manager h3 strong{text-transform:uppercase;font-size:110%;}
.text-des-manager{display:none}
.view-info-leader{position:absolute;width:auto;height:auto;display:inline-block;bottom:10px;left:20px;font-size:13px;color:#fff;padding:0 0 0 22px;font-family:'Oswald';font-weight:500;}
.view-info-leader::after{content:'';position:absolute;width:14px;height:14px;top:calc(50% - 6px);left:0;}
.list-title.list-title-manager{text-align:center;max-width:800px;padding:20px 0;}
.list-title-manager::after{content:'';position:absolute;width:24px;height:24px;top:calc(50% - 12px);right:16px;}
.list-title.list-title-manager h3{padding:0;font-size:20px;font-weight:700;text-transform:uppercase;color:rgba(255, 255, 255, 0.9);max-width:inherit}
.list-title-manager{background-color:#3864af}
.list-content::before{content:'';position:relative;display:block;margin:30px auto;height:1px;width:80px;background-color:rgba(56, 100, 175, 0.7)}

/*LIST-TITLE-MANAGER-ACTIVE*/
.list-item.active .list-title-manager{pointer-events:none;background-color:transparent;padding:15px 0;}
.list-item.active .list-title-manager h3{color:#1b4486}
.list-item.active .list-title-manager::after{opacity:0}

/*BOX-DIRECT-CHILD(1,2,3,4,5)*/
.box-direct:nth-child(1)::after{background-color:#1b4486}
.box-direct:nth-child(1) .des-manager h3, .box-direct:nth-child(1) .view-info-leader, .box-direct:nth-child(2) .des-manager h3, .box-direct:nth-child(2) .view-info-leader, .box-direct:nth-child(3) .des-manager h3, .box-direct:nth-child(3) .view-info-leader{color:#fff}
.box-direct:nth-child(2)::after, .box-direct:nth-child(3)::after{background-color:#3864af}

/*MANAGER-DETAILS*/
.details-content.details-content-manager::after{display:none}
.details-content-manager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.details-manager.details-center{padding:25px;background:none;max-width:750px;border-radius:10px;overflow:hidden;box-shadow:0 20px 30px 0 rgba(0,0,0,0.2)}
.details-manager::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;pointer-events:none;border-radius:10px;border:5px solid #f3f5f9;z-index:-1}
.information-manager{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:auto;overflow:hidden;}
.details-manager .close-popup{border-radius:0;top:0;right:0;width:48px;height:48px;position:absolute;}
.details-manager .close-popup::after{border-radius:0;}
.direct-pic-details{position:relative;display:block;width:250px;height:250px;border-radius:50%;overflow:hidden;}
.direct-pic-details .pic-img{height:100%;}
.direct-pic-details .pic-img img{height:100%;object-fit:cover}
.direct-pic-details::after{content:'';position:absolute;width:100%;height:100%;bottom:0;left:0;background:#f1f6ff;z-index:-1;border-radius:50%;}
.right-content-manager{position:relative;display:block;width:calc(100% - 280px);margin:20px 0 20px 25px;height:auto;text-align:left;}
.title-manger-details{position:relative;display:block;width:100%;}
.title-manger-details p{font-weight:700;text-transform:uppercase;}
.details-manager .title-manger-details h3{position:relative;display:block;font-size:22px;font-weight:500;margin:0 0 5px;color:#1b4486;}
.details-manager .title-manger-details h3 strong{font-size:110%;text-transform:uppercase;}
.title-manger-details::after{content:'';position:relative;display:block;width:60px;height:1px;margin:15px 0;background-color:rgba(56, 100, 175, 0.5)}
.text-manager-details{position:relative;display:block;}
.details-content.details-content-manager .view-info-leader{display:none}


/*DETAILS-MANAGER-SHOW*/
.details-manager::after{opacity:0;transform:scaleX(0)}
.direct-pic-details, .title-manger-details, .text-manager-details{opacity:0}
.details-manager.show::after{animation:TransWidth 0.6s ease 0.3s forwards}
.details-manager.show .direct-pic-details{animation:flipInX 1s ease 0.7s forwards}
.details-manager.show .title-manger-details{animation:fadeInUp 1s ease 0.5s forwards}
.details-manager.show .text-manager-details{animation:fadeInUp 1s ease 0.7s forwards}

/*ABOUT-CHART*/
.chart-pic{position:relative;display:block;width:90%;max-width:1100px;margin:auto;padding-bottom:130px}
.chart-pic img{position:relative;display:block;width:auto;max-width:100%;height:100%;max-height:100vh;margin:auto;}

/*ZOOM*/
.zoom{width:45px;height:45px;position:absolute;right:20px;top:20px;border-radius:50%;background-color:rgba(255,255,255,0.6);z-index:20;}
.zoom::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background:url(../images/zoom.svg) no-repeat center center/contain;border:1px solid #3864af;}



/*ABOUT-VISION*/
.about-title{padding:0;background-color:#fff}
.about-vision{background:#fff;}
.wrap-about-vision{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2vw 0 3vw 3vw}
.pic-vision{position:relative;display:block;width:350px;height:350px;border-radius:50%;overflow:hidden;}
.pic-vision .pic-img{width:100%;border-radius:50%;}
.pic-vision .pic-img img{height:100%;object-fit:cover}
.text-vision{position:relative;display:block;width:calc(100% - 350px);height:auto;padding:0 0 0 30px;}
.text-vision .title-small{text-align:left;}
.text-ins-vision{position:relative;display:block;width:100%;height:auto;margin:30px 0 0}
.text-ins-vision p{color:#1b4486;padding:0 0 0 50px;font-size:150%}
.text-ins-vision:before{content:'';position:absolute;width:30px;height:30px;top:-10px;left:0;}
.text-ins-vision:after{content:'';position:relative;display:block;margin:30px 0 0;height:1px;width:100px;background-color:rgba(56, 100, 175, 0.5)}

/*ABOUT-MISSION*/
.about-mission{padding:5vw 0;background-color:#fff}
.wrap-text-mission{position:relative;display:block;width:47%;margin:0 0 0 50%;z-index:4}
.text-mission{position:relative;display:block;width:100%;max-width:500px;}
.text-mission .title-small{text-align:left;margin:0 0 30px}
.box-text-mission{position:relative;display:block;width:100%;height:auto;}
.box-text-mission::after{content:'';position:relative;display:block;margin:20px 0;height:1px;width:100px;background-color:rgba(56, 100, 175, 0.8)}
.title-mission{position:relative;display:block;font-size:18px;color:#1b4486;font-family:'Oswald';font-weight:500;}

/*ABOUT-VALUE*/
.about-value{padding:4vw 0;background:linear-gradient(0deg, #cddaef, #dbe4f4)}
.list-value{position:relative;display:flex;flex-wrap:wrap;justify-content:center;margin:30px auto 0;}
.list-value::after{content:'';position:relative;display:block;margin:50px auto 20px;width:100px;height:1px;background-color:rgba(56, 100, 175, 0.8)}
.box-value{position:relative;display:block;width:calc(25% - 8px);margin:4px;padding:20px;background-color:#fff;color:#444;border-radius:10px;box-shadow:0 5px 10px 5px rgba(0,0,0,0.07)}
.box-value .title-mission{margin:0 0 7px}

/*ABOUT-SOCIAL*-----*NEWS-PAGE*/
.about-social{padding:0 0 120px}
.list-news-page{position:relative;display:block;width:100%;height:auto;transition:all 0.3s ease-in-out;overflow:hidden;}
.wrap-news-list{position:relative;display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 50px 0}
.news-item{position:relative;display:block;padding:6px;border-radius:8px;overflow:hidden;width:calc(33.33% - 14px);margin:7px;background-color:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.05)}
.news-item.hide{display:none;}
.news-item .pic-img{border-radius:10px;height:auto;padding-top:60%}
.news-item .pic-img img{position:absolute;top:0;left:0;width:100%;height:100%;}
.txt-news{position:relative;display:block;width:100%;padding:15px 8px;}
.txt-news h3{position:relative;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:44px;}
.txt-news .date-thumb{position:absolute;top:-33px;left:0;padding:5px;background-color:#fff}
.txt-news .view-more{pointer-events:none;}
.txt-news .view-more::before{right:-20px}
.txt-news p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}


/*VIEW-MORE-NEWS*/
.wrap-view-more{position:relative;display:block;text-align:center;padding:20px 0}
.wrap-view-more.hide{transition:all 0.3s ease-in-out;opacity:0;height:0;padding:0}
.wrap-view-more .input-but button::after{content:" + ";display:inline-block;font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:16px;line-height:1;margin:0 -5px 1px 10px;position:relative;color:#fff;vertical-align:middle}
.wrap-view-more .input-but button{background-color:#1b4486;}


/*VIEW-MORE-TEXT*/
.view-more-text{position:relative;display:block;text-align:left;padding:20px 0 0 0}
.view-more-service{position:relative;display:block;text-align:left;padding:20px 0}
.view-more-text.hide , .view-more-service.hide{transition:all 0.3s ease-in-out;opacity:0;height:0;padding:0}
.view-more-text .input-but button::after, .view-more-service .input-but button::after{content:" + ";display:inline-block;font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:16px;line-height:1;margin:0 -5px 1px 10px;position:relative;color:#fff;vertical-align:middle}
.view-more-text .input-but button, .view-more-service .input-but button{background-color:#1b4486;}
.view-more-text .input-but button.active::after, .view-more-service .input-but button.active::after{content:" ─ "}
.load-text .view-more-service{padding:20px 0 0 0}

/*ABOUT-SOCIAL-DETAILS*/
.social-details-section{padding:0 0 10vh;background:linear-gradient(0deg, #cfdbef 0%, #fff 100%)}
.slide-news-relative{position:relative;display:block;width:90%;margin:30px auto;max-width:1180px;text-align:center}
.slide-news-relative .box-news{width:100%;display:block;margin:auto;box-shadow:none;max-width:inherit;}
.slide-news-relative .slide-buttons{width:calc(100% + 200px);max-width:unset;margin:-50px 0 0 -100px;}
.box-news.current{pointer-events:none;background-color:#ec2028}
.box-news.current .date-thumb, .box-news.current .txt-news-home h3, .box-news.current .view-more{color:#fff}
.box-news.current .view-more span{background-color:#ec2028}

/*NEWS DETAILS*/
.text-content{position:relative;display:block;width:90%;max-width:1200px;height:auto;margin:auto;}
.load-content{position:relative;display:block;width:100%;max-width:1200px;height:auto;margin:auto;z-index:4}
.load-data{position:relative;display:block;width:100%;height:auto;min-height:70vh;}
.load-data.show{min-height:inherit}
.load-details{position:relative;display:block;width:100%;height:auto;margin:0;padding:0}
.load-details::after{content:'';position:relative;display:block;width:100%;height:1px;border-top:1px dashed rgba(56, 100, 175, 0.5);margin:10px auto 40px}
.wrap-top-title{position:relative;display:block;width:100%;height:auto;text-align:center;margin:0 0 22px}
.load-title{position:relative;display:inline-block;width:calc(100% - 70px);height:auto;text-align:left;margin:0;vertical-align:middle;}
.load-title h3{position:relative;display:block;font-family:'Oswald';font-weight:500;font-size:24px;color:#1b4486;line-height:1.4;padding:5px 5px 5px 20px;font-weight:normal}
.load-details img{width:auto !important;height:auto !important;max-width:100%;margin:10px auto;display:block}
.load-details table{width:auto;height:auto;display:table;border-spacing:0;margin:30px auto;table-layout:fixed}
.load-details table td, .load-details table th{padding:5px 10px;border-right:1.1px solid rgba(27, 68, 134, 0.2);border-bottom:1.1px solid rgba(27, 68, 134, 0.2);border-top:1.1px solid rgba(27, 68, 134, 0.2)}
.load-details table tbody, .load-details table tr{min-width:360px;}
.load-details table td, .load-details table th{background-color:#fff;text-align:left;font-size:15px;font-weight:400;color:#333;line-height:1.6;padding:10px 15px;}
.load-details table thead td{background-color:#1b4486;color:#fff}
.load-details table p{margin:0;padding:0}
.load-details table tr td:first-child{border-left:1px solid rgba(27, 68, 134, 0.2);}
.load-details table thead td:first-child{border-radius:10px 0 0 0}
.load-details table thead td:last-child{border-radius:0 10px 0 0}
.load-details table tbody tr:last-child td:first-child{border-radius:0 0 0 10px}
.load-details table tbody tr:last-child td:last-child{border-radius:0 0 10px 0}
.load-details.arrow-li table ul:not(.app-ul) li{margin:0}

.load-details iframe{height:calc(1125/2000 * 700px);width:700px !important;max-width:100%;display:block;position:relative;margin:auto}
.load-text{background-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:30px 50px 50px 50px;position:relative;display:block;margin:auto}
.load-text ul{list-style-type:circle;padding:0 0 0 20px;margin:0 0 20px 0}
.load-text img{width:auto !important;height:auto !important;max-width:100%;margin:10px auto;display:block}
.load-text li{position:relative;width:auto;height:auto;}
.load-text > h2, .load-text > h3{color:#1b4486;margin:25px 0 15px;font-size:24px}
.load-text a{color:#1b4486;font-size: inherit;}
.load-text p{margin:0 0 15px 0;line-height:1.6;}
.load-text.arrow-li li, .load-text.arrow-li li p{color:#444 !important}
.wrap-load-text{position:relative;display:block;overflow:hidden;transition:all 0.3s ease-in-out;width:100%;height:auto;}


/*FIXED-TEXT*/
.fixed-text h2, .fixed-text h3, .fixed-text h4{color:#444;margin:25px 0 15px;font-size:24px}
.fixed-text a{color:#1b4486;}
.fixed-text p{margin:0 0 15px 0;line-height:1.6;}
.fixed-text table{width:auto;height:auto;display:table;border-spacing:0;margin:30px auto;table-layout:fixed}
.fixed-text table td, .fixed-text table th{padding:5px 10px;border-right:1px solid rgba(27, 68, 134, 0.2);border-bottom:1px solid rgba(27, 68, 134, 0.2);}
.fixed-text table tbody, .fixed-text table tr{min-width:360px;}
.fixed-text table td, .fixed-text table th{background-color:#fff;text-align:left;font-size:15px;font-weight:400;color:#333;line-height:1.6;padding:10px 15px;}
.fixed-text iframe{height:calc(1125/2000 * 700px);width:700px !important;max-width:100%;display:block;position:relative;margin:auto}
.fixed-text table thead td{background-color:#1b4486;color:#fff}
.fixed-text table p{margin:0;padding:0}
.fixed-text table tr td:first-child{border-left:1px solid rgba(27, 68, 134, 0.2);}
.fixed-text table thead td:first-child{border-radius:10px 0 0 0}
.fixed-text table thead td:last-child{border-radius:0 10px 0 0}
.fixed-text table tbody tr:last-child td:first-child{border-radius:0 0 0 10px}
.fixed-text table tbody tr:last-child td:last-child{border-radius:0 0 10px 0}
.fixed-text.arrow-li table ul:not(.app-ul) li{margin:0}

/*BACK-LIST-NEWS*/
.back-list-news{padding:40px 0;text-align:center;}




/*PRINT SHARE*/
.print{position:relative;display:block;width:100%;height:auto;padding:20px 5%;text-align:center;}
.print-box{position:relative;display:inline-block;width:auto;height:auto;margin:0}
.print-box a{color:#1b4486}
.save-but, .print-but, .share-but{padding:0 20px 0 10px;display:inline-block;vertical-align:middle;width:auto;height:50px;line-height:50px;font-size:12px;text-transform:uppercase;color:#1b4486;border-radius:30px;background:none;z-index:1}
.save-but::before{content:'';position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;}
.print-but::before{content:'';position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;}
.share-but::before{content:'';position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;}
.share-item{position:absolute;right:-100%;bottom:5px;width:100%;height:40px;}
.share-item ul{position:relative;display:block;width:auto;height:auto;text-align:left;padding:0 0 0 10px}
.share-item li{display:inline-block;position:relative;width:40px;height:40px;margin:0 5px;border-radius:50%;border:1px solid rgba(56, 100, 175, 1);color:#1b4486;transform:scale3d(0, 1, 1);transform-origin:left top;left:-40px;opacity:0;transition:all 0.3s ease-in-out}
.share-item a{display:block;width:40px;height:40px;font-size:0;color:currentColor;text-indent:-9999px;}
.share-item a svg{width:70%;height:70%;position:absolute;left:15%;top:15%;}
.share-but.active + .share-item li{transform:scale3d(1, 1, 1);left:0;opacity:1}
.share-but.active + .share-item li:nth-child(2){transition-delay:0.2s;}
.share-but.active + .share-item li:nth-child(3){transition-delay:0.4s;}

/*ABOUT-AWARD*/
.text-intro-about{position:relative;display:block;width:100%;height:auto;max-width:700px;margin:auto;text-align:center;color:#1b4486}
.list-detail.list-award{background:inherit;width:90%;max-width:1180px;margin:auto;}
.list-detail.list-award.active{margin-bottom:10px;}
.wrap-award-box{position:relative;display:block;width:100%;height:auto;}
.list-detail.list-award .list-text{padding:30px 30px 30px 0;color:#1b4486;max-width:calc(100% - 180px);}
.list-detail.list-award .pic-img{margin:20px 0;height:calc(260/300 * 180px);width:180px;}
.list-detail.list-award .pic-img img{height:100%;object-fit:cover}
.award-box{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:0 40px;margin:2px 0;background-color:#fff;border-radius:10px}
.award-box .title-mission{margin:0 0 10px}

/*TABLE*/
table{display:table;border-spacing:1px;border-collapse:separate;}
tbody{display:table-row-group;vertical-align:middle;}
table{width:100%;margin:0 auto;border-spacing:1px;border-spacing:1px;table-layout:fixed;font-size:16px;line-height:1.4;}
.bank-link table th{padding:10px 15px;background-color:#1b4486;text-transform:uppercase;color:#fff;vertical-align:middle;text-align:center;}
.bank-link table > thead > tr > th:nth-child(1){border-radius:10px 0 0 0}
.bank-link table > thead > tr > th:last-child{border-radius:0 10px 0 0;}
.bank-link table > thead > tr > th:nth-child(2){text-align:left;width:330px}
.bank-link table > thead > tr > th:nth-child(3){text-align:left;width:160px}
.bank-link table td{background-color:#fff;color:#1b4486;vertical-align:middle;text-align:center;padding:12px 15px}
.bank-link table tr.last-child td:nth-child(1){border-radius:0 0 0 10px;}
.bank-link table tr.last-child td:last-child{border-radius:0 0 10px 0;}
.bank-link table td:first-child span{font-weight:700;}
.bank-link table td span{position:relative;display:block;color:#444;}
.bank-link table td a{display:block;color:#444;text-transform:uppercase;padding:30px 20px;transition:all 0.3s ease-in-out;pointer-events:none;font-weight:700;}
.career{background-color:#fff;padding:30px 0 0 0}
.career-box{position:relative;display:block;width:100%;height:auto}
.file-up{cursor:pointer}
.bank-link .table-bank th:nth-child(1){width:130px;padding:0}

/*ADD CLASS*/
.bank-link .table-bank tbody tr.show{display:table-row;opacity:1}
.bank-link .table-bank tbody tr.hide{display:none;opacity:0}
.more-bank.return{ background-color:#aaa !important}

/*BANK-LINK*/
.bank-link.background-color{padding:0 0 130px 0;background:linear-gradient(0deg, rgba(150, 170, 202,1)0%, #f1f4fb 100%)}
.wrap-table-bank{position:relative;display:block;width:90%;max-width:1180px;margin:auto;overflow:hidden;transition:height 0.6s ease-in-out;}
.cosn-height-table{position:relative;display:block;width:100%;height:auto;}
.bank-link table td:nth-child(2), .bank-link table td:nth-child(3){text-align:left;}
.bank-link .input-but button{padding:12px 20px}
.wrap-view-more .input-but button.active::after{content:" ─ "}
.empty-desktop, .empty-mobile{ display:none;visibility:hidden}

/*SELECT LIST*/
.select-list{position:relative;display:block;width:250px;height:48px;margin:0 auto 25px;z-index:10;}
.select-header{position:relative;display:block;width:100%;height:auto;background-color:#fff;border:1px solid rgba(100, 100, 100, 0.2);border-radius:8px;cursor:pointer;}
.select-header::after{content:'';position:absolute;right:3px;top:3px;display:block;width:40px;height:40px;transition:all 0.3s ease-in-out;border-radius:8px;border:1px solid rgba(100, 100, 100, 0.2);z-index:2;}
.select-header h3{display:block;padding:0 40px 0 20px;font-size:16px;color:#666;line-height:46px;text-transform:uppercase;text-align:left;text-transform:uppercase;font-weight:700;}
.select-box{position:absolute;top:0;left:0;display:none;width:100%;height:auto;top:44px;z-index:100}
.select-box ul{position:relative;display:block;width:100%;height:auto;text-align:center;font-size:0;overflow-x:hidden;overflow-y:auto;border-top:0;border-radius:10px;padding:3px 0 0;}
.select-box li{position:relative;display:block;width:100%;height:auto;border-bottom:1px solid #eee;background-color:#1b4486;cursor:pointer; border-radius:8px;}
.select-box li:last-child{margin:0}
.select-box li button{display:block;width:100%;height:auto;padding:10px 20px;border:0;border-radius:8px}
.select-box li h3{display:block;font-size:14px;line-height:20px;font-weight:500;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;font-weight:700;}
.select-box li.selected:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.select-box li.selected{display:none;pointer-events:none;}

/*INVESTOR-PAGE*/
.investor-section{padding:0 0 12vh;background:linear-gradient(0deg, #cdd9ef 0%, #fff 100%)}
.relation-box{position:relative;display:block;width:100%;height:auto;max-width:1100px;margin:0 auto;font-size:0;min-height:160px;text-align:center;}
.wrap-list-box{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:auto;}
.list-box{position:relative;display:inline-block;width:calc(50% - 14px);margin:7px;max-width:420px}
.wrap-list-box.hide{display:none}
.list-box a{position:relative;display:block;width:100%;height:auto}
.list-outer{display:block;width:100%;height:auto;position:relative;transition:all 0.3s ease-in-out;background-color:rgba(255,255,255,1);border-radius:10px;border:1px solid rgba(100, 100, 100, 0.2)}
.r-text{position:relative;display:block;width:auto;height:100%;line-height:100px;text-align:left;padding:0 100px 0 17px;vertical-align:middle;}
.r-link{position:absolute;right:0;top:0;width:auto;height:100%;line-height:100px;padding:0 15px;}
.wrap-rlink{position:relative;display:inline-block;margin:0 -5px;vertical-align:middle;text-align:center;}
.r-date{display:inline-block;width:auto;height:auto;margin:0;padding:14px;background-color:#1b4486;font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:12px;color:#fff;vertical-align:middle;line-height:1;transition:all 0.3s ease-in-out}
.r-text p{display:inline-block;vertical-align:middle;line-height:1.4;color:#1b4486;max-height:66px;overflow:hidden;width:calc(100% - 5px);transition:all 0.3s ease-in-out}
.r-pdf{display:inline-block;width:50px;height:50px;vertical-align:middle;margin:0 0 3px}
.wrap-rlink p{font-size:13px;}

/*LIST-OUTER-HAS-NUM*/
.list-outer.has-num .r-text{padding:0 80px 0 73px}
.r-left{position:absolute;width:60px;top:0;left:0;display:flex;justify-content:center;align-items:center;height:100%}
.r-left::after{content:'';position:absolute;width:1px;height:70%;top:15%;right:0;background-color:rgba(27, 68, 134, 0.2)}
.r-num{position:relative;display:block;font-size:32px;color:rgba(27, 68, 134, 0.5);font-weight:100}


/*INVESTOR-FINANCIAL*/
.group-pdf{position:relative;display:block;width:100%;height:auto;margin:20px auto 40px}
.group-pdf > h3{position:relative;display:block;margin:0 auto 10px;font-size:16px;text-transform:uppercase;color:#777;font-weight:700;}
.group-pdf.hide{display:none}
.relation-list{transition:all 0.3s ease-in-out;overflow:hidden;}

/*INVESTOR-GUIDE*/
.investor-guide-section.relation-box{width:90%;max-width:1180px;text-align:left;}
.investor-guide-section .list-box{width:calc(33% - 14px);margin:7px;}

/*CUSTOMERCARE-INTRO*/
.customer-intro.background-color{background:linear-gradient(0deg, #edf1f9 0%, #fff 100%);padding:0 0 5vw}
.customer-intro .wrap-page{max-width:1180px;}
.box-customer-two{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.box-customer{position:relative;display:flex;justify-content:center;width:calc(50% - 30px);margin:15px;}
.pic-cus{position:relative;display:block;width:100px;height:100px;border-radius:50%;border:7px solid #d9e1ee;box-shadow:0 5px 10px 5px rgba(0,0,0,0.04);display:flex;justify-content:center;align-items:center;z-index:5}
.pic-cus::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;pointer-events:none;background-color:#fff;z-index:-1;}
.pic-cus .pic-img{position:relative;display:block;width:75%;z-index:2}
.text-cus{position:relative;display:flex;align-items:center;width:calc(100% - 90px);padding:0 0 0 20px;}
.wrap-text-cus{position:relative;display:inline-block;}
.wrap-text-cus p{color:#1b4486}

/*CUSTOMERCARE-CONTACT*/ 
.customer-contact{position:relative;display:flex;justify-content:center;margin:40px auto 20px}
.left-half{position:relative;display:block;width:calc(50% - 10px);margin:0 10px 0 0;padding:0;border-radius:10px;overflow:hidden;box-shadow:0 5px 10px 5px rgba(0,0,0,0.04);}
.right-half{position:relative;display:block;width:calc(50% - 10px);margin:0 0 0 10px;padding:0;border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:0 5px 10px 5px rgba(0,0,0,0.04);}
.left-half .pic-img{height:100%;border-radius:10px;}
.left-half .pic-img img{height:100%;object-fit:cover}
.text-cus-contact{position:relative;display:block;padding:40px 40px 40px 70px;}
.text-cus-contact .title-main h2{padding:0 0 30px;text-align:left;}
.list-customer-contact{position:relative;display:block;width:100%;height:auto;}
.list-customer-contact li{position:relative;display:block;width:100%;height:auto;margin:0 0 16px;}
.list-customer-contact li:last-child{margin:0}
.list-customer-contact li p{font-size:15px;color:#1b4486}
.list-customer-contact li a{font-size:16px;font-weight:700;color:#1b4486;margin:0 2px}
.list-customer-contact .phone{padding:0 0 0 30px}
.list-customer-contact .email{padding:0 0 0 30px}
.list-customer-contact .phone::after{content:'';position:absolute;width:22px;height:22px;top:calc(50% - 11px);left:0;}
.list-customer-contact .email::after{content:'';position:absolute;width:22px;height:22px;top:calc(50% - 11px);left:0;}

/*CUSTOMERCARE-EXPECT*/
.customer-expect{padding:5vw 0 8vw;overflow:hidden;}
.customer-expect .bg-cover{z-index:1}
.circle-background{position:absolute;width:100vw;height:100vw;top:calc(50% - 50vw);right:37vw;background:radial-gradient(circle, #005ea7 0%, #002d61 60%);border-radius:50%;z-index:2}
.expect-content{z-index:10}
.expect-content .title-main h2{text-align:left;color:#fff;padding:0 0 30px}
.list-expect{position:relative;display:flex;justify-content:flex-start;}
.box-expect{position:relative;display:block;margin:0 20px}
.box-expect:first-child{margin:0 20px 0 0;}
.box-expect .pic-img{width:5vw;height:5vw;margin:auto;}
.box-expect h3{position:relative;display:block;margin:10px auto;text-align:center;font-size:15px;font-weight:700;color:#fff}

/*CUSTOMERCARE-REGIS*/
.customer-regist{padding:30px 0 7vw}
.icon-quick-regist{position:relative;display:block;margin:auto;width:110px;height:110px;}
.list-regist{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.list-regist .button-style{margin:7px;}
.button-style{font-weight:700;font-size:15px;line-height:1;padding:15px 20px 15px 35px;text-align:center;color:#fff;width:auto;height:auto;position:relative;display:inline-block;margin:0;background-color:#1b4486;vertical-align:middle;border-radius:10px;}
.button-style::before{content:'';width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;left:3px;top:3px;border:1px solid rgba(255,255,255,0.5);border-radius:8px;}
.button-style::after{content:'';position:absolute;width:12px;height:12px;top:calc(50% - 5px);left:13px;}
.red-button-style{background-color:#ec2028}
.blue-button-style{background-color:#3864af}
.button-style.download-button-style{padding:5px 10px 5px 35px;background-color:#3864af}
.word-icon{position:relative;display:inline-block;vertical-align:middle;width:35px;height:35px;background:url(../images/word.svg) no-repeat center center/contain;}


/*BUTTON-HAS-BORDER-STYLE*/
.has-border-style::before{display:none}
.border-style{position:absolute;width:100%;height:100%;pointer-events:none;border:4px solid #cad6ea;border-radius:inherit;top:0;left:0}


/*CUSTOMERCARE-FAQ*/
.customer-faq-section{padding:0 0 5vh;}
.customer-faq-section .wrap-page{width:90%; max-width:1100px}
.outer-nav-ex{position:relative;display:block;width:100%;height:auto;padding:5px 0 0;text-align:center;overflow:hidden;z-index:4}
.sub-nav-ex{position:relative;display:block;width:100%;height:auto;margin:0;overflow:hidden;z-index:10}
.sub-nav-ex ul{position:relative;display:block;width:100%;height:auto;white-space:nowrap;z-index:2}
.sub-nav-ex li{position:relative;display:inline-block;width:auto;height:auto;margin:0;vertical-align:top;background-color:#d4def1}
.sub-nav-ex li a{font-family:'Oswald';font-weight:500;display:block;padding:10px 15px;text-transform:uppercase;vertical-align:top;margin:0 1px;font-size:13px;color:#1b4486;}
.sub-nav-ex li.current a{background-color:#ec2028;color:#fff;pointer-events:none}
.sub-nav-ex li.active-color a{background-color:#ec2028;color:#fff}
.outer-nav-ex.hide{position:fixed;right:20px;top:160px;width:auto;text-align:left;box-shadow:0 20px 30px 5px rgba(0,0,0,0.1);}
.outer-nav-ex.hide li{width:100%;display:block;margin:0 0 1px 0}
.outer-nav-ex.hide li a{font-size:11px;}

.box-answer{position:relative;display:block;padding:20px 20px 10px 20px;color:#1b4486}
.title-answer{position:absolute;display:inline-block;width:auto;font-size:18px;font-weight:700;color:currentColor;text-transform:uppercase}
.wrap-text-answer{position:relative;display:block;width:100%;height:auto;padding:0 0 0 85px;color:currentColor}
.box-answer p{margin:0 0 10px 0}
.box-answer a{font-weight:700;color:currentColor}
.box-answer ul{list-style-type:circle;padding:0 0 0 20px}
.box-answer img{width:auto !important;height:auto !important;max-width:100%;margin:10px auto;display:block}
.box-answer li{position:relative;width:auto;height:auto;margin:0 0 10px 0}
.data-content-customer{display:none;opacity:0}
.list-content-customer .list-detail{background:#fff;max-width:1180px;width:90%;margin:-9px auto 0;border-radius:10px}
.list-content-customer .list-detail.active{margin:-9px auto 20px}
.list-content-customer .list-item .list-title{background-color:#3864af;padding:25px 0}
.list-content-customer .list-item.active .list-title{background-color:#1b4486}
.list-content-customer .list-title h3{color:#fff;font-size:18px;max-width:calc(100% - 70px);width:100%;}
.list-content-customer .list-title h3::before{content:'';position:absolute;left:70px;width:1px;height:calc(100% + 20px);top:-10px;background-color:rgba(255, 255, 255, 0.5)}
.list-content-customer .list-num{border:none;color:#fff}
.list-content-customer .list-title::after{content:'';position:absolute;width:24px;height:24px;top:calc(50% - 12px);right:16px}


/*LIST GROUP*/
.list-item-group{position:relative;display:block;width:100%;height:auto;margin:0;text-align:center;}
.list-title-group{position:relative;display:inline-block;width:100%;height:auto;margin:5px 0;padding:20px 0;background-color:#d4def1;cursor:pointer;transition:background-color 0.3s ease-in-out, width 0.3s ease-in-out, height 0.2s ease-in-out;border-radius:10px;text-align:left;overflow:hidden;}
.list-title-group::after{content:'';position:absolute;width:24px;height:24px;top:calc(50% - 12px);right:16px}
.list-title-group h3{position:relative;padding:0 30px ;display:inline-block;vertical-align:middle;color:#1b4486;transition:color 0.3s ease-in-out;max-width:calc(100% - 60px);}
.list-detail-group{position:relative;display:block;width:100%;height:0;overflow:hidden;text-align:left;}
.content-list-detail{position:relative;display:block;width:100%; height:auto;margin:0 0 5px 0}

.list-item-group.open-group .list-arrow::after{filter:grayscale(1) brightness(600%);background-position:right center}
.list-item-group.open-group .list-arrow{color:#fff;}
.list-item-group.open-group .list-title-group{background-color:#7091c8}
.list-item-group.open-group .list-title-group h3{color:#fff}
.list-detail-group .list-item .list-title{ margin:0 0 5px 0} 
.list-detail-group .list-item:last-child .list-title{margin:0}


.list-content-customer .list-item-group .list-detail, .list-item-group .list-title{max-width:inherit; width:100%}
.list-content-customer .list-item-group .list-title{padding:15px 0}
.list-content-customer .list-detail-group  .list-detail{margin:-5px 0 5px 0}


/*CONTACT-PAGE*/
.contact-intro-section{padding:50px 0 60px;background:#fff;}
.company-contact{position:relative;width:90%;max-width:700px;margin:auto;background:linear-gradient(0deg, #cedaef, #fff);border:1px solid #9cb0d4;border-radius:10px;padding:30px 35px;}
.company-title{position:relative;display:block;margin:0;}
.company-title::after{content:'';position:relative;display:block;width:70px;height:1px;margin:20px 0;background-color:rgba(56, 100, 175, 0.5)}
.company-title h2{position:relative;display:block;font-size:20px;font-weight:500;color:#1b4486;}
.company-title h2 strong{font-weight:700;text-transform:uppercase;}
.company-info{position:relative;display:block;margin:0 0 30px;}
.company-info li{position:relative;display:block;width:100%;height:auto;text-align:left;margin:0 0 10px}
.company-info li a, .company-info li p{font-size:16px;color:#1b4486}
.send-email{position:relative;display:flex;align-items:center;justify-content:flex-start;}
.info-email{position:relative;display:block;font-size:15px;font-weight:700;padding:0 0 0 40px;color:#1b4486;white-space:nowrap;}
.info-email::before{content:'';position:absolute;width:36px;height:36px;top:calc(50% - 18px);left:0;}
.info-email a{border-radius:10px;overflow:hidden;background-color:#1b4486;margin:0 0 0 10px;padding:10px 15px;color:#fff}


/*CONTACT-FORM*/
.contact-form{padding:80px 0;}
.wrap-contact-form{position:relative;display:block;width:700px;max-width:90%;margin:0 0 0 33%;z-index:10}
.wrap-contact-form .title-small{text-align:left;}
.wrap-contact-form .title-small h2{margin:0}
.list-form-contact{position:relative;display:block;color:#1b4486}
.list-form-contact form{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.apointment-form{width:100%;height:auto;position:relative;display:flex}
.left-form-contact{position:relative;display:block;width:calc(50% - 5px);margin:0 5px 0 0}
.right-form-contact{position:relative;display:block;width:calc(50% - 5px);margin:0 0 0 5px;}
.wrap-contact-form .input-text{background-color:rgba(255, 255, 255, 0.9);border-radius:10px;margin:0 0 10px;}
.wrap-contact-form .input-area{background-color:rgba(255, 255, 255, 0.9);border-radius:10px;margin:0 0 10px;}
.wrap-contact-form .input-area textarea{padding:12px 20px}
.wrap-contact-form .input-text, .wrap-contact-form .input-text input[type="text"], .wrap-contact-form .input-area , .wrap-contact-form .input-area textarea, .wrap-contact-form.text-holder{color:#1b4486;border-radius:10px}
.wrap-contact-form .text-holder{color:inherit;}
.wrap-contact-form .input-select select{background:none}


/*POPUP-CONTACT-FORM*/
.popup-apointment-details.details-center{padding:30px 50px;width:auto;margin:auto;border-radius:20px}
.popup-apointment-details.details-center::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.1);pointer-events:none;box-shadow:0 10px 20px rgba(0,0,0,0.1);border:5px solid #d4dff0;border-radius:10px;z-index:-1;}
.popup-contact-form.wrap-contact-form{margin:auto;max-width:inherit}
.popup-contact-form.wrap-contact-form .input-text, .popup-contact-form.wrap-contact-form .input-date, .popup-contact-form.wrap-contact-form .input-select::after, .popup-contact-form.wrap-contact-form .input-area{background-color:rgba(27, 68, 134, 0.1)}
.logo-popup{position:absolute;width:160px;height:calc(54/200 * 160px);background:url(../images/logo.svg) no-repeat center center/contain;bottom:18px;left:20px;}
.title-form-appointment{position:relative;display:block;margin:0;}
.title-form-appointment.title-small h3{margin:10px 0 15px 0}


/*SELECT*/
.input-select{position:relative;display:inline-block;width:auto;margin:0 1px;width:100%;max-width:400px;margin:0 0 10px}
.input-select select{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:48px;line-height:1.6;padding:0 45px 0 20px;color:#1b4486;font-size:16px;overflow:hidden;outline:none;cursor:pointer;border-radius:30px;border:none;}
.input-select::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(255, 255, 255, 0.9);border-radius:10px;z-index:-1}
.input-select select option{color:#1b4486;font-size:14px;font-weight:400;line-height:1.6;padding:15px 20px;background-color:#62676e;}
.input-select select [title]{font-size:16px;color:#000;font-weight:700}
.red-star{font-weight:700;color:#ec2028;font-size:120%;margin:3px}

/*CALENDAR*/
.ui-datepicker{width:auto;display:none;padding:0 10px;box-shadow:0 5px 10px 5px rgba(0,0,0,0.04);border-radius:10px;border-radius:10px;background:#3864af;z-index:4000 !important;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:0;width:100%;height:auto;}
.ui-datepicker .ui-datepicker-prev{left:0;position:absolute;display:block;cursor:pointer;font-size:0;float:left;}
.ui-datepicker .ui-datepicker-next{right:0;position:absolute;display:block;cursor:pointer;font-size:0;float:right;}
.ui-datepicker .ui-datepicker-prev span{width:40px;height:45px;position:absolute;display:block;cursor:pointer;font-size:0;margin:0;left:-6px;float:left;}
.ui-datepicker .ui-datepicker-next span{width:40px;height:45px;position:absolute;display:block;cursor:pointer;font-size:0;margin:0;right:-6px;float:right;}
.ui-datepicker-trigger{cursor:pointer;opacity:0;display:block;margin:0;position:absolute;right:0;top:0;width:100%;height:100%;color:currentColor;z-index:10;}
.ui-datepicker thead tr{background-color:#1b4486;border-radius:5px;height:30px}
.ui-datepicker .ui-datepicker-title{margin:0;padding:8px 0;line-height:30px;text-align:center;}
.ui-datepicker .ui-datepicker-title span{color:#fff;font-weight:700;}
.ui-datepicker .ui-datepicker-title select{margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year{width:100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:49%;}
.ui-datepicker table{width:100%;border-collapse:collapse;margin:0 0 6px; font-size:14px}
.ui-datepicker th{padding:8px;text-align:center;border:0;font-weight:700;font-size:15px;color:#fff;}
.ui-datepicker th span{font-size:14px;font-weight:700;color:#fff}
.ui-datepicker td{border:0;padding:1px;}
.ui-datepicker td span, .ui-datepicker td a{display:block;padding:3px;text-align:right;text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:11px 0 0 0;padding:0 3px;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:8px 3px 6px;cursor:pointer;padding:3px 9px 4px 9px;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background-color:rgba(255, 255, 255, 0.1);border:0;font-weight:700;font-size:14px;color:#fff;text-align:center;border-radius:0;z-index:1000;}
.ui-state-default a, .ui-state-default a:link,.ui-state-default a:visited{color:#ec2028;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{border:0;background-color:#ec2028;font-weight:700;font-size:14px;color:#fff;text-align:center;}
.ui-state-hover a{color:#fff;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:0;background-color:#ec2028;font-weight:700;font-size:14px;color:#fff;text-align:center;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#fff;background-color:#ec2028;}
.ui-datepicker-cover{position:absolute;z-index:-1;top:-4px;left:-4px;width:200px;height:200px;}
.previous-day{opacity:0.4;pointer-events:none;}


/*MODIFY*/
.ui-datepicker-current{display:none}
.ui-datepicker-buttonpane{text-align:center;padding:0 0 10px 0 !important}
.ui-datepicker-close{width:40px !important;height:40px !important;text-indent:-9999px;font-size:0;cursor:pointer;position:relative;border-radius:50% !important;display:block;box-shadow:3px 3px 0 rgba(0,0,0,0.02);border:1px solid rgba(255,255,255,0.5);background-color:#1b4486!important;display:inline-block;margin:5px !important;text-align:center;float:none !important;padding:0 !important;z-index:999999}
.wrap-input-date{position:relative;display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 10px;}
.input-two{position:relative;display:block;width:50%;margin:0;}
.input-two:nth-child(1){width:calc(50% - 10px);margin:0 10px 0 0;}
.input-date{background-color:#fff;border-radius:10px;}
.input-date input[type="text"]{color:#1b4486;}
.presentation{border-color:#aaa transparent transparent transparent;top:calc(50% - 5px);right:10px;border-style:solid;border-width:7px 6px 0px 6px;height:0;position:absolute;width:0;transition:all 0.1s ease-in-out;}


/*SUBMIT-CONTACT-FORM*/
.wrap-but-submit-contact{position:relative;display:block;text-align:right;margin:10px 0 0;width:100%;}
.wrap-but-submit-contact .captcha{margin:0;position:absolute;top:-91px;right:325px;}
.wrap-but-submit-contact .input-but button{padding:13px 22px;font-size:16px;}

/*CAPTCHA*/
.captcha{width:304px;height:auto;display:inline-block;vertical-align:middle;position:relative;text-align:center;margin:2px -28px 0 -30px;transform:scale(0.8)}
.captcha::after{content:'';position:absolute;pointer-events:none;width:calc(100% + 2px);height:calc(100% - 5px);top:-2px;left:-2px;border:3px solid #f9f9f9;background:unset;border-radius:9px;z-index:3}
.g-recaptcha{width:100%;height:auto;display:inline-block;position:relative;margin:0;text-align:center}
.g-recaptcha > div{width:100% !important;height:auto !important;position:relative;display:inline-block}

/*CONTACT-DOWNLOAD*/
.contact-download{padding:40px 0 100px;background-color:#d3def1}
.wrap-contact-download{position:relative;display:block;margin:auto;width:90%;max-width:1100px;text-align:center;}
.wrap-contact-download .app{color:#1b4486}
.right-contact-download{position:relative;display:inline-block;margin:0 0 0 50px;}
.bottom-find{position:relative;display:inline-block;background-color:#fff;box-shadow:0 10px 20px 5px rgba(0,0,0,0.05);padding:35px 25px 35px 15px;border-radius:8px;}
.items-find{position:relative;display:inline-block;vertical-align:middle;font-size:14px;}
.items-find span{position:relative;display:inline-block;}
.items-parent{padding:2px 10px 0 0}
.items-parent span{font-size:18px;color:#3b69b3;}
.items-parent::before{content:'';width:50px;height:50px;position:relative;display:inline-block;vertical-align:middle;top:-3px;left:auto;}
.items-children a{position:relative;display:inline-block;vertical-align:middle;font-size:15px;font-weight:700;color:#1b4486;margin:0 7px;padding:7px 0 7px 20px;}
.items-children a::before{content:'';position:absolute;width:14px;height:14px;top:calc(50% - 7px);left:0;}


/*NETWORK-BRANCH*/
.network-section{padding:0 0 120px}
.network-input-select{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto 50px}
.network-input-select .but-getlocation{width:auto;display:inline-block;margin:0 5px}
.network-input-select .but-getlocation button{padding:14px 20px;}
.network-input-select .input-select{max-width:calc(50% - 10px);margin:0 4px;width:auto;width:220px}
.network-input-select .input-select .select2{border:1px solid rgba(100, 100, 100, 0.3);border-radius:8px;}
.network-input-select .input-select select option{color:#777}
.network-input-select .input-select .select2::after{content:'';position:absolute;right:3px;top:3px;left:auto;display:block;width:40px;height:40px;transition:all 0.3s ease-in-out;border-radius:8px;border:1px solid rgba(100, 100, 100, 0.3);pointer-events:none;z-index:2;}
.network-section .select2-container--flat .select2-selection--single .select2-selection__arrow{display:none;}
.network-section .select2-container--flat .select2-selection--single .select2-selection__rendered{color:#333}


/*MAP*/
.map-box{height:74vh;width:100%;position:relative;display:block;margin:0;border-radius:0;box-shadow:0 20px 30px rgba(0,0,0,0.07);background-color:#fff;transition:all 0.6s ease-in-out;transform-origin:center center;z-index:10}
.content-map-box{width:100%;height:100%;border-radius:0;overflow:hidden;position:relative;display:block;transform:translate3d(0,0,0);transition:border-radius 0.6s ease-in-out;}
.map-box.show{width:100vw;height:100vh;max-height:inherit;max-width:inherit;opacity:1;margin:0;border-radius:0;position:fixed;top:0;left:0;z-index:100000;}
.map-box.show .content-map-box{border-radius:0;}
.map-box.show .full-map{top:10px;right:10px;left:auto;}
.map-box.show .zoom-control{right:10px;}
.full-map{position:absolute;top:calc(50% - 20px);right:-20px;background-color:#1b4486;width:40px;height:40px;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.full-map::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;}
.headermap{z-index:-9999 !important;pointer-events:none;position:fixed;visibility:hidden !important;}

/*MAP*/
.googlemap{width:100%;height:80vh;max-height:700px;position:relative;display:block;padding:0;}
#map-canvas{width:100%;height:100%;position:relative;display:block;margin:0;}
.gm-style .gm-style-iw{width:auto !important;height:auto !important;max-height:inherit !important;max-width:inherit !important;background-color:transparent !important;top:auto !important;left:auto !important;text-align:center;padding:0 !important}
.gm-style .gm-style-iw > div{max-width:inherit !important;max-height:inherit !important;overflow:visible !important}
.gm-style .gm-style-iw > div > div{overflow:hidden !important;width:100%;height:auto}
.gm-style div div div div div div div{background-color:transparent !important;box-shadow:none !important;}
.gm-style .infobox{line-height:1.4;position:relative;display:inline-block;width:300px;height:auto;padding:15px;z-index:999 !important}
.gm-style .infobox-inner{position:relative;display:block;width:100%;height:auto;padding:10px;box-shadow:rgba(0,0,0,0.2) 0 5px 10px !important;display:inline-block;padding-bottom:20px;background-color:#1b4486 !important;z-index:999 !important}
.pic-map{width:100%;height:auto;position:relative;display:block;}
.pic-map img{width:100%;height:auto;position:relative;display:block;margin:0 0 10px 0;}
.infobox h3{font-size:15px;font-weight:700;text-transform:uppercase;color:#fff;position:relative;display:block;margin:0 0 10px 0;padding:0 5px}
.infobox p{font-size:14px;color:#fff;position:relative;display:block;margin:0;}
.infobox p a{color:#fff;cursor:pointer}
.close-box-map{position:absolute;right:0;top:0;width:30px;height:30px;cursor:pointer;z-index:99999 !important}
.close-box-map::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;background-color:#1b4486;}
.gm-style-iw-t::before, .gm-style .gm-style-iw-t::after{display:none}

/*MAP FULL SCREEN*/
.gm-fullscreen-control{top:0 !important;}
.gm-fullscreen-control::after{content:'';position:absolute;left:0;top:0;width:35px;height:35px;}
.gm-fullscreen-control img, .gm-control-active > img{display:none  !important}
.gm-style .gmnoprint div, .gm-control-active{background:none !important;box-shadow:none !important}
.gm-bundled-control{bottom:auto !important;top:38px !important}

/*MAP ZOOM CONTROL*/
.gm-style [title="Zoom in"]{width:35px !important;height:35px  !important;}
.gm-style [title="Zoom out"]{width:35px !important;height:35px  !important;margin:2px 0!important}

/*CLOSE INFOBOX ZOOM MAP*/
.gm-ui-hover-effect{position:absolute;right:0 !important;top:0 !important;opacity:1 !important;z-index:99999 !important}
.gm-ui-hover-effect::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;}
.gm-ui-hover-effect img{display:none  !important}
.gm-style .gm-style-iw + div img, .gm-style button img{display:none}

.zoom-control{position:absolute;top:45px;right:15px;width:auto;height:auto;display:block;z-index:100 }
.zoom-control a{color:#fff;position:relative;display:block;width:35px;height:35px;background-color:#1b4486;border-radius:5px;margin:5px 0}
.zoom-control svg{width:80%;height:50%;pointer-events:none;position:absolute;left:10%;top:25%;}

/*LIST-VIEW*/
.wrap-map-box{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:1300px;margin:auto;}
.wrap-map-box .map-box{width:calc(100% - 550px);}
.title-list-view{position:relative;display:block;width:100%;height:auto;margin:0;padding:12px 25px;background-color:#1b4486}
.title-list-view span{font-weight:700;font-size:16px;text-transform:uppercase;color:#fff;margin:0;}
.list-view{position:absolute;right:0;top:0;display:block;width:550px;height:100%;overflow:hidden}
.list-result{position:relative;display:block;width:100%;height:calc(100% - 50px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}

.list-result::-webkit-scrollbar{width:7px;}
.list-result::-webkit-scrollbar-thumb{background-color:#1b4486;}

.list-result ul{position:relative;display:block;width:100%;height:auto;}
.list-view li{display:flex;justify-content:space-between;align-items:center;padding:17px 10px 17px 25px;border-bottom:1px solid #ddd;background-color:#fff;cursor:pointer;color:#333;}
.list-view h3{margin-bottom:5px;font-size:18px;text-transform:uppercase;font-weight:700;color:#1b4486}
.list-view li a{display:inline-block;font-weight:700;}
.list-view li.active h3, .list-view li.active p, .list-view li.active a{color:#fff}
.list-view li.active{background-color:#1b4486;cursor:default}
.list-view li.hide{display:none}
.left-agen{position:relative;display:block;width:calc(100% - 100px);height:auto;}
.text-left-agen{position:relative;display:block;width:100%;height:auto;}
.wrap-map-atm .left-agen{width:calc(100% - 10px)}
.wrap-map-atm.wrap-map-box .map-box{width:calc(100% - 500px)}
.wrap-map-atm .list-view{width:500px;}
.right-agen{position:relative;display:flex;justify-content:center;align-items:center;}
.right-agen .email-agen, .right-agen .calendar-agen{position:relative;display:block;width:42px;height:42px;border-radius:50%;overflow:hidden;margin:0 4px}
.right-agen .email-agen{background:#d4def1 url(../images/footer-icon/email-dark-blue.svg) no-repeat 50%/70%}
.right-agen .calendar-agen{background:#d4def1 url(../images/footer-icon/calendar-dark-blue.svg) no-repeat 50%/70%}

/*PERSONAL*/
#personal-page .background-color, #business-page .background-color{background-image:none;background-color:#ebf2fb }
#personal-page .title-main.title-bg-white, .title-main.title-bg-white{background-color:#fff;z-index:3}

/*PERSONAL-ACCOUNT-PAGE*/
.wrap-all-personal-section{position:relative;display:block;width:100%;height:auto;}
.section-personal-account{position:relative;display:block;padding:40px 0;background-color:#ebf2fb}
.section-personal-account:nth-child(even){background-color:#fff}
.section-personal-account:nth-child(even) .wrap-personal-group{flex-direction:row-reverse;}
.section-personal-account:nth-child(even) .text-personal-account{padding:15px 40px 50px 0}
.wrap-personal-group{position:relative;width:90%;max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;}
.pic-personal-account{position:relative;display:block;width:50%;margin:0;padding:0;}
.pic-personal-account .pic-img{ height:100%;max-height:400px;}
.pic-personal-account .pic-img img{border-radius:10px;height:100%;object-fit:cover;}
.text-personal-account{position:relative;display:block;width:50%;margin:0;padding:15px 0 50px 40px;color:#444}
.title-personal{position:relative;display:block;width:auto;margin:0 0 15px;}
.title-personal h3{position:relative;display:block;font-size:30px;color:currentColor}
.view-details{position:relative;display:block;font-size:14px;font-weight:700;margin:20px 0;color:#3864af}
.view-details::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:60px;height:1px;background-color:#3864af;margin:0 0 0 10px}
.text-personal-account .button-style{background-color:#3864af}


/*SECTION-BOTTOM-FIND*/
.section-find-bottom .items-parent{padding:20px 20px 16px 4px;margin:0 5px 0 0;background-color:#e1ebfb;border-radius:10px;}
.section-find-bottom .bottom-find{padding:4px 25px 4px 4px;}
.section-personal-account.section-find-bottom{padding:50px 0 100px;text-align:center;}
.section-personal-account.section-find-bottom:nth-child(even) .bottom-find{box-shadow:0 5px 15px 10px rgba(0,0,0,0.06);}
.section-personal-account.section-find-bottom .wrap-page{margin:20px auto;}

/*PERSONAL-SAVING-LIST-INTRO*/
.saving-list-intro{background-color:#fff}
.content-saving-list-intro{background-color:#1b4486;position:relative;display:block;width:100%;height:auto;}
.pic-saving{width:50%;height:100%;position:absolute;left:0;top:0;overflow:hidden}
.pic-saving img{ display:block;width:100%;height:100%;object-fit:cover;object-position:left center;}
.text-saving-intro{position:relative;display:block;width:50%;margin:0 0 0 50%;max-width:900px;padding:5%;color:#fff;z-index:5}
.text-inside{position:relative;display:block;width:100%;height:auto;}
.text-inside h2{color:currentColor;margin:0 0 15px 0;display:block}
.text-inside h3{color:currentColor;display:block;margin:0 0 15px 0}
.text-inside p{margin:0 0 10px 0;}
.text-inside img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto;}
.text-inside ol,.text-inside ul{text-align:left;list-style:inherit;}
.text-inside ol li,.text-inside li,.text-inside p span,.text-inside span{margin:5px 0;}
.text-inside a{color:currentColor;}
.text-inside table{display:table;width:auto;max-width:100%;border-spacing:1px;border-spacing:1px;margin:20px auto;table-layout:fixed;}
.text-inside table th,.text-inside table td{padding:10px 15px;}

/*PERSONAL-DEMAND-DEPOSIT*/
.demand-deposit{background-color:#ebf2fb}
.demand-deposit .section-personal-account{background-color:#ebf2fb}
.demand-deposit .section-personal-account .wrap-personal-group{max-width:950px;flex-direction:row-reverse;}
.demand-deposit .section-personal-account .text-personal-account{padding:0 40px 40px 0}


/*TITLE-LINE*/
.title-line.title-main{white-space:nowrap;display:flex;width:100%;align-items:center;}
.title-line.title-main h2{display:inline-block;width:auto;padding:30px;z-index:5;}
.title-line.title-main::after{content:'';position:relative;display:inline-block;vertical-align:middle;margin:0;width:100%;height:1px;background-color:#3864af}
.title-line.title-main::before{content:'';position:relative;display:inline-block;vertical-align:middle;margin:0;width:100%;height:1px;background-color:#3864af}

/*PERSONAL-TIME-DEPOSIT*/
.personal-service{padding:0 0 30px}
.time-deposit{background-color:#fff;padding:0 0 80px}
.list-box-deposit{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:90%;max-width:1000px;margin:auto;}
.box-deposit{position:relative;display:block;width:calc(50% - 50px);margin:25px;padding:5px;background-color:#fff;box-shadow:0 10px 20px 5px rgba(0,0,0,0.1);border-radius:10px;}
.box-deposit .title-personal h3{font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;white-space:normal;overflow:hidden}
.wrap-box-deposit{position:relative;display:block;width:100%;height:auto;padding:0;margin:0;border-radius:8px;border:1px solid rgba(27, 68, 134, 0.4);}
.box-deposit .title-personal{padding:15px 20px;margin:0;color:#1b4486}
.text-deposit{position:relative;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:auto;padding:10px 20px;}
.text-deposit p{position:relative;display:block;max-width:calc(100% - 135px);overflow:hidden;height:70px;color:#1b4486;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:normal;}
.box-deposit .view-details{position:absolute;left:auto;right:0;top:calc(50% - 10px);pointer-events:none;font-size:13px;margin:0;}
.box-deposit .button-style{position:absolute;top:auto;right:10px;bottom:100px;background-color:rgba(56, 100, 175, 0.8)}
.box-deposit .button-style::before{width:100%;height:100%;left:0;top:0;border:5px solid rgba(0 ,0 ,0 ,0.1);border-radius:10px;}
.box-deposit .pic-img{padding-top:50%}
.box-deposit .pic-img img{position:absolute;width:100%;height:100%;top:0;left:0;}

/*PERSONAL-LOAN*/
.personal-loan .list-box-deposit{padding:30px 0 140px}
.business-loan-sec .list-box-deposit{padding:30px 0}

/*PROMOTE-GROUP*/
.promote-group{position:relative;display:block;width:100%;height:auto;margin:0;background-color:#d4def1}
.promote-box{position:relative;display:block;width:90%;max-width:1000px;margin:auto;padding:80px 60px;top:-80px;border-radius:10px;box-shadow:0 10px 20px 5px rgba(0,0,0,0.1);overflow:hidden;}
.wrap-promote-ins{position:relative;display:block;width:100%;height:auto;z-index:10}
.title-promote{position:relative;display:block;width:100%;height:auto;margin:0 0 20px}
.title-promote h2{font-size:38px;color:#fff;text-transform:uppercase;text-shadow:2px 2px 8px rgba(0,0,0,0.1);margin:0 0 5px}
.title-promote h3{font-size:22px;color:#1b4486;}
.title-page.title-page-center.title-page-promotion{bottom:2vw}


/*SUB-PROMOTION*/
.promocontrol{position:relative;display:block;margin:0 0 30px;}
.promocontrol .sub-control{position:relative;display:block;z-index:10}
.promocontrol .wrap-sub-control{white-space:nowrap;}
.promocontrol .control-but{background-color:rgba(255,255,255,0.5);padding:10px 15px 10px 10px;border-radius:10px;font-size:16px;text-transform:uppercase;box-shadow:0 20px 20px 5px rgba(0,0,0,0.07)}
.promocontrol .control-but.active{ background-color:#fff;color:#ec2028}
.promocontrol .control-but::before{ position:relative;left:auto;top:auto;display:inline-block;vertical-align:middle;margin:0 5px 0 0}
.promocontrol .text-holder{color:#666}


/*PERSONAL-DETAILS-PAGE*/
.title-page.title-page-center{top:auto;bottom:75px;left:0;width:100%;text-align:center;}
.title-page.title-page-center h1{position:relative;display:block;margin:0}

/*BREADCRUMBS*/
.breadcrumbs{position:absolute;width:100%;height:auto;text-align:center;display:block;left:0;bottom:20px;color:#fff;z-index:10;}
.breadcrumbs ul{ width:100%;height:auto;position:relative;display:block}
.breadcrumbs ul li{position:relative;display:inline-block;width:auto;height:auto;vertical-align:middle;margin:0}
.breadcrumbs ul li+li:before{content:' » ';position:relative;display:inline-block;vertical-align:middle;font-size:1.2vw;color:currentColor;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0 15px}
.breadcrumbs li a{position:relative;display:inline-block;color:currentColor;font-size:inherit; font-weight:700}
.breadcrumbs li.active{pointer-events:none;}
.breadcrumbs h2, .breadcrumbs h3{font-size:1.5vw;font-weight:700;text-transform:uppercase;display:inline-block;position:relative;vertical-align:middle}

/*PERSONAL-INSURANT*/
.personal-insurant{padding:20px 0 0}
.personal-insurant:nth-child(3){background:linear-gradient(0deg, #ebf2fb 0%, #fff 100%)!important}
.personal-insurant:nth-child(3) .news-item{box-shadow:0 10px 10px 5px rgba(0,0,0,0.05)}
.personal-insurant:nth-child(3) .list-news-page{overflow:visible}
.personal-insurant .txt-news h3{font-size:18px;-webkit-line-clamp:1;font-weight:700;color:#1b4486;height:auto;margin:0 0 7px}
.personal-insurant .txt-news p{color:#444;}


/*BANNER-GRADIENT-BG*/
.banner-gradient-bg::after{display:none}
.banner-gradient-bg .slide-mask::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;pointer-events:none;background:linear-gradient(0deg, rgba(27, 68, 134), rgba(27, 68, 134, 0));mix-blend-mode:multiply;z-index:1;}

/*PERSONAL-DETAILS-PAGE*/
.personal-details-intro{background-color:#fff;padding:40px 0;}
.content-pers-details-intro{position:relative;display:block;max-width:710px;width:90%;margin:auto;text-align:center}
.content-pers-details-intro > p{position:relative;display:block;margin:0 auto 20px;font-size:22px;color:#1b4486;}

/*PERSONAL-DETAILS-PAGE-MAIN*/
.wrap-list-facilities{position:relative;display:block;width:100%;height:auto;overflow:hidden;transition:all 0.3s ease-in-out;}
.list-main-facilities{position:relative;display:block;width:100%;height:auto;padding:15px 0 0;}
.list-main-facilities li{position:relative;display:block;margin:0 0 15px;padding:0 0 0 20px}
.list-main-facilities li.hide{display:none}
.list-main-facilities li::before{content:' » ';position:absolute;font-size:16px;color:#3864af;left:0;top:0px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.list-main-facilities p strong{margin:0 0 5px;position:relative;display:inline-block;font-size:18px;}
.list-main-facilities li a{color:#1b4486;font-weight:700;}
.personal-details-facilities.demand-deposit .section-personal-account .wrap-personal-group{max-width:1100px}
.personal-details-facilities .title-small{text-align:left}

/*PERSONAL-DETAILS-CHARACTER*/
.personal-details-characters{background-color:#fff}
.wrap-characters{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:90%;max-width:1100px;}
.wrap-characters p{color:#444}
.wrap-characters .title-small{text-align:left}
.left-characters{position:relative;display:block;width:50%;padding:50px 30px 50px 0}
.right-characters{position:relative;display:block;width:50%;border-left:1px solid #ebf2fb;padding:50px 0 50px 50px;}

/*PERSONAL-DETAILS-FAQ*/
.personal-details-faq .list-content::before{display:none;}
.personal-details-faq .wrap-page{margin:auto;}
.text-blue{position:relative;display:block;margin:-10px auto 20px;max-width:730px;color:#1b4486;font-size:18px;text-align:center;}
.right-tariff .button-style.download-button-style{margin:20px 0 0 0}
.right-tariff .pdf-icon{width:35px;height:35px;}


/*RELATIVE-PRODUCTS*/
.relative-products{background-color:#fff;padding:0 0 50px}
.list-relative-products{position:relative;display:flex;justify-content:center;flex-wrap:wrap;}
.box-rel-products{position:relative;display:block;width:calc(33.33% - 20px);background-color:#fff;margin:6px;border-radius:10px;box-shadow:0 10px 20px 5px rgba(0,0,0,0.1);}
.box-rel-products.active{display:none !important}
.box-rel-products .pic-img{border-radius:10px 10px 0 0;max-height:180px}
.text-rel-products{position:relative;display:block;padding:15px 20px;}
.text-rel-products h3{font-size:18px;color:#1b4486}


/*INSURANT-DETAILS-SECTION*/
.insurant-details-section{padding:0 0 50px;background:linear-gradient(0deg, #cfdbef 0%, #fff 100%)}
.insurant-details-section .load-details::after{display:none}

/*CARD-LIST*/
/*CARD-FAVOUR*/
.card-intro{background-color:#fff}
.card-intro .promote-group{margin:100px auto 0}
.card-intro .promote-box{padding:40px 40px 120px}

/*SECTION-SMALL-CARD*/
.section-small-card{background-color:#fff;padding:0 0 70px}
.list-card{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:auto;}
.box-card{position:relative;display:block;width:calc(33.33% - 20px);margin:6px;padding:4px;background-color:#3864af;border-radius:15px;overflow:hidden;}
.text-card{position:relative;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:auto;padding:10px 15px;}
.text-card h3{position:relative;display:block;width:100%;font-size:22px;height:auto;color:#fff;white-space:normal;font-weight:700;margin:5px 0}
.box-card .view-details{pointer-events:none;margin:5px 0 0 0;color:#fff;}
.box-card .view-details::after{background-color:rgba(255, 255, 255, 0.8)}

/*SECTION-BIG-CARD*/
.section-big-card{background-color:#ebf2fb;padding:0 0 70px}
.section-big-card .box-card{width:calc(50% - 60px);margin:10px 30px;border-radius:22px;max-width:450px;}

/*PROMO-CARD*/
.wrap-promo-card{position:relative;display:block;width:100%;height:auto;margin:0;padding:100px 0;}
.card-promo-text{position:relative;display:block;max-width:500px;margin-left:calc(50% + 32px)}

/*DIGITAL*/
.intro-card-details{background-color:#ebf2fb;padding:50px 0 2px}
.intro-card-details .wrap-page{margin:auto;}
.wrap-intro-card-details{position:relative;display:flex;flex-wrap:wrap;justify-content:center;width:100%}
.left-intro-card-details{position:relative;display:block;width:calc(35% - 80px);margin:0 40px;}
.left-intro-card-details img{position:relative;display:block;width:100%;margin:auto;height:auto;}
.left-intro-card-details h3{position:relative;display:block;width:100%;height:auto;font-size:18px;color:#444;margin:10px 0 0;}
.right-intro-card-details{position:relative;display:block;width:65%;margin:0;padding:0;}
.right-intro-card-details > p, .right-intro-card-details > span{color:#444}
.right-intro-card-details .title-small{text-align:left;}
.right-intro-card-details .title-small.light-blue h2{color:#3864af}
.arrow-li ul:not(.app-ul){position:relative;display:block;width:100%;margin:15px 0;}
.arrow-li ul:not(.app-ul) li{position:relative;display:block;width:100%;height:auto;padding:0 0 0 20px;margin:0 0 15px}
.arrow-li ul:not(.app-ul) li::before{content:' » ';position:absolute;font-size:16px;color:#3864af;left:0;top:0px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.arrow-li ul:not(.app-ul) li, .arrow-li ul:not(.app-ul) li p, .arrow-li ul:not(.app-ul) li span{font-size:16px;color:#444}

/*CONDITION-CARD-DETAILS*/
.condition-card{position:relative;display:flex;flex-wrap:wrap;justify-content:center;margin:40px auto 0;width:90%}
.box-condition-card{position:relative;display:block;width:calc(33.33% - 2px);margin:1px;padding:30px 30px 20px;background-color:#fff;border-radius:10px;}
.box-condition-card .title-small{text-align:left;margin:0 0 20px}
.box-condition-card .title-small h3{font-size:22px}

/*LIMITED-CARD-DETAILS*/
.limited-card{padding:40px 0 0;background-color:#fff}
.limited-card .list-content-customer .list-detail{background:#ebf2fb;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.limited-card .list-content::before{margin:25px 0 0;background:none;}

/*LIST-CONTENT-HAS-SUB-LIST*/
#digital-details-page .list-content{padding:0 0 80px}
#digital-details-page .wrap-page{margin:auto;}
.has-sub-list .list-item.active .list-title{pointer-events:none;}
.sub-list-num{position:relative;display:block;width:100%;height:auto;padding:12px 30px;border-bottom:1px dashed rgba(27, 68, 134, 1)}
.sub-list-num:last-child{border-bottom:0}
.sub-list-title.sub-list-num{padding:0 20px}
.box-limited{position:relative;display:block;width:100%;height:auto;background-color:#ebf2fb;padding:8px 0}
.sub-list-num ul{position:relative;display:flex;justify-content:center;align-items:center;}
.sub-list-num ul li{position:relative;display:block;width:25%;font-size:16px;color:#1b4486;text-align:center;}
.sub-list-num ul li:first-child{width:50%;text-align:left;}
.sub-list-title.sub-list-num ul li{color:#fff;text-transform:uppercase;font-weight:700;}

/*DIGITAL-DETAILS-SECTION*/
.digital-details-section{padding:30px 0 50px}
.digital-details-section .load-details::after{display:none}

/*CARD-RELATIVE*/
.card-relative{padding:0 0 50px;background-color:#fff}
.card-relative .list-card{width:90%}
.list-card-relative .box-card.active{display:none}

/*FAVOUR-CARD*/
.card-favour .section-personal-account.section-find-bottom{padding:60px 0 0;background:none}

/*CARD-TARIFF*/
/*LEFT-TARIFF*/
.wrap-tariff{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:40px auto 0;}
.sub-tariff{position:relative;display:block;width:270px;height:auto;padding:20px 0 0;}
.right-tariff{position:relative;display:block;width:calc(100% - 270px);}
.sub-tariff .control-but{display:block;text-align:left;margin:0 0 15px}


/*RIGHT-TARIFFF*/
.second-option .title-list-item .list-detail{display:none}
.title-list-item{pointer-events:none;margin:0 0 -9px}
.title-list-item .list-title{background:#1b4486 !important}
.second-option .list-detail .sub-list-num{border:0;padding:14px 30px}
.second-option .list-detail .sub-list-num ul li{color:#444;}
.second-option .list-detail .sub-list-num:nth-child(even){background-color:#fff}
.second-option .sub-list-num ul li:first-child{width:50px}
.second-option .sub-list-num ul li:nth-child(2){width:calc(100% - 280px);text-align:left;}
.second-option .sub-list-num ul li:nth-child(3){width:230px;text-align:right;}
.title-list-item .list-title::after{display:none;}
.second-option.list-content-customer .list-item .list-title{padding:20px 0;margin:3px 0;background:#3864af;width:100%}
.second-option.list-content-customer .list-detail{width:100%;}
.second-option.list-content-customer .list-detail.active{margin:-9px auto 7px;}
.second-option .box-limited{padding:0;}

/*TEXT-INDISDE-LIST*/
.text-ins-list{position:relative;display:block;width:100%;height:auto;text-align:left;color:#1b4486;padding:30px 30px 10px;border-radius:20px;background-color:#fff;border:5px solid rgba(27, 68, 134, 0.1);margin:10px 0 0}
.text-ins-list p{position:relative;display:block;margin:0 0 20px}
.text-ins-list img{position:relative;display:block;width:100%;height:auto;}
/*SERVICE-FEATURE*/
.service-feature{background-color:#fff;padding:50px 0;}
.service-feature .title-small{text-align:left;}
.service-feature .app{text-align:left;margin:20px 0;display:block;}
.service-feature .arrow-li ul:not(.app-ul){margin:0}
.service-feature .arrow-li ul:not(.app-ul) li{margin:0 0 15px 0}
.service-feature .arrow-li p{color:#444;margin:0 0 15px 0}
.service-feature .arrow-li a{font-weight:700;color:#1b4486}
.wrap-two-colum{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:90%;max-width:1100px;margin:auto;}
.left-column{position:relative;display:block;margin:0;padding:0 50px 0 0;width:50%;}
.wrap-inside-column{position:relative;display:block;margin:0;width:100%;height:auto;overflow:hidden;transition:all 0.3s ease-in-out;}
.right-column{position:relative;display:block;margin:0;padding:0;width:50%;}
.right-column .button-style{background-color:#3864af;padding:20px 25px 20px 35px}
.right-column .app li{margin:10px 30px 0 0}
.service-feature .app{margin:20px}

/*BOX-DOWNLOAD-PDF*/
.box-download-pdf{position:relative;display:flex;align-items:center;justify-content:flex-start;margin:30px 0;}
.box-download-pdf a{position:relative;display:inline-block;font-size:15px;padding:0;color:#1b4486;margin:0 30px 0 0}
.box-download-pdf a::before{content:'';position:relative;display:inline-block;vertical-align:middle;width:50px;height:50px;background:url(../images/pdf.svg) no-repeat center center/contain;}
.relative-bg-blue.relative-products{background-color:#ebf2fb}

/*WALLET-LINK*/
.wallet-link-section{padding:40px 0;background:#fff}
.wallet-list{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.wallet-box{position:relative;display:block;width:50%;max-width:200px;margin:30px 0}
.wallet-box .pic-img{width:100%;height:80px;margin:0 auto 10px auto;}
.wallet-box .pic-img img{position:relative;display:block;width:100%;height:100%;object-fit:contain;margin:auto;}
.wallet-box h3{position:relative;display:block;font-size:16px;color:#1b4486;text-align:center;font-weight:700;font-weight:normal}




/*QUICKTOOLS*/
.box-content{position:relative;width:100%;height:auto;display:block;margin:0;}
.colum-box{position:relative;width:100%;height:auto;display:block;text-align:center;}
.background-calculator{ width:100%;height:100%;min-height:100vh;position:fixed;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;backface-visibility:hidden;}
.content-calculator{ position:relative;display:inline-block;margin:15vw 0 7.5vw 0;width:auto;height:auto;padding:0 30px 30px 30px;background-color:rgba(255,255,255,0.7);border-radius:15px;color:#1b4486;max-width:1000px;z-index:5}
.content-form, .content-result{ position:relative;width:100%;height:auto;text-align:center;display:none;opacity:0}
.content-result.saving{ background-color:#fff;border-radius:10px;margin:0 0 50px 0;}
.content-form.loan, .content-form.schedule{max-width:600px}
.content-form.show, .content-result.show{ display:block;animation:fadeIn 1s ease forwards}
.content-form form{ position:relative;display:block;width:100%;height:auto}
.content-result{min-width:600px;}
.calculator .title-page{width:100%;top:60px;left:0;text-align:center}
.calculator .sub-control{position:absolute;width:100%;left:0;top:10vw;z-index:10}
.calculator .control-but{ background-color:rgba(255,255,255,0.5);padding:10px 15px 10px 10px;border-radius:10px;font-size:16px;text-transform:uppercase}
.calculator .control-but.active{ background-color:#fff;color:#ec2028}
.calculator .control-but::before{ position:relative;left:auto;top:auto;display:inline-block;vertical-align:middle;margin:0 5px 0 0}
.calculator .text-holder{color:#666}

/*QUICKTOOLS FORM*/
.content-calculator input[type="text"], .content-calculator input[type="number"]{color:#1b4486;border-radius:10px;font-size:16px;background-color:#fff;line-height:48px;box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.content-calculator .input-select{box-shadow:0 10px 20px rgba(0,0,0,0.1);max-width:inherit}
.content-calculator .input-date{ overflow:visible}
.content-calculator input[type="text"]:focus, .content-calculator input[type="number"]:focus{box-shadow:0 20px 30px rgba(0,0,0,0.2)}
.content-calculator .input-but button{ text-transform:uppercase;font-size:15px;margin:20px 0}
.des-input{ position:absolute;display:block;top:-30px;left:20px;}
.col{ position:relative;display:inline-block;vertical-align:middle}
.col-group{position:relative;margin:20px 0 50px 0;display:block;width:auto;}
.col-group:nth-last-of-type(even){margin:20px 0 0 0;}
.col-one{width:280px;margin:0 5px}
.col-two{width:580px;margin:0}
.col-three{width:auto;margin:0}
.col-mid{width:290px;margin:0}
.input-but .blue-button-style{background-color:#3864af}
.select-month{position:absolute;width:120px;height:48px;cursor:pointer;border-radius:10px;color:#666;right:0;top:0} 
.select-month .but{position:absolute;right:4px;top:4px;display:block;width:40px;height:40px;border-radius:8px;border:1px solid rgba(100,100,100, 0.3);cursor:pointer;z-index:2;}
.des-month{font-size:14px;line-height:48px;display:block;padding:0 55px 0 0;text-align:right;}
.list-month{position:absolute;top:49px;left:auto;right:0;width:80px;height:auto;padding:0;border-radius:8px;text-align:right;display:none;z-index:99999;}
.list-month ul{width:100%;height:auto;position:relative;display:block;overflow:hidden;}
.list-month li{position:relative;display:block;width:auto;height:auto;margin:0 0 1px 0;border-radius:8px;background-color:#3864af;color:#fff;}
.list-month li button{display:block;width:100%;height:auto;padding:10px 20px;font-size:14px;text-align:right;}
.list-month li.selected, .list-month li.current{background-color:#ec2028;}
.red-button-style:disabled{ background-color:#aaa;pointer-events:none}
.blue-button-style:disabled{ display:none}

/*ALERT BOX*/
.show-alert{ position:absolute;width:100%;height:auto;left:0;top:20%;text-align:center;display:none;opacity:0;z-index:10}
.alert-box{ position:relative;width:auto;max-width:300px;height:auto;padding:8px 12px;margin:5px;font-size:14px;font-weight:700;background-color:#ec2028;color:#fff;border-radius:10px;box-shadow:0 20px 30px rgba(0,0,0,0.2);display:none}
.alert-box.show{ display:inline-block;}
.show-alert.show{display:block;animation:fadeIn 1s ease forwards}

/*REULT TEXT*/
.loan-text-result, .loan-nav-result{ position:relative;display:inline-block;vertical-align:top;}
.loan-text-result{ background-color:#fff;width:60%;padding:20px;border-radius:10px;text-align:left;margin:0 0 20px 0 }
.content-result.saving .loan-text-result{ text-align:center;margin:0;width:100%;background-color:transparent}
.loan-nav-result{width:auto;width:calc(40% - 10px);text-align:center;padding:0 20px}
.sum-loan{ position:relative;display:block;width:100%;height:auto;}
.sum-loan h3{ font-size:18px;display:inline-block}
.sum-show{font-size:16px;display:inline-block;margin:0 5px}
.sum-show strong{font-size:130%;color:#ec2028}
#totalyear strong{margin:0 5px}

/*REULT NAV*/
.pages{position:relative;display:block;width:100%;height:auto;padding:10px 20px;margin:0 0 30px 0;background-color:#fff;border-radius:10px;}
.pages.disabled{ opacity:0;}
.pages input[type="text"]{width:60px;display:inline-block;padding:0 15px;text-align:center;margin:0 10px 0 0}
.page-nav{position:relative;display:block;width:100%;height:auto;}
.go-prev{top:0;left:0;position:absolute;padding:0 0 0 55px;line-height:50px}
.go-next{top:0;right:0;position:absolute;padding:0 55px 0 0;line-height:50px}
.go-prev::after, .go-next::after{content:'';position:absolute;top:0;width:50px;height:50px;border-radius:10px;}
.go-prev::after{background:#3864af url(../images/previous.svg) no-repeat 50% /60%;left:0;}
.go-next::after{background:#3864af url(../images/next.svg) no-repeat 50% /60%;right:0;}
.go-prev.disabled, .go-next.disabled{ pointer-events:none;opacity:0.2}

/*REULT TABLE*/
.result-table{ position:relative;width:100%;height:auto;margin:0 0 20px 0;display:block}
.result-show{position:relative;width:100%;height:auto;display:table;table-layout:fixed}
.result-show  th{padding:8px 12px;background-color:#1b4486;font-size:14px;text-transform:uppercase;color:#fff;vertical-align:middle;text-align:center;font-weight:700;}
.result-show  thead > tr > th:nth-child(1){border-radius:10px 0 0 0}
.result-show  thead > tr > th:last-child{border-radius:0 10px 0 0;}
.result-show  td{font-size:16px;color:#1b4486;vertical-align:middle;text-align:center;padding:5px 12px}
.result-show  .odd-tr{background-color:#eee;display:none;opacity:0}
.result-show  .even-tr{background-color:#fff;display:none;opacity:0}
.result-show  .odd-tr.show, .result-show  .even-tr.show{display:table-row;animation:fadeIn 1s ease forwards}
.result-show .first-th, .result-show .second-th{width:80px;}
.result-show .first-td{ background-color:#3864af;color:#fff;font-weight:700;}
.result-show .second-td{font-weight:700;}

/*INPUT-EXCHANGE-SELECT*/
.wrap-exchange-select{position:relative;display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto 40px;align-items:center;}
.exchange-section{padding:0 0 120px}
.exchange-section .wrap-page::before{content:'';position:relative;display:block;width:100px;height:1px;margin:30px auto;background-color:rgba(27, 68, 134, 0.5)}
.box-input-exchange{position:relative;display:flex;max-width:50%;width:auto;padding:0 30px;white-space:nowrap;align-items:center;}
.text-ex{position:relative;display:inline-block;font-size:16px;font-weight:700;margin:0 15px 0 0;}
.input-exchange{position:relative;display:block;width:200px;background:#fff;border-radius:10px;border:1px solid rgba(100, 100, 100, 0.3);margin:0}
.input-exchange .text-holder{color:#1b4486}
.input-exchange .presentation, .input-exchange .select2-container--flat .select2-selection--single .select2-selection__arrow b{display:none}
.input-exchange::after{content:'';position:absolute;width:40px;height:40px;right:4px;top:4px;left:auto;border-radius:8px;border:1px solid rgba(100, 100, 100, 0.3);background:url(../images/arrow-down.svg) no-repeat center center/contain;pointer-events:none;z-index:5000}

/*TABLE-EXCHANGE*/
.table-exchange table{border-spacing:0}
.table-exchange.bank-link .wrap-table-bank{width:100%;max-width:1000px}
.table-exchange table > thead > tr > th:nth-child(1){width:120px}
.table-exchange table > thead > tr > th:nth-child(2){width:auto}
.table-exchange table > thead > tr > th:nth-child(3){width:180px}
.table-exchange table > thead > tr > th:nth-child(4){width:180px}
.table-exchange table > thead > tr > th:nth-child(5){width:180px}
.table-exchange.bank-link table > thead > tr > th:nth-child(3), .table-exchange.bank-link table > thead > tr > th:nth-child(4), .table-exchange.bank-link table > thead > tr > th:nth-child(5){text-align:center;}
.table-exchange.bank-link table > tbody > tr > td:nth-child(3), .table-exchange.bank-link table > tbody > tr > td:nth-child(4), .table-exchange.bank-link table > tbody > tr > td:nth-child(5){text-align:center;}
.table-exchange table > tbody > tr:nth-child(even) td{background-color:#e3eaf6}
.table-exchange table > tbody > tr:nth-child(odd) td{background-color:#fff}
.table-exchange table td span{color:#333;display:inline-block;font-size:16px}
.table-exchange table td span.red-ex{color:#ec2028 !important;}
.table-exchange table td span.green-ex{color:#007a47 !important;}
.red-ex::after{content:'';position:absolute;width:30px;height:30px;top:calc(50% - 15px);right:-33px;background:url(../images/arrow-red.svg) no-repeat center center/contain;}
.green-ex::after{content:'';position:absolute;width:30px;height:30px;top:calc(50% - 15px);right:-33px;background:url(../images/arrow-green.svg) no-repeat center center/contain;}

/*GOLD-TABLE-EXCHANGE*/
.table-exchange.bank-link.gold-table-exchange .wrap-table-bank{max-width:670px}
.bank-link.gold-table-exchange .table-bank th:nth-child(1){width:120px}

/*INTEREST-PAGE*/
.interest-section{padding:30px 0 120px 0}
.interest-section .investor-guide-section.relation-box{text-align:center}
.interest-group{position:relative;display:block;width:100%;margin:0;padding:0;}
.interest-group::after{content:'';position:relative;display:block;margin:40px auto 10px auto;height:1px;width:100px;background:rgba(27,68,134,0.7);}
.interest-group:last-child::after{display:none}

/*DOWNLOAD-FORM-SECTION*/
.download-form-section .text-blue::after{content:'';position:relative;display:block;margin:40px auto;height:1px;width:100px;background-color:rgba(27,68,134,0.7);}
.download-form-section .text-blue{font-weight:700;font-weight:normal}

/*LOOK-UP-PAGE*/
.content-calculator.content-lookup{width:900px;max-width:80vw;padding:10px 50px 30px 50px;background-color:rgba(226, 237, 254, 0.8);box-shadow:0 10px 20px 5px rgba(0,0,0,0.1)}
.content-lookup .text-holder{color:#1b4486}
.content-lookup .col-group{width:100%;text-align:left;margin:20px 0 }
.content-lookup .col-one{width:calc(50% - 12px);margin:6px}
.content-lookup .col-one:nth-child(even){margin:6px 6px 6px 0}
.content-lookup .content-form{display:block;opacity:1}
.content-lookup form > p{position:relative;display:block;margin:0 0 15px;color:#1b4486}
.content-lookup button.button-style:after{display:none;}
.text-des-lookup{position:relative;display:block;width:100%;padding:0 30px;text-align:left}
.text-des-lookup > p{position:relative;display:block;margin:0 0 15px;color:#1b4486}
.text-des-lookup p {font-size:16px}
.text-des-lookup p strong, .text-des-lookup a{color:#ec2028;font-weight:700}
.select-group{position:relative;display:flex;width:100%;align-items:flex-start}
.line-width{position:relative;display:block;margin:30px auto;height:1px;width:100px;background-color:rgba(27, 68, 134, 0.6)}
.select-group p{display:inline-block;position:relative;margin:0 0 0 15px;}
.select-group:not(.no-click) p{cursor:pointer;}
.wrap-but-submit-lookup{position:relative;display:flex;justify-content:space-between;width:100%;align-items:flex-end;padding:30px 10px 0 10px}
.wrap-but-submit-lookup .input-but{position:relative;display:inline-block;width:auto;margin:0 0 4px}
.wrap-but-submit-lookup .input-but button{margin:0}
.wrap-but-submit-lookup .button-style::before{width:calc(100% - 8px);height:calc(100% - 8px);left:4px;top:4px;}
.wrap-but-submit-lookup .captcha::after{box-shadow:0 4px 14px rgba(0,0,0,0.15)}
.wrap-but-submit-lookup .captcha{transform:none;margin:0}

/*LOOK-UP-DETAILS*/
.list-info-lookup{position:relative;display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;padding:0 0 30px}
.box-lookup-info{position:relative;width:calc(50% - 8px);margin:4px;text-align:left}
.text-lookup-info{position:relative;display:block;width:100%;padding:10px 18px;border-radius:10px;overflow:hidden;box-shadow:0 10px 10px rgba(0,0,0,0.06);background-color:#fff;color:#1b4486;display:flex;justify-content:flex-start;align-items:center;}
.box-lookup-info p{position:relative;display:block;color:inherit}

/*LOOK-UP-BAIL-PAGE*/
.content-lookup.content-lookup-bail{padding:30px 50px 30px 50px}
.content-lookup-bail::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background:linear-gradient(0deg, rgba(226, 237, 254, 0.8), rgba(226, 237, 254, 0));z-index:-1;}
.ex-text-label{position:relative;display:inline-block;font-size:inherit;color:#999;}

/*LOOK-UP-BAIL-DETAILS-PAGE*/
.lookup-input{display:block;position:relative;font-size:16px;text-align:left;margin:15px 20px 7px}
.view-details-pdf{position:relative;display:inline-block;font-weight:700;align-items:center;padding:0 0 0 20px}
.pdf-icon{position:relative;display:inline-block;vertical-align:middle;width:50px;height:50px;background:url(../images/pdf2.svg) no-repeat center center/contain;margin:0 0 0 10px}

/*LOAN-ONLINE*/
.content-calculator.content-lookup.content-loan-online{padding:10px 35px 30px 35px}
.register-loan .title-page .title-small{margin:1.2vw 0}
.register-loan .title-page .title-small h2{font-size:1.7vw}

/*SUB-LOAN*/
.sub-loan{position:fixed;left:50px;top:50%;transform:translateY(-50%);z-index:10}
.wrap-sub-loan{position:relative;display:block;width:80px;height:auto;}
.loan-control{pointer-events:none;position:relative;display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;border:2px solid rgba(255 ,255 ,255 ,0.9);box-shadow:0 20px 40px rgba(255, 255, 255,0.3);font-size:12px;text-transform:uppercase;color:#fff;background-color:#7791ba;margin:25px 0;text-align:center;}
.loan-control > div{font-size:inherit}
.loan-control.current{background-color:#ec2028}
.box-loan-control{position:relative;display:inline-block;}
.loan-control span{font-weight:700;color:inherit;font-size:16px;display:block;width:100%;line-height:1;}

/*LOAN-ONLINE*/
.customer-box{position:relative;display:inline-block;vertical-align:middle;margin:0 0 0 20px}
.customer-box > h3{position:relative;display:inline-block;vertical-align:middle;font-size:16px;}
.customer-box > .input-check{position:relative;display:inline-block;vertical-align:middle;}
.customer-box .select-group li{position:relative;display:inline-block;vertical-align:middle;margin:0 10px;}
.customer-box .select-group p{margin:0 0 0 6px}
.text-introduce-custome{position:relative;display:inline-block;width:calc(100% - 350px);float:right;}
.col-loan-group::after{content:'';position:relative;display:block;clear:both;}
.col-loan-group .col-two{width:calc(100% - 12px);margin:6px;max-width:inherit}
.col-loan-group .input-select{margin:0}
.text-des-loan.text-des-lookup{padding:10px 20px 0 20px}
.col-loan-group.hide{display:none !important}

/*RADIO-NUMBER*/
.customer-radio-num .radio-box input[type="radio"]{display:none}
.customer-radio-num{display:block}
.customer-radio-num.customer-box .select-group li{margin:0 9px}

/*LOAN-ONLINE-02*/
.content-calculator.content-lookup.content-loan-online-02{padding:30px 35px 30px 35px;text-align:left}
.wrap-but-submit-lookup.wrap-button-loan-online{justify-content:center;}
.wrap-button-loan-online button{padding:12px 20px}

/*LOAN-ONLINE-THANKYOU*/
.content-calculator.content-lookup.content-thankyou{padding:40px;}
.box-thankyou{position:relative;display:block;background-color:#fff;border-radius:6px;padding:30px;}
.box-thankyou a:not(.button-style){font-weight:700;color:#ec2028;font-size:110%;}
.box-thankyou p{font-size:16px}
.box-thankyou h3{font-size:24px}
.text-thankyou{position:relative;display:block;margin:25px auto;max-width:600px}
.text-bottom-thanyou{position:relative;display:block;margin:50px auto 0 auto;max-width:600px}
.back-thanks{margin:30px auto 0 auto;}

/*CHECK-BOX*/
.check-box{position:relative;display:inline-block;text-align:left;color:#fff;vertical-align:middle}
.check-box li{display:inline-block;vertical-align:middle;width:auto;height:auto;margin-left:15px;line-height:normal}
.check-box label{position:relative;display:block;text-align:left;cursor:pointer;float:left;margin:0 30px;z-index:1;}
.check-box label span{display:inline-block;vertical-align:middle;width:auto;height:auto;margin-left:7px;font-weight:400;font-size:18px;line-height:1;color:#1b4486}
.check-box input[type="checkbox"]{position:relative;display:inline-block;width:28px;height:28px;margin:0;-webkit-appearance:none;background-color:#fff;outline:none;cursor:pointer;vertical-align:middle;border-radius:8px;box-shadow:0 5px 7px rgba(0,0,0,0.03)}
.check-box input[type="checkbox"] + .check-mask{content:'';position:relative;display:inline-block;width:28px;height:28px;margin:0 0 0 -28px;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.1);border-radius:8px;vertical-align:middle;pointer-events:none;z-index:1}
.check-box input[type="checkbox"] + .check-mask::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/check.png) no-repeat 50%/90%;opacity:0;transition:all 0.3s ease-in-out;pointer-events:none}
.check-box input[type="checkbox"]:checked + .check-mask::before{opacity:1}
.check-box input:checked ~ .check-mask{z-index:2}

/*RADIO*/
.radio-box{position:relative;display:inline-block;text-align:left;color:#fff;vertical-align:middle}
.radio-box li{display:inline-block;vertical-align:middle;width:auto;height:auto;margin-left:15px;line-height:normal}
.radio-box input[type="radio"]{position:relative;display:inline-block;width:28px;height:28px;margin:0;-webkit-appearance:none;background-color:unset;outline:none;cursor:pointer;vertical-align:middle;border-radius:8px;box-shadow:0 5px 7px rgba(0,0,0,0.03)}
.radio-box input[type="radio"] + .radio-mask{content:'';position:relative;display:inline-block;width:28px;height:28px;margin:0 0 0 -28px;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.1);border-radius:8px;vertical-align:middle;pointer-events:none;z-index:1}
.radio-box input[type="radio"] + .radio-mask::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/check.png) no-repeat 50%/90%;opacity:0;transition:all 0.3s ease-in-out;pointer-events:none}
.radio-box input[type="radio"]:checked + .radio-mask::before{opacity:1}
.radio-box input:checked ~ .radio-mask {z-index:2}
.radio-mask.checkSex::before{opacity:1!important}

/*RADIO-NUMBER*/
.radio-box .num-label{position:relative;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#1b4486;width:40px;height:40px;border-radius:10px;transition:all 0.2s ease-in-out;cursor:pointer;}
.radio-box .num-label span{display:block;width:auto;height:auto;font-weight:700;font-size:16px;line-height:1;color:#1b4486;transition:all 0.2s ease-in-out;}
.radio-box input:checked + .num-label{background-color:#1b4486;pointer-events:none;}
.radio-box input:checked + .num-label span{color:#fff}
.num-label:hover{background-color:rgba( 27 , 68, 134 , 0.3)}
.num-label:hover span{color:#fff}






/*GOTOP*/
.go-top{position:absolute;color:#fff;background-color:#3864af;left:50%;margin:0 0 0 -25px;top:-30px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:none;z-index:20;}
.go-top:after{content:'';width:30px;height:30px;left:10px;top:10px;position:absolute}
.go-top.show{display:block}

/*ALBUM*/
.all-album{width:100%;height:100vh;overflow:hidden;position:fixed;left:0;top:0;display:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;z-index:9999;}
.album-load{width:100%;height:100%;position:relative;display:block;opacity:0;text-align:center}
.album-center{width:100%;height:100vh;position:relative;display:block}
.album-pic-center{width:100%;height:100%;position:relative;text-align:center;display:block;}
.album-pic-center .pic-name{position:absolute;left:0;top:1.5%;z-index:5;width:100%;height:auto}
.album-pic-center .pic-name h3{color:#d0b179;font-weight:500;font-size:16px;line-height:1.4;text-align:center;display:inline-block;position:relative;text-transform:uppercase;padding:10px 50px;}
.album-pic-center .pic-name h3> span > span{transition:all 600ms ease ;opacity:0;}
.album-pic-center .pic-name.move h3 > span > span.move{opacity:1;}
.container-zoom{width:100%;height:100vh;position:relative;display:block;}
.container-zoom::before, .container-zoom::after{content:"";display:inline-block;vertical-align:middle;height:100%;}
.container-zoom > img{width:auto;height:auto;max-height:80vh;max-width:100%;display:inline-block;vertical-align:middle;position:relative;margin:0 -3px}
.album-pic-center  .pinch-zoom-container{height:100vh !important;}

/*ZOOM PIC*/
.all-pics{height:100%;width:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:4000;display:none;}
.all-pics.show{display:block}
.all-pics .text-length{width:100%;height:auto;position:absolute;left:0;top:0;text-align:center;opacity:0;z-index:9998;}
.all-pics .text-length h3{font-weight:500;font-size:15px;color:#d0b179;text-shadow:0 10px 20px rgba(0,0,0,0.3);line-height:1.4;position:relative;text-align:center;padding:10px 20px;text-transform:uppercase;display:inline-block;}
.full{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.full img{width:auto;max-width:80%;height:auto;outline:none;border:none;margin:0 auto;display:block;opacity:0;position:relative;cursor:url(../images/openhand.png) 6 8, move;z-index:5}
.full span{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:1}

/*PINCH-ZOOM*/
.pinch-zoom-container{width:100%;position:relative;display:block;margin:0;}
.all-pics .pinch-zoom-container{height:100vh !important;}
.pinch-zoom{width:100%;left:0;top:0;text-align:center }
.pinch-zoom::before, .pinch-zoom::after{content:"";display:inline-block;vertical-align:middle;height:100%;}
.pinch-zoom > img{width:auto;height:auto;max-width:100%;display:inline-block;vertical-align:middle;position:relative;margin:0 -3px}

/*VIDEO*/
.allvideo{position:fixed;width:100%;height:100%;overflow:hidden;left:0;top:0;display:none;z-index:2200;}
.video-list{width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;text-align:center;}
.video-wrap{position:relative;width:100vw;height:100vh;overflow:hidden;z-index:100;display:block;vertical-align:middle;}
.video-skin{position:absolute;bottom:0;left:0;width:100%;height:auto;min-height:100%;z-index:10;}
.video-wrap iframe{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,1);display:block;top:0;left:0;z-index:10;}

/*VIDEO BACKGROUND*/
.video-youtube-full{position:relative;width:100%;height:100vh;display:block;}
.youtube-video{width:100%;height:100%;position:relative;display:block;}
.youtube-video::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;z-index:-2;}
.youtube-video iframe{width:100%;height:calc(100vw * 0.5625);position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}
.full-frame .youtube-video iframe{width:100%;height:100vh;top:0;left:0;transform:none;}
.youtube-video img{width:100%;height:auto;display:block;opacity:0;pointer-events:none;}
.bg-video{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:opacity 0.6s ease-in-out;z-index:12 }
.bg-video.hide{opacity:0;pointer-events:none }
.bg-video.hide::after{opacity:0;}
.play-button.show{opacity:1;pointer-events:auto }
.pause-button{width:0;height:0;position:absolute;left:0;top:0;margin:0;opacity:0;pointer-events:none;}
.control{position:absolute;width:auto;height:auto;padding:10px;bottom:90px;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;color:#d0b179;font-size:12px;transition:opacity 0.5s ease-in-out;font-weight:400;opacity:0;z-index:10;}
.control::after{content:'';width:100%;height:100%;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,0);z-index:-1}
.control.show{opacity:1;}
.control.hide{opacity:0;}
.control span{display:inline-block;vertical-align:middle;margin:0 5px}
.control button{transition:all 0.3s ease-in-out;overflow:hidden;position:relative;display:inline-block;vertical-align:middle;margin:0 20px;width:30px;height:30px;}
.control button:focus{opacity:1;}
.player-vid{width:100px;height:100px;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;transition:all 0.5s ease-in-out;border-radius:50%;opacity:0;z-index:99999;}
.player-vid.hide{display:none;opacity:0}
.player-vid.show{display:block;opacity:1}

/*OVERLAY*/
.overlay-dark{background-color:#1b4486;opacity:0.95;height:0;width:100%;position:fixed;left:0;top:0;bottom:auto;overflow:hidden;-ms-touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;transition:height 0.8s ease-in-out;z-index:1500;}
.overlay-dark.show{height:100%}


/*DETAILS CONTENT*/
.details-content{position:fixed;width:100%;height:100%;left:0;top:0;text-align:left;opacity:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:#1b4486 #f1f1f1;scrollbar-width:thin;max-height:100vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:30px 0;z-index:3000;}
.form-apointment{position:fixed;width:0;height:100vh;right:0;top:0;text-align:left;opacity:0;pointer-events:none;overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-color:#1b4486 #f1f1f1;scrollbar-width:thin;z-index:3000;}
.form-apointment .text-holder{color:currentColor}
.form-apointment.show{width:100%;pointer-events:auto;overflow-x:hidden;overflow-y:auto;}
.details-content::after{content:'';position:fixed;display:block;width:90%;height:100%;max-width:1000px;top:0;left:50%;transform:translateX(-50%);background-color:#fff;}
.details-content > span, .form-apointment > span{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1}
.details-center{position:relative;display:block;width:90%;height:auto;background-color:#fff;max-width:1000px;margin:0 auto;opacity:0;z-index:5;}
.details-center h2{color:currentColor;margin:0 0 20px 0;display:block;color:#1b4486}
.details-center h3{color:currentColor;display:block;margin:0 0 20px 0}
.details-outer{position:relative;width:100%;height:auto;margin:0;display:block;padding:30px 5%;}
.details-text{position:relative;width:100%;height:auto;padding:0 0 30px 0;display:block;border-bottom:1px dotted #aaa;}
.details-text p{margin:0 0 15px 0;color:#444}
.details-text img,.details-text p img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto;}
.details-text ol,.details-text ul{text-align:left;list-style:inherit;}
.details-text ol li,.details-text li,.details-text p span,.details-text span{margin:5px 0;}
.details-text a{color:currentColor;}
.details-text table{display:table;width:auto;max-width:100%;border-spacing:1px;border-spacing:1px;margin:20px auto;table-layout:fixed;}
.details-text table th,.details-text table td{padding:10px 15px;}

.close, .close-video, .close-pics, .close-album, .close-popup, .close-details{display:block;width:60px;height:60px;position:fixed;right:20px;top:20px;padding:0;opacity:0;cursor:pointer;z-index:9999;}
.close::before, .close-video::before, .close-pics::before, .close-album::before, .close-popup::before, .close-details::before{content:'';width:100%;height:100%;position:relative;display:block;}

/*LAY-OUT*/
.none-events{pointer-events:none !important;}
.display-none{display:none !important}
.magin-top{margin-top:50px}

/*MESSAGE*/
#contact-loader{position:fixed;top:50%;left:50%;z-index:110000;width:82px;height:82px;margin:-41px 0 0 -41px;-ms-border-radius:50%;border-radius:50%;animation:Rotate 2.5s linear infinite;display:none;}
.contact-success, .register-success{position:fixed;top:50%;left:50%;margin:-30px 0 0 -150px;padding:20px;font-size:15px;line-height:1.6;width:300px;height:auto;background-color:#1b4486;border-radius:20px;color:#fff;font-weight:700;text-align:center;box-shadow:0 20px 30px 0 rgba(0,0,0,0.2);z-index:99999;}
.color-red{background-color:#ec2028;color:#fff;}
.color-blue{background-color:#1b4486;color:#fff;}
.inputContainer{ position:relative;float:left;}
.formError{ position:absolute;top:auto;bottom:100%;left:0;display:block;cursor:pointer;z-index:5000;}
.formErrorContent{background-color:#ec2028;position:relative;display:inline-block;color:#fff;width:auto;height:auto;max-width:250px; font-size:14px;line-height:1.4;box-shadow:0 0 10px rgba(0,0,0,0.3);padding:8px 12px;border-radius:10px;z-index:5001;}
.formErrorContent::after{content:'';position:absolute;left:20px;bottom:-10px;width:0;height:0;border-style:solid;border-width:10px 7px 0 7px;border-color:#ec2028 transparent transparent transparent;}
.greenPopup .formErrorContent{background-color:#ef402a;}
.blackPopup .formErrorContent{background-color:#1b4486;color:#fff;}
.ajaxSubmit{padding:20px;background-color:#ef402a;display:none}

/*THANKYOU-PAGE*/
.banner-thankyoupage{z-index:0}
.wrap-thankyou-content{position:relative;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;}
.thankyou-content{width:90%;max-width:660px;height:auto;padding:0 30px 30px 30px;position:relative;display:block;text-align:center;color:#fff;background:rgba(255, 255, 255, 0.9);box-shadow:0 20px 40px rgba(255, 255, 255,0.3);margin:0 0 7vw 0;border-radius:8px}
.thankyou-content::after{content:'';position:absolute;width:calc(100% + 12px);height:calc(100% + 12px);top:-6px;left:-6px;border:6px solid rgba(255,255,255,0.1);pointer-events:none;border-radius:10px}
.bg-thankyou{position:relative;display:block;width:100%;height:100vh}
.thankyou-list{position:relative;display:block;width:100%;height:auto;}
.thankyou-list p{color:#1b4486;position:relative;display:block;margin:0 0 30px 0}
#thankyou-page .title-page{display:none}

/*SEARCH-PAGE*/
#search-page .content-text {background:none;box-shadow:none;padding:0;}
#search-page .slide-award .slide-item, #search-page .content-picture, #search-page .content-text p {opacity:1 !important}
.search-content{background-color:#fff;padding:0 0 80px 0;}
.search-result{position:relative;display:block;width:90%;max-width:1000px;height:auto;margin:0 auto;padding:0 0 3vw}
.search-box{position:relative;display:block;width:100%;height:auto;counter-reset:div;}
.resultCount{position:relative;display:block;width:100%;height:auto;padding:10px 0;}
.resultCount span{font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.4;color:#444;font-weight:600;text-transform:uppercase}
.item-search{position:relative;display:block;width:100%;height:auto;margin:0 0 1px 0;text-align:left;}
.item-search a{position:relative;display:block;width:100%;height:auto;padding:22px 37px;border-radius:3px}
.item-search:nth-child(odd) a{background-color:rgb(223, 223, 223)}
.item-search:nth-child(even) a{background-color:#3864af}
.item-search:nth-child(even)::before{background-color:#3864af;color:#fff}
.item-search:nth-child(even) h3{color:#fff}
.item-link-name{position:relative;display:block;width:100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:1.4;margin:7px 0;color:#d2d2d2;word-break:break-word}
.item-search::before{content:counter(div) " ";counter-increment:div;position:absolute;left:-20px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;line-height:40px;font-family:Arial, Helvetica, sans-serif;font-weight:500;font-size:15px;color:#444;background-color:#dfdfdf;border:1px solid rgba(255,255,255,0.4);border-radius:3px;text-align:center;box-shadow:0 0 5px 5px rgba(0,0,0,0.04);z-index:1}
.item-search:nth-child(-n+9)::before{content:"0" counter(div);}
.item-search h3 {font-size:15px;font-weight:500;color:#444}
.item-date{display:block;width:100%;height:auto;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#eee;margin:0 0 5px 0}
.item-search p{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:1.4;color:#eee;margin:7px 0}
.item-search h3 strong, .item-search p strong{font-weight:600;color:#fff}
.item-search p .item-date{display:inline-block;width:auto;margin:0 5px 0 0}
.search-mess{position:relative;display:block;width:100%;height:auto;padding:30px 0}
.search-mess p{font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:1.4;color:#333;text-transform:uppercase;text-align:center}
.search-content .page-num{max-width:252px}
.search-tempty p{font-size:18px;text-transform:uppercase;text-align:center}
.text-btn-search{color:#3c3c3c !important}
.thongtindangduoccapnhat{text-align:center;font-size:18px;}
.on-show.item-search{animation:fadeInUp;animation-duration:1.2s;animation-delay:0.5s;animation-fill-mode:forwards;}

.item-search a, .item-search::before, .item-search h3{transition:all 0.3s ease-in-out;}
.item-search:hover a{background-color:#ec2028 !important;}
.item-search:hover h3{color:#fff !important}
.item-search:hover::before{background-color:#ec2028 !important;color:#fff}


/*TITLE-UNDERCONSTRUCTION*/
.title-underconstruct{position:relative;display:block;margin:auto;text-align:center;width:100%;height:auto;font-size:18px;color:#1b4486;line-height:2;}

/*POPUP-HOME*/
.details-content.popup-home::after{display:none}
.details-content.popup-home .details-center{background:none}
.details-content.popup-home .close-popup{opacity:1}
.popup-home img{box-shadow:0 10px 30px rgba(255 , 255 , 255 ,0.2)}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1500px){
/*HOME*/
.txt-news-home h3{font-size:15px;}
	

/*ABOUT-MANAGER*/
.box-direct{max-width:415px;width:calc(33% - 8px);margin:8px;}
.des-manager{padding:15px 5px 10px 10px}
.des-manager h3{font-size:11px;}

/*MANAGER-DETAILS*/
.details-manager.details-center{padding:20px;max-width:700px;}

/*MANAGER-DETAILS*/
.details-manager{max-width:760px;padding:20px 40px}
.direct-pic-details{width:220px;height:220px;}
.right-content-manager{width:calc(100% - 250px)}
.details-manager .title-manger-details h3{font-size:20px}

/*ABOUT-SOCIAL*/
.about-social .wrap-page{max-width:1080px}

/*PERSONAL-ACCOUNT-PAGE*/
.title-personal h3{font-size:27px;}


/*PERSONAL-DETAILS-PAGE*/
.personal-details-intro{padding:30px 0;}
}


@media screen and (max-width:1400px){
/*HOME*/
/*ULTILITIES*/
.box-ultilities{width:23.3%;margin:0 3px;}
.box-ultilities h2{font-size:18px;}

/*NEWS HOME*/
.box-news{margin:0 3px;}

/*CUSTOMER-CONTACT*/
.text-cus-contact{padding:30px 30px 30px 50px;}

/*LIST-VIEW*/
.wrap-map-box .map-box{width:calc(100% - 450px);}
.list-view{width:450px;}

.wrap-map-atm.wrap-map-box .map-box{width:calc(100% - 400px)}
.wrap-map-atm .list-view{width:400px;}
}


@media screen and (max-width:1300px){
/*CONTACT-FORM*/
.wrap-contact-form{margin:0 0 0 30%}

}


@media screen and (max-width:1200px){
/*CONTACT-FORM*/
.wrap-contact-form{margin:0 0 0 26%}

}


@media screen and (max-width:1024px){
.wheel-submit{display:block;}

.magin-top{margin-top:0}

/*SCROLL*/
.details-content{scrollbar-width:none;overflow-anchor:none;}
.details-content::-webkit-scrollbar{width:0 !important;}

/*BUTTON*/
.view-album, .view-video{width:60px;height:60px;margin:-30px 0 0 -30px;background-color:rgba(0,0,0,0.5);}

/*CLOSE*/
.close, .close-video, .close-pics, .close-album, .close-popup, .close-details{width:50px;height:50px;right:0;top:0;margin:0;background-color:#1b4486;}
.details-manager .close-popup{width:45px;height:45px;background-color:transparent}

/*BANNER*/
.banner-home{height:auto;}
.slide-mask{height:auto;}
.banner-inner::after{display:block}
.bg-home,.bg-inner{height:auto;max-height:inherit;}
.bg-home img, .bg-inner img{height:auto;max-height:inherit;min-height:inherit;}
.background-color{min-height:inherit;}

/*HOME*/
/*FIX CONTENT*/
.footer.fix-content{position:relative;left:auto;bottom:auto;background-color:#335898}
.fix-content .footer-end{position:relative;left:auto;bottom:auto;height:auto;padding:10px 30px;}
.fix-content .subscribe{position:relative;max-width:320px;top:-30px;right:auto;bottom:auto;}
.fix-content .subscribe::before,.fix-content .box-title,.fix-content .box-subscribe{display:block}
.fix-content .ultilities-home, .fix-content .news-home{position:relative;top:auto}

/*ULTILITIES*/
.ultilities-home{padding:30px 0;}
.box-ultilities{width:23%;min-height:160px;margin:0;padding:10px;box-shadow:0 10px 20px 5px rgba(0,0,0,0.1);}
.box-ultilities::before{width:calc(100% - 10px);height:calc(100% - 10px);left:5px;top:5px;}
.box-icon{width:40px;height:40px;}
.box-ultilities h2{font-size:18px;max-width:calc(100% - 60px)}
.box-ultilities  ul{padding:0 10px;}
.box-ultilities li{padding-left:20px;}

/*NEWS HOME*/
.news-home{padding:0 0 60px 0;}
.box-news{width:30%;margin:0 5px;box-shadow:0 10px 20px 5px rgba(0,0,0,0.1);}
.box-news .pic-img{width:100%;height:160px;display:block;margin:0 0 10px 0}
.txt-news-home{width:100%;display:block;margin:0;padding:0 10px;}

/*ABOUT*/
.list-content{padding-bottom:60px}

/*TITLE*/
.list-title{padding:10px 0;}
.list-title h3{padding-left:70px;max-width:calc(100% - 160px)}
.list-num{width:50px;font-size:24px;margin-top:-12px;}
.list-arrow{right:10px;margin-top:-20px;}
.list-arrow::after{width:40px;height:40px;margin-top:-20px;}
.list-arrow mark{line-height:40px}

/*TITLE-LINE*/
.title-line.title-main{white-space:normal;}
.title-line.title-main h2{width:80%}
.title-line.title-main::after{width:10%;}
.title-line.title-main::before{width:10%;}


/*DETAIL*/
.list-detail .pic-img{max-width:400px;margin:30px -5px;}
.list-text{max-width:calc(100% - 400px);padding:30px 20px;}

/*ABOUT-US*/
.about-us{padding:0 0 90px}
.wrap-more-text.wrap-view-more{display:block}
.box-text-us{padding:20px}

/*ABOUT CHART*/
.chart-pic img{max-height:inherit;height:auto;}
.quick-zoom::after{content:'';width:20px;height:20px;position:absolute;right:20px;top:0;background:url(../images/list-icon.svg) no-repeat center center/contain;pointer-events:none;}

/*ABOUT-AWARD*/
.award-box .quick-zoom::after{display:none}

/*ABOUT HISTORY*/
.about-history .list-title{height:60px;}
.about-history .list-title h3{line-height:40px}
.about-history .list-item.active .list-title{width:130px;}

/*ABOUT-MANAGER*/
.list-direct{width:90%;margin:auto;}
.box-direct{width:calc(50% - 16px);margin:8px;}
.des-manager h3{font-size:11px;}

/*ABOUT-MANAGER*/
.list-title.list-title-manager h3{font-size:18px}
.direct-pic{width:120px;height:120px;}
.des-manager{padding:10px 0 10px 15px;width:calc(100% - 120px)}
.view-info-leader{font-size:12px;left:15px;}

/*CONTROL-BUT*/
.control-but{font-size:14px;color:#1b4486;margin:3px 0;padding:12px 12px 12px 25px;white-space:nowrap;border-radius:5px;background-color:#d4def1;}
.control-but.active{background-color:#ec2028;color:#fff;}
.control-but::before{left:5px}

/*ABOUT-MANAGER-DETAILS*/
.direct-pic{max-width:220px;}
.details-manager{min-height:inherit !important}

/*ABOUT-VISION*/
.wrap-about-vision{padding:20px 0 30px}
.pic-vision{width:300px;height:300px}
.text-vision{width:calc(100% - 300px);height:auto;padding:0 0 0 30px;}
.text-ins-vision p{color:#1b4486;padding:0 0 0 40px}
.text-ins-vision:before{width:25px;height:25px;top:-10px;left:0;}
.text-ins-vision:after{margin:30px 0 0;height:1px;width:70px;}

/*ABOUT-MISSION*/
.about-mission{padding:40px 0;}
.wrap-text-mission{width:90%;margin:auto;max-width:550px;padding:30px;border-radius:20px;border:5px solid #ebf2fb;background:linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0.7));}

/*ABOUT-VALUE*/
.about-value{padding:30px 0}
.box-value{width:calc(50% - 8px)}

/*ABOUT-SOCIAL*-----*NEWS-PAGE*/
.about-social{padding:0 0 70px;}
.wrap-news-list{margin:0 0 30px 0}
.news-item{width:calc(50% - 14px);margin:7px;}
.txt-news{padding:8px 8px 15px}
.txt-news .date-thumb{top:auto;padding:6px 0 6px 2px;position:relative;display:block;}
.wrap-view-more{padding:20px 0;}

/*NEWS DETAILS*/
.wrap-top-title{margin:0}
.load-text{padding:30px;}
.load-title{width:100%;display:block;}
.load-title h3{padding:15px 0 12px;font-size:18px;text-align:center}
.wrap-top-title .date{font-size:26px;}

/*RELATIVE DETAILS*/
.slide-news-relative .box-news{width:calc(33% - 10px);max-width:300px;display:inline-block;margin:5px;padding:5px;}
.slide-news-relative .box-news .pic-img{width:120px;height:120px;display:inline-block;margin:0 }
.slide-news-relative .date-thumb{padding:0 0 5px 0}
.slide-news-relative .txt-news-home{width:calc(100% - 140px);height:auto;display:inline-block;padding:0 0 0 10px;}

/*PRINT SHARE*/
.print-box{width:100%;display:block;text-align:center}
.print-but, .save-but, .share-but::before{display:none}
.share-but{height:auto;line-height:30px;padding:0;display:inline-block;vertical-align:middle;margin:0 5px 0 0;background-color:transparent}
.share-item{position:relative;right:auto;bottom:auto;width:auto;height:auto;display:inline-block;vertical-align:middle;}
.share-item ul{text-align:center;padding:0}
.share-item li{transform:none;left:auto;opacity:1;margin:0 3px}
.item-num{padding:20px 10px;text-align:center;}

/*ABOUT-AWARD*/
.about-award .wrap-page{width:100%;}
.about-award .title-main{width:90%;margin:auto}
.list-detail.list-award .list-text{max-width:calc(100% - 120px);padding:25px 25px 25px 0}
.list-detail.list-award .pic-img{margin:20px 0;height:calc(260/300 * 120px);width:120px;}
.award-box{align-items:center;padding:0 30px}
.award-box .title-mission{font-size:18px;margin:0 0 5px;line-height:1.4;}

/*BANK-LINK*/
.wrap-table-bank{transition:height 0.3s ease-in-out;}
.bank-link.background-color{padding:0 0 70px 0;}
.bank-link table th{font-size:15px;}
table{font-size:15px;}
.bank-link table > thead > tr > th:nth-child(1){width:50px;}
.bank-link table > thead > tr > th:nth-child(2){width:280px}
.bank-link table > thead > tr > th:nth-child(3){width:130px}

/*INVESTOR*/
.list-box{width:calc(50% - 10px);margin:5px;}
.r-text{padding:0 70px 0 14px;line-height:90px;}
.r-text p{font-size:15px;}
.r-pdf{width:40px;height:40px;}
.r-link{padding:0 12px;}

/*INVESTOR-GUIDE*/
.investor-guide-section .list-box{width:calc(50% - 14px);margin:7px;}

/*CUSTOMERCARE*/
/*CUSTOMERCARE-CONTACT*/
.box-customer{width:100%;margin:10px 0;}
.pic-cus{width:90px;height:90px;}
.text-cus-contact{padding:20px}
.customer-contact{margin:30px auto;width:100%;}

/*CUSTOMERCARE-EXPECT*/
.customer-expect{padding:40px 0 80px;min-height:unset}
.circle-background{position:absolute;width:180vw;height:180vw;top:calc(50% - 90vw);right:calc(50% - 90vw);background:radial-gradient(circle, #005ea7 0%, rgba(27, 68, 134, 0.2) 60%);border-radius:50%;z-index:2;}
.expect-content .title-main h2{text-align:center;}
.list-expect{justify-content:center;align-items:center}
.box-expect{width:calc(25% - 20px);margin:10px}
.box-expect .pic-img{width:10vw;height:10vw;}

/*CUSTOMERCARE-REGIST*/
.icon-quick-regist{width:90px;height:90px;}

/*CUSTOMERCARE-FAQ*/
.customer-faq-section .wrap-page{width:90%}
.customer-faq-section{padding:0}
.list-content-customer .list-item .list-title{margin:3px 0;}
.list-content-customer .list-title h3{font-size:16px;max-width:calc(100% - 50px)}
.list-content-customer .list-title h3::before{left:52px;background-color:rgba(255, 255, 255, 0.3)}
.list-content-customer .list-title::after{width:20px;height:20px;top:calc(50% - 10px);background-size:cover;}
.outer-nav-ex.hide{position:relative;right:auto;top:auto;width:100%;text-align:center}
.outer-nav-ex.hide li{width:auto;display:inline-block;margin:0}
.outer-nav-ex.hide li a{font-size:12px;}

/*SUB-NAV-EX*/
.sub-nav-ex{width:100%;height:auto;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;float:none;text-align:center;}
.sub-nav-ex::-webkit-scrollbar{height:0 !important;display:none!important}
.sub-nav-ex li a{padding:10px 12px;font-size:13px;}

/*CONTACT-PAGE*/
/*CONTACT-INTRO*/
.company-info li a, .company-info li p{font-size:15px;}

/*CONTACT-FORM*/
.contact-form{padding:40px 0;}
.text-holder{font-size:14px}
.wrap-contact-form .title-small{text-align:center; color:#fff}
.wrap-contact-form{margin:auto;}
.wrap-but-submit-contact{margin:0;}
.wrap-but-submit-contact .captcha{top:-80px;right:345px;}

/*SMALL-CAPTCHA*/
.captcha{width:110px;height:54px;display:inline-block;vertical-align:middle;position:relative;text-align:center;overflow:hidden;background-color:#f9f9f9;float:none;margin:2px -8px 2px -9px; transform:none; border-radius:10px}
.captcha::after{content:'';position:absolute;right:2px;top:2px;left:auto;display:inline-block;width:60px;height:50px;background:#f9f9f9 url(../images/captcha.png) no-repeat center center/contain;box-shadow:none;z-index:2}
.captcha::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:2}
.g-recaptcha{width:100%;height:auto;display:inline-block;position:relative;margin:0;text-align:center}
.g-recaptcha > div{width:100% !important;height:54px !important;position:relative;display:inline-block;margin:-5px 0 0 0px;overflow:hidden;}
.wrap-but-submit-lookup .captcha::after{ box-shadow:none}

/*POPUP-CONTACT-FORM*/
.popup-apointment-details.details-center{min-height:100vh;max-width:100%;padding:30px 30px}
.popup-contact-form.wrap-contact-form{margin:auto;max-width:100%}
.popup-apointment-details.details-center::after{border-radius:0;}
.popup-apointment-details.details-center .title-small{margin:0 0 10px 0;color:#1b4486}
.logo-popup{width:130px;height:calc(54/200 * 130px);}

/*CONTACT-DOWNLOAD*/
.contact-download{padding:30px 0 80px;box-shadow:0 10px 20px rgba(0,0,0,0.1);z-index:10}
.right-contact-download{margin:20px auto 0;}

/*LIST-VIEW*/
.wrap-map-box .map-box, .wrap-map-atm.wrap-map-box .map-box{width:100%}
.list-view{position:relative;width:100%;top:auto;left:auto;right:auto;bottom:auto;margin:10px 0 0;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.wrap-map-atm .list-view{width:100%;}

/*PERSONAL-ACCOUNT-PAGE*/
.text-personal-account{padding:15px 0 40px 30px}
.section-personal-account:nth-child(even) .text-personal-account{padding:15px 30px 40px 0}

/*PERSONAL-SAVING-LIST-INTRO*/
.pic-saving{width:80%;max-width:500px;height:auto;margin:auto;position:relative;display:block}
.pic-saving img{height:auto;object-fit:contain;}
.text-saving-intro{width:100%;margin:0;max-width:inherit;}

.demand-deposit .section-personal-account .text-personal-account{padding:0 30px 40px 0}

/*INPUT-BUTTON*/
.input-but button{font-size:13px;}
.button-style{font-size:13px;padding:12px 15px 12px 30px}
.button-style.download-button-style{padding:3px 10px 3px 35px}
.button-style::after{width:10px;height:10px;top:calc(50% - 5px);left:12px;}

/*PERSONAL-TIME-DEPOSIT*/
.box-deposit{width:calc(50% - 20px);margin:10px;}
.box-deposit .title-personal{padding:15px 5px 15px 15px;}
.box-deposit .title-personal h3{font-size:22px;}
.text-deposit{padding:15px;justify-content:flex-start;}
.text-deposit p{width:100%;max-width:inherit;}
.box-deposit .view-details{position:relative;left:auto;right:auto;top:auto;margin:10px 0 0}
.box-deposit .button-style{bottom:auto;right:10px;top:75px;background-color:rgba(56, 100, 175, 1)}

/*SECTION-BOTTOM-FIND*/
.section-find-bottom .bottom-find{padding:4px}
.section-find-bottom .items-parent{width:100%; padding:5px 10px; margin:0}
.section-find-bottom .items-children{line-height:50px;}

/*PROMOTE-GROUP*/
.promote-box{padding:60px 30px;top:-80px;;}
.title-promote h2{font-size:28px;margin:0 0 3px}
.title-promote h3{font-size:18px;}

/*PERSONAL-DETAILS-PAGE*/
.title-page.title-page-center{bottom:70px;}
.title-page.title-page-center.title-page-promotion{bottom:70px;}

/*BREADCRUMBS*/
.breadcrumbs{position:relative;display:block;bottom:auto;left:auto;background-color:#fff;color:#1b4486;border-bottom:1px solid rgba(27, 68, 134, 0.2);}
.breadcrumbs ul{ white-space:nowrap}
.breadcrumbs h2, .breadcrumbs h3{font-size:16px;font-family:'Oswald';font-weight:500;line-height:3;}
.breadcrumbs li a{font-family:'Oswald';font-weight:500}
.breadcrumbs h2{color:#ec2028;text-decoration:underline;text-underline-position:under;}
.breadcrumbs ul li + li::before{font-size:14px;margin:0 5px;line-height:3}

/*PERSONAL-DETAILS-CHARACTERS*/
.left-characters{width:100%;padding:30px 0}
.right-characters{width:100%;padding:30px 0;border-left:0;border-top:1px dashed rgba(27,68,134,0.3)}

/*RELATIVE-PRODUCTS*/
.box-rel-products{width:calc(50% - 12px);margin:6px}
.text-rel-products{padding:12px 15px;}
.text-rel-products h3{font-size:18px;}
.back-list-news{padding:20px 0}


/*LOAD-CONTENT*/
.load-title h3{font-size:21px}

/*CARD-LIST*/
/*CARD-FAVOUR*/
.card-intro .promote-group{margin:85px auto 0}
.card-intro .promote-box{padding:30px 30px 130px}
.section-big-card{padding:0 0 30px 0}

/*DIGITAL-DETAILS-PAGE*/
/*CARD DETAILS*/
.left-intro-card-details{ width:100%;margin:20px 0;text-align:center}
.left-intro-card-details img{max-width:500px;}
.right-intro-card-details{width:100%;}
.condition-card{width:100%;margin:30px 0}
.box-condition-card{padding:20px}
.box-condition-card .title-small h3{ font-size:18px}

/*SECTION-SMALL-CARD*/
.box-card{width:calc(50% - 12px);}
.text-card{padding:8px 10px}
.text-card h3{font-size:20px;}
.section-small-card .wrap-page, .section-big-card .wrap-page{margin:0 auto 30px}

/*SECTION-BIG-CARD*/
.section-big-card .box-card{width:calc(50% - 20px);margin:10px;border-radius:12px}
.card-relative .list-card{width:100%}

/*PROMOTION-PAGE*/
.promocontrol .control-but{font-size:15px;box-shadow:none}
.promocontrol .control-but.active::before{background:url(../images/list-icon.svg) no-repeat center center/contain}
.title-page.title-page-center.title-page-promotion{bottom:20px}

/*PROMO-CARD*/
.wrap-promo-card{position:relative;display:block;width:100%;height:auto;margin:0;padding:80px 0;}
.card-promo-text{margin-left:7%;max-width:90%}
.wrap-promo-card .title-promote h2{text-shadow:2px 2px 2px rgba(0,0,0,0.2)}
.card-favour .section-personal-account.section-find-bottom{padding:40px 0;background:none;}

/*LEFT-TARIFF*/
.wrap-tariff{flex-wrap:wrap;}
.sub-tariff{width:100%;padding:0 0 30px}
.right-tariff{width:100%;text-align:center}
.sub-control{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.sub-tariff .wrap-sub-control{white-space:nowrap;width:auto}
.sub-tariff .control-but{display:inline-block;margin:2px;}

/*RIGHT-TARIFFF*/
.second-option .list-detail .sub-list-num{border:0;padding:12px 20px}
.second-option .sub-list-num ul li:first-child{width:50px}
.second-option .sub-list-num ul li:nth-child(2){width:calc(100% - 150px);}
.second-option .sub-list-num ul li:nth-child(3){width:100px;}
.card-tariff-faq.personal-details-faq .wrap-page{width:90%;}

/*SERVICE-FEATURE*/
.service-feature{background-color:#fff;padding:30px 0;}
.left-column{padding:0;width:100%;}
.left-column::after{content:'';position:relative;display:block;width:100%;height:1px;border:1px dashed rgba(27,68,134,0.2);margin:30px auto;}
.right-column{padding:0;width:100%;}
.right-column .button-style{background-color:#3864af;padding:20px 25px 20px 35px}
.right-column .app li{margin:10px 30px 0 0}

/*TABLE-EXCHANGE*/
.table-exchange table > thead > tr > th:nth-child(1){width:70px}
.table-exchange table > thead > tr > th:nth-child(3){width:130px}
.table-exchange table > thead > tr > th:nth-child(4){width:130px}
.table-exchange table > thead > tr > th:nth-child(5){width:130px}
.red-ex::after{width:24px;height:24px;top:calc(50% - 12px);right:-25px}
.green-ex::after{width:24px;height:24px;top:calc(50% - 12px);right:-25px}
.box-input-exchange{width:auto;padding:10px 20px;max-width:inherit}


/*QUICKTOOLS*/	
.calculator{ min-height:inherit}	
.calculator::after{ display:none}	
.calculator .title-page{top:30px;bottom:auto;}
.calculator .sub-control{top:120px}
.calculator .control-but{ font-size:15px}
.calculator .control-but.active::before{background:url(../images/list-icon.svg) no-repeat center center/contain}
.background-calculator{ min-height:inherit;position:relative;left:auto;top:auto;height:calc(1125/2000 * 100vw);max-height:400px;min-height:280px}
.content-calculator{ margin:-40px 0 70px 0;background-color:#fff;max-width:96% }
.content-result{ min-width:inherit}	
.content-form{margin:30px 0 0 0}
.result-show  .odd-tr{background-color:#eee;}
.result-show  .even-tr{background-color:#fefdfd;}
.content-result.saving{ text-align:center;width:100%;padding:20px;background-color:#ebf2fb;margin:0 0 60px 0;border-radius:10px;}
.content-result.saving .loan-text-result{background-color:#ebf2fb;text-align:center}
.col-one{width:240px}
.col-two{width:495px;margin:0 5px}
.col-mid{width:240px}

/*INTEREST-PAGE*/
.interest-section{padding:20px 0 40px 0}

/*LOOK-UP-PAGE*/
.content-calculator.content-lookup{max-width:90%;width:auto;background-color:rgba(226, 237, 254, 1);padding:10px 30px 30px 30px}
.content-lookup .content-form{margin:15px 0 0}

/*LOAN-ONLINE*/
.register-loan .title-page .title-small{margin:15px 0}
.register-loan .title-page .title-small h2{font-size:22px}
.box-thankyou h3{font-size:20px}
.text-introduce-custome{position:relative;display:block;width:100%;float:none;padding:20px 20px 0 20px;}


/*LOAN-ONLINE-THANKYOU*/
.content-calculator.content-lookup.content-thankyou{padding:0;margin:-25vw 0 70px 0}
.content-lookup.content-thankyou .content-form{margin:0}


/*SUB-LOAN*/
.sub-loan{top:25vw;left:50%;transform:translate(-50%, 0);position:absolute}
.wrap-sub-loan{display:flex;justify-content:center;align-items:center;width:100%}
.loan-control{margin:15px;}

/*THANKYOU-PAGE*/
.wrap-thankyou-content{height:auto}
.thankyou-content{max-width:540px;margin:50px 0 80px 0}
#thankyou-page .background-calculator{min-height:inherit;width:100%;height:100%;position:absolute;}
.thankyou-list p{margin:0 0 20px 0}


}


@media screen and (max-width:960px){
/*HOME*/
/*ULTILITIES*/
.box-ultilities{width:46%;margin:0 2px 10px 2px;max-width:inherit }
.box-icon{width:50px;height:50px;}
.box-ultilities h2{max-width:calc(100% - 70px)}
.box-ultilities  ul{padding:0 15px;}
.box-ultilities li{padding-left:30px;}

/*RELATIVE DETAILS*/
.slide-news-relative .box-news{width:calc(48% - 10px);max-width:45vw;}

/*PERSONAL*/
.pic-personal-account .pic-img{ height:auto;}
.pic-personal-account .pic-img img{height:auto;object-fit:contain;}


/*QUICKTOOLS*/	
.content-calculator{padding:0 20px 20px 20px}	
.loan-text-result{ width:100%;display:block;text-align:center;margin:0;background-color:#ebf2fb;}
.loan-nav-result{width:100%;display:block;}
.pages{margin:0}
.go-prev,.go-next{ line-height:40px;position:relative;display:inline-block;vertical-align:top;left:auto;top:auto;right:auto;margin:0 20px 20px 20px;}
.go-prev::after, .go-next::after{width:40px;height:40px}
}


@media screen and (max-width:800px){

/*BREADCRUMBS*/
.breadcrumbs h2, .breadcrumbs h3{font-size:15px;}

/*DETAIL*/
.load-details iframe{width:100%;height:calc(1125/2000 * 100vw);}
.list-detail .pic-img{max-width:inherit;margin:15px auto;width:100%;display:block;vertical-align:inherit}
.list-detail{background-color:#1b4486;background-image:none;}
.list-text{max-width:inherit;padding:0 0 30px 0;width:100%;display:block;vertical-align:inherit}

/*BANK-LINK*/
.bank-link table td{background-color:#eee;padding:10px 10px 10px 180px;text-align:left !important;border-bottom:1px solid #1b4486;border-bottom-style:dotted;background-color:#fff;display:block;position:relative;}
.bank-link table th{display:none;}
.bank-link table tr:last-child{margin:0;}
.bank-link table td::before{content:attr(data-label);float:left;font-size:14px;color:#444;font-weight:700;position:absolute;left:10px;top:50%;margin:-8px 0 0 0;text-transform:uppercase }
.bank-link table td:first-child{background-color:#3864af !important;color:#fff !important;padding:10px 15px;font-size:14px;text-align:right !important;}
.bank-link table td:first-child span{color:#1b4486;display:inline-block;width:auto;height:25px;text-align:center;line-height:25px;border-radius:50%;background-color:rgba(255, 255, 255, 0.9);}
.bank-link table td:first-child::before{color:#fff}
.bank-link table td a{padding:0;font-size:14px;line-height:1.4}
.bank-link table td{border-right:1px solid #1b4486;border-left:1px solid #1b4486;}
.bank-link table td:first-child{border-left:1px solid #1b4486}
.bank-link table tr:first-child td:first-child{border-top:0;border-radius:10px 10px 0 0}
.bank-link table tr:last-child td:first-child{border-radius:0;}
.bank-link table tr:last-child td:last-child{border-radius:0 0 10px 10px}
.bank-link table td:nth-child(2), .bank-link table td:nth-child(3){padding:10px 10px 10px 180px}
.bank-link table td:nth-child(5), .bank-link table td:nth-child(6), .bank-link table td:nth-child(7), .bank-link table td:nth-child(8){display:none}
.bank-link table tr.last-child td:nth-child(1){border-radius:0}
.bank-link table tr.last-child td:last-child{border-radius:0 0 10px 0;}

/*PERSONAL-TIME-DEPOSIT*/
.box-deposit .title-personal h3{font-size:18px;}
.box-deposit .button-style{top:70px;}


/*CUSTOMER CONTACT*/
.customer-contact{ display:block}
.left-half, .right-half{width:100%;margin:10px 0} 
.left-half .pic-img{ height:auto;max-height:300px}
.left-half .pic-img img{height:auto;object-fit:contain}

/*CARD DETAILS*/
.box-condition-card{width:100%;}
.box-condition-card .title-small h3{ font-size:22px}

/*PRODUCT DETAILS*/
/*PERSONAL-ACCOUNT-PAGE*/
.section-personal-account{padding:30px 0;}
.pic-personal-account{width:100%;}
.pic-personal-account .pic-img img{border-radius:10px 10px 0 0;}
.text-personal-account{padding:15px 25px 20px;border-radius:0 0 10px 10px;background-color:#fff;width:100%;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid rgba(27,68,134,0.2)}
.demand-deposit .section-personal-account .text-personal-account{padding:15px 20px}

/*TABLE-EXCHANGE*/
.table-exchange.bank-link table td:first-child span{background:inherit;color:#fff;font-size:16px}
.table-exchange.bank-link table tr.last-child td:last-child{border-radius:0 0 10px 10px;}
.table-exchange.bank-link table td:nth-child(5), .table-exchange.bank-link table td:nth-child(6), .table-exchange.bank-link table td:nth-child(7), .table-exchange.bank-link table td:nth-child(8){display:block}

/*QUICKTOOLS*/	
.col-group,.col-group:nth-last-of-type(2n){ margin:0}
.col-one, .col-two, .col-mid{width:100%;margin:25px 0;max-width:400px}	


}

@media screen and (max-width:740px){

/*ABOUT-MANAGER*/
.box-direct{width:100%;margin:0 0 8px}

/*CONTACT-INTRO*/
.company-contact{padding:20px 25px;}
.company-title h2{font-size:18px}
.company-title::after{width:60px;margin:15px 0;background-color:rgba(56, 100, 175, 0.4);}
.company-info{margin:0 0 20px;}
.info-email::before{width:32px;height:32px;top:calc(50% - 18px);left:0;}


/*CONTACT-FORM*/
.wrap-but-submit-contact{text-align:center;margin:-10px auto 0}
.wrap-but-submit-contact .input-but{width:auto;display:inline-block;vertical-align:middle;}
.left-form-contact{width:100%;margin:0}
.right-form-contact{width:100%;margin:0 0 5px;}
.wrap-contact-form .input-select{max-width:inherit}
.bottom-find{padding:20px 10px}
.wrap-but-submit-contact .captcha{top:auto;right:auto; position:relative; margin:0 10px}


/*CONTACT-DOWNLOAD*/
.items-parent{width:100%;padding:0 0 10px}



}


@media screen and (max-width:660px){

/*ABOUT-MISSION*/
.section-personal-account:nth-child(even) .text-personal-account{padding:15px 25px 20px;background-color:#ebf2fb;box-shadow:0 0px 30px 5px rgba(0,0,0,0.15)}
.title-personal h3{font-size:24px}

/*PERSONAL-DEMAND-DEPOSIT*/
.demand-deposit .section-personal-account .wrap-personal-group{flex-direction:unset;}


/*PERSONAL-TIME-DEPOSIT*/
.box-deposit{width:100%;margin:10px 0;}

/*PERSONAL-DETAILS-INTRO*/
.personal-details-intro{padding:20px 0;}
.content-pers-details-intro > p{font-size:20px}

/*CARD-LIST*/
/*SECTION-SMALL-CARD*/
.box-card{width:calc(50% - 10px);margin:10px 5px;}

/*SECTION-BIG-CARD*/
.section-big-card .box-card{width:calc(50% - 10px);margin:10px 5px;}

/*PROMO-CARD*/
.wrap-promo-card{padding:60px 0;}


/*NETWORD-BRANCH*/
.network-input-select{flex-wrap:wrap;margin:0 auto 20px}
.network-input-select .but-getlocation{margin:15px 10%}
.network-input-select .but-getlocation button{font-size:14px;padding:12px 20px;}

/*LOOK-UP-PAGE*/
.content-lookup .col-one{width:100%;margin:7px 0;max-width:inherit;}
.content-calculator.content-lookup{padding:0 20px 15px 20px}
.text-des-lookup{padding:0 10px}


/*LOOK-UP-DETAILS-PAGE*/
.box-lookup-info{width:100%;margin:5px 0}
.line-width{margin:20px auto;width:80px;background-color:rgba(27, 68, 134, 0.4);}

/*LOAN-ONLINE*/
.col-loan-group .col-two{width:100%;margin:6px 0}


}


@media screen and (max-width:570px){
.info-email a{ font-size:14px}	

/*CLOSE*/
.close, .close-video, .close-pics, .close-album, .close-popup, .close-details{width:40px;height:40px;}

/*DETAILS CONTENT*/	
.details-content::after{display:none}
.details-center{width:96%;background-color:#fff}

/*TITLE*/
.title-main h2{padding:20px 5% 10px 5%}
.title-small h2, .title-small h3{font-size:20px;}

/*BREADCRUMBS*/
.breadcrumbs h2, .breadcrumbs h3{font-size:14px;}


/*SUB MENU*/
.sub-nav-ex li a, .sub-nav li a{ font-size:12px}

/*HOME*/
/*FIX CONTENT*/
.fix-content .footer-end{padding:0;}

/*ULTILITIES*/
.box-ultilities{width:100%;margin:0 0 10px 0;}

/*NEWS HOME*/
.box-news{width:100%;max-width:inherit;display:block;margin:0 0 10px 0;}
.box-news .pic-img{width:130px;height:130px;display:inline-block;margin:0 }
.txt-news-home{width:calc(100% - 150px);display:inline-block;margin:0;padding:0 0 0 10px;}

/*ABOUT-MANAGER*/
.list-title{margin:0}
.list-title.list-title-manager{padding:14px 0}
.list-title.list-title-manager h3{font-size:15px;}
.list-title-manager::after{width:20px;height:20px;top:calc(50% - 10px);right:16px;opacity:0.8}
.direct-pic{width:110px;height:110px;}
.des-manager{padding:10px 0 15px 15px;width:calc(100% - 110px)}
.des-manager h3{font-size:11px;}
.view-info-leader{font-size:11px;left:15px;bottom:2px}

/*ABOUT-MANAGER-DETAILS*/
.direct-pic-details{margin:0 auto 10px}
.right-content-manager{width:100%;margin:10px 0;text-align:center;}
.details-manager{padding:20px 5%;}
.details-manager .title-manger-details h3{margin:0;font-size:18px}
.title-manger-details::after{width:50px;margin:14px auto;}

/*ABOUT-VISION*/
.about-vision{background:linear-gradient(0deg, rgba(150, 170, 202,0.3)0%, #fff 100%);}
.wrap-about-vision{flex-direction:column-reverse;padding:20px 0 40px}
.text-vision{width:100%;height:auto;padding:0;text-align:center;}
.pic-vision{width:280px;height:280px}
.text-vision .title-small{text-align:center;}
.text-ins-vision{text-align:center;margin:10px auto;}
.text-ins-vision:after{width:70px;margin:30px auto;}
.text-ins-vision p{color:#1b4486;padding:0 30px;}

/*ABOUT-MISSION*/
.wrap-text-mission{padding:24px}
.box-text-mission::after{width:70px;background-color:rgba(56, 100, 175, 0.5)}

/*ABOUT-VALUE*/
.box-value{width:100%;margin:5px 0;}

/*SUB-CONTROL*/
.list-content::before{width:60px;margin:20px auto;}

/*NEWS DETAILS*/
.load-details .wrap-content{width:96%}
.load-text{padding:20px;}

/*LOAD-CONTENT*/
.load-title h3{font-size:22px}
.load-text > h2, .load-text > h3{font-size:18px}

/*ABOUT-AWARD*/
.list-detail.list-award .list-text{max-width:calc(100% - 100px);padding:20px 20px 20px 0}
.list-detail.list-award .pic-img{margin:20px 0;height:calc(260/300 * 100px);width:100px;}
.award-box{align-items:center;padding:0 20px}
.award-box .title-mission{font-size:16px;}

/*INVESTOR*/
.list-box{width:100%;margin:5px 0;}

/*INVESTOR-GUIDE*/
.investor-guide-section .list-box{width:100%;margin:5px 0;}

/*CUSTOMERCARE-INTRO*/
.box-customer{flex-wrap:wrap;}
.text-cus{width:100%;padding:15px 0;text-align:center;}

/*CUSTOMERCARE-EXPECT*/
.customer-expect{padding:40px 0 60px;min-height:unset;}
.box-expect{width:calc(25% - 10px);margin:2px;}
.box-expect .pic-img{width:13vw;height:13vw;}

/*CUSTOMERCARE-REGISTER*/
.customer-regist{padding:20px 0 40px;}

/*CUSTOMERCARE-FAQ*/
.list-content-customer .list-detail.active{margin:-9px auto 10px;}
.title-answer{ position:relative; display:block; font-size:16px;}
.wrap-text-answer{padding:10px 0 0 0}

/*NETWORK-PAGE*/
.list-view h3{font-size:18px;}
.list-view p{font-size:15px;}
.list-view li{padding:15px 10px 15px 21px;}
.left-agen{width:calc(100% - 115px)}

/*PERSONAL-SAVING-LIST-INTRO*/
.text-saving-intro .wrap-view-more{padding:20px 0 0}
.demand-deposit .section-personal-account .text-personal-account{padding:15px 25px 20px}

/*PERSONAL-DETAILS-FAQ*/
.personal-details-faq .wrap-page{width:100%;}

/*CARD DETAILS*/
.limited-card .wrap-page{width:100%;}
.limited-card .list-item .list-title::after{top:5px;right:10px}
.sub-list-title.sub-list-num{padding:0 15px}
.sub-list-num{padding:12px 15px}
.sub-list-num ul li:first-child{width:40%}
.sub-list-num ul li{width:30%}

/*PROMOTE-GROUP*/
.promote-box{padding:60px 10px 60px 30px;top:-80px;;}
.title-promote h2{font-size:5.5vw;margin:0 0 3px}
.title-promote h3{font-size:3.6vw;}

/*RELATIVE DETAILS*/
.slide-news-relative .box-news{width:100%;max-width:none;}

/*RELATIVE-PRODUCTS*/
.box-rel-products{width:100%;margin:6px 0}
.box-rel-products a{display:flex;position:relative;justify-content:center;align-items:center;}
.box-rel-products .pic-img{border-radius:10px 0 0 10px;width:50%;}
.text-rel-products{width:50%;padding:12px 12px 12px 20px;}
.text-rel-products h3{font-size:16px;}


/*CARD-LIST*/
/*CARD-FAVOUR*/
.card-intro .promote-box{padding:25px 30px 30px}

/*SECTION-SMALL-CARD*/
.box-card{width:100%;margin:10px 0}

/*SECTION-BIG-CARD*/
.section-big-card .box-card{width:100%;margin:10px 0}

/*SERVICE-FEATURE*/
.service-feature .app{text-align:center;}
.box-download-pdf{ display:block;text-align:center}
.right-column .app li{margin:10px}
.box-download-pdf a{margin:10px}

/*PROMO-CARD*/
.wrap-promo-card{padding:40px 0;}

/*TEXT-INDISDE-LIST*/
.text-ins-list{padding:20px 20px 10px}
.text-ins-list p{margin:0 0 15px 0}

/*RIGHT-TARIFFF*/
.second-option .sub-list-num ul li:first-child{width:40px}
.second-option .sub-list-num ul li:nth-child(2){width:calc(100% - 140px);}
.second-option .sub-list-num ul li:nth-child(3){width:100px;}

/*SUB-LIST-NUM*/
#digital-details-page .list-content{padding:0 0 50px;}
.sub-list-num ul li{font-size:15px}

/*RIGHT-TARIFFF*/
.second-option.list-content-customer .list-item .list-title{padding:15px 0}
.second-option .list-detail .sub-list-num{border:0;padding:12px 15px}

/*TABLE-EXCHANGE*/
.wrap-exchange-select{margin:0 auto 20px}
.text-ex{width:110px;text-align:right;}
.exchange-section .wrap-page::before{width:80px;margin:20px auto;}

/*DOWNLOAD-FORM-SECTION*/
.download-form-section .text-blue::after{margin:30px auto;width:70px;}

/*QUICKTOOLS*/	
.calculator .sub-control{top:90px}	
.content-calculator{max-width:inherit;width:96%}
.calculator .wrap-sub-control{ white-space:normal}	
.calculator .control-but{width:200px;display:block;margin:5px auto}
.content-calculator{margin:-20px 0 70px 0}

/*REULT TABLE*/
.result-show th{display:none;}
.result-show td{padding:5px 15px;text-align:right;border-bottom:1px solid #ddd;display:block;position:relative;}
.result-show tr:last-child{margin:0;}
.result-show td::before{content:attr(data-label);float:left;font-size:14px;color:#444;position:absolute;left:15px;top:50%;margin:-9px 0 0 0;text-transform:uppercase}
.result-show td:first-child::before{color:#fff}
.result-show td:first-child{background-color:#3864af;color:#fff;padding:8px 70px;text-align:left;}
.result-show td{border-right:1px solid #ddd;border-left:1px solid #ddd;}
.result-show td:first-child{border-left:1px solid #1b4486}
.result-show tr:first-child td:first-child{border-top:0;border-radius:10px 10px 0 0}
.result-show tr:last-child td:first-child{border-radius:0;}
.result-show tr:last-child td:last-child{border-radius:0 0 10px 10px}

/*LOAN-ONLINE*/
.box-thankyou h3{font-size:18px}
.customer-box{margin:0 0 0 5px}
.customer-box > h3{display:block;margin:5px 0 10px 0}
.text-des-loan.text-des-lookup{padding:10px 10px 0 14px;}
.content-calculator.content-lookup.content-loan-online{padding:10px 25px 25px 25px;}

/*LOAN-ONLINE-THANKYOU*/
.box-thankyou{padding:20px;}
.register-loan .title-page .title-small h2{font-size:18px}
}




@media screen and (max-width:440px){
/*HOME*/
.txt-news-home h3{font-size:14px;}	
	
/*ABOUT-SOCIAL*-----*NEWS-PAGE*/
.news-item{width:100%;margin:5px 0}
.txt-news h3{font-size:14px;height:auto;}

/*PERSONAL-ACCOUNT-PAGE*/
.title-personal{margin:0 0 7px}
.title-personal h3{font-size:22px;}
.text-personal-account{padding:15px 20px;}
.section-personal-account:nth-child(even) .text-personal-account{padding:15px 20px;}

}


@media screen and (max-width:360px){

}



@media print{
/*FORMAT STYLE TO PRINT*/
.title-page, .print, .header, .footer, .outer-nav, .go-top, .banner-inner, .social-details-section .title-main, .social-details-section .title-small, .slide-news-relative{display:none !important}
.container, .load-content{opacity:1;margin:auto;visibility:visible}
}

/*CSS SCROLL */
.content-table::-webkit-scrollbar, .navigation::-webkit-scrollbar, .second-item-sub::-webkit-scrollbar, .group-right .sub-menu-drop::-webkit-scrollbar, .sub-nav::-webkit-scrollbar, .sub-nav-ex::-webkit-scrollbar, .sub-control::-webkit-scrollbar, .total-child::-webkit-scrollbar{width:0 !important;height:0 !important}
.content-table,  .navigation, .second-item-sub, .group-right .sub-menu-drop, .sub-nav, .sub-nav-ex, .sub-control, .total-child{scrollbar-width:none;}