/* Copyright 2020 by 3graphic.com */

/*MESSENGER*/
#fb-root .fb_dialog_content > iframe:nth-child(1){bottom:74px !important}
.fb-customerchat > span > iframe{bottom:63px !important;right: 75px !important}

/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, picture{margin:0;padding:0;border:0;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
* {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before,*:after {-webkit-box-sizing:border-box;box-sizing:border-box;}

html{width:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;scrollbar-color:#1b4486 #f1f1f1;scrollbar-width:thin;}
body {width:100%;margin:0;padding:0;font-family:'Roboto', sans-serif;line-height:1;overflow-x:hidden;overflow-y:auto;scrollbar-color:#1b4486 #f1f1f1;scrollbar-width:thin;background-color:#ebf2fb;color:#444}

ol, ul {list-style:none;}
blockquote, q {	quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;	border:none}
a {text-decoration:none;line-height:1.6;color:currentColor;font-weight:400}
p {text-decoration:none;line-height:1.6;font-weight:400}
strong, b {text-decoration:none;font-weight:700;}
cite, em, i {text-decoration:none;line-height:1;vertical-align:baseline;font-style:italic}
pre, code {text-decoration:none;}
ins {text-decoration:none;}
sup {text-decoration:none;bottom:5px;font-size:70%;vertical-align:baseline;position:relative}
dl dt {text-decoration:none;}
dd {text-decoration:none;}
mark{text-decoration:none;background-color:transparent;color:currentColor;}
del {text-decoration:line-through;}
img[alt], [title] {font-size:0}
h1, h2, h3{font-family:'Roboto', sans-serif;font-weight:400;line-height:1.4}
h4, h5, h6{font-family:'Roboto', sans-serif;line-height:1.5;font-weight:400 }
div, table, span{font-family:'Roboto', sans-serif;line-height:1.5}
textarea, input, select {font-family:'Roboto', sans-serif;-webkit-appearance:none;line-height:1.4}
button{ font-family:'Roboto', sans-serif;cursor:pointer;background:none;border:none;color:currentColor}
textarea, input{background:none;border:none}
p, a, li, div, table, span {font-size:16px;}

/*SCROLL WEBKIT*/
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:rgba(255, 255, 255, 0.2)}
::-webkit-scrollbar-thumb{background-color:#1b4486;}

/*FORM*/
input[type="text"]{color:#ddd;font-size:15px;line-height:48px;padding:0 20px;width:100%;transition:box-shadow 0.3s ease-in-out;}
input[type="text"]:focus{box-shadow:0 20px 30px rgba(0,0,0,0.2)}
input[type="number"]{color:#ddd;font-size:15px;line-height:48px;padding:0 20px;width:100%;transition:box-shadow 0.3s ease-in-out;}
input[type="number"]:focus{box-shadow:0 20px 30px rgba(0,0,0,0.2)}
textarea{color:#ddd;font-size:15px;line-height:24px;padding:5px 20px;width:100%;height:123px;transition:box-shadow 0.3s ease-in-out;resize:none;position:relative;display:block;}
textarea:focus{ box-shadow:0 20px 30px 0 rgba(0,0,0,0.2)}
.require-col,.input-area,.input-text,.input-but{width:100%;height:auto;position:relative;display:block;margin:0}
.input-number::before{content:'';position:absolute;width:50px;height:100%;border-radius:10px;background:#fff;top:0;right:0;z-index:100}
.input-but button{font-weight:700;font-size:14px;line-height:1.4;padding:10px 20px;text-align:center;color:#fff;width:auto;height:auto;position:relative;display:inline-block;margin:0;background-color:#ec2028;vertical-align:middle;border-radius:10px}
.input-but button::before{content:'';width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;left:5px;top:5px;border:1px solid rgba(255,255,255,0.5);border-radius:8px}
.text-holder{ position:absolute;left:20px;top:12px;color:#ddd;font-size:16px;line-height:24px;pointer-events:none;transition:opacity 0.3s ease-in-out;overflow:hidden;z-index:1}
.text-holder.hide{opacity:0;width:0}
.text-holder.not-focus{text-align:right;left:auto;right:20px;top:0;line-height:48px;padding-left:15px;border-left:1px solid #aaa}

/*LOAD*/
.loadx{position:fixed;top:0;left:0;width:150px;height:150px;top:50%;left:50%;margin:-75px 0 0 -75px;overflow:hidden;display:none;z-index:110000;}
.load-present{width:100%;height:100%;position:absolute;left:0;top:0;}
.load-present path{fill:#ec2028;stroke:none;opacity:0;transform-origin:center top;}
.loader .stroke-one{animation-name:fadeInUp;animation-duration:0.3s;animation-fill-mode:forwards;}
.loader .stroke-two{animation-name:fadeInUp;animation-duration:0.6s;animation-fill-mode:forwards;}
.loader .stroke-three{animation-name:fadeInUp;animation-duration:0.9s;animation-fill-mode:forwards;}

.load-cycle{position:fixed;top:50%;left:50%;width:82px;height:82px;margin:-41px 0 0 -41px;border-radius:50%;opacity:0;transition:opacity 0.6s ease-in-out;animation:Rotate 1s linear infinite;z-index:110000}


/*CONTAINER*/
.main{position:relative;width:100%;height:auto;display:block;margin:0;padding:0;}
section{width:100%;height:auto;position:relative;display:block;margin:0;padding:0;}
.container{position:relative;width:100%;height:auto;margin:80px 0 0 0;min-height:100vh;padding:0;overflow:hidden;opacity:0;z-index:1;}
.wrap-page{width:90%;max-width:1200px;height:auto;position:relative;display:block;margin:0 auto}
.wrap-small{width:90%;max-width:900px;height:auto;position:relative;display:block;margin:0 auto;}
.wrap-content{width:90%;max-width:1100px;height:auto;position:relative;display:block;margin:0 auto;}
#home-page{ min-height:inherit;}

/*HEADER*/
.header{position:fixed;width:100%;height:auto;top:0;left:0;text-align:center;z-index:100}
.line-color{ position:absolute;left:0;top:0;height:10px;width:100%;overflow:hidden;pointer-events:none;transition:all 0.3s ease-in-out;}
.line-color::before, .line-color::after{content:'';position:absolute;height:7px;transform:skewX(-45deg)}
.line-color::after{left:-20px;bottom:0;background-color:#1b4486;width:calc(70vw + 150px)}
.line-color::before{right:-20px;top:0;background-color:#ec1d23;width:calc(30vw + 20px);}
.header .line-color{top:74px;}

/*INNER HEADER*/
.inner-header{position:fixed;width:100%;height:80px;top:0;left:0;background-color:#fff;transition:height 0.3s ease-in-out;z-index:110}
.right-header{ position:fixed;right:120px;top:0;width:auto;height:auto;}

/*LOGO*/
.logo{width:260px;height:70px;position:absolute;top:4px;left:35px;transition:all 0.3s ease-in-out;}

/*LANGUAGE*/
.language{position:relative;display:inline-block;height:54px;margin:10px 0;vertical-align:top;transition:margin 0.3s ease-in-out;}
.language ul{position:relative;display:flex;flex-direction:column;text-align:right;padding-right:20px;overflow:hidden;width:100%;height:50px;transition:height 0.3s ease-in-out;}
.arrow-click{position:absolute;right:0;top:0;width:60px;height:100%;cursor:pointer;z-index:5}
.arrow-click::after{content:'';position:absolute;top:23px;right:0;width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#80848b transparent transparent transparent;transition:border-color 0.3s ease-in-out;}
.language li{position:relative;flex:none;display:block;margin:0;color:#80848b;padding:10px;transition:all 0.3s ease-in-out;background-color:#fff;border-radius:0 0 10px 10px;order:1;border-radius:0 0 10px 10px;}
.language li button, .language li a{display:inline-block;vertical-align:middle;font-size:14px;padding:0;line-height:34px;font-weight:700;color:currentColor;text-transform:uppercase;}
.language li span{ position:relative;display:inline-block;margin:0 0 0 10px;width:30px;height:30px;vertical-align:middle;border-radius:50%}
.language li.active{order:0;border-radius:10px 10px 0 0;}
.language li.active button{pointer-events:none}
.language.active li.active{background-color:#e4e9f0;}
.language.active li{ box-shadow:2px 8px 10px 0 rgba(0,0,0,0.1)}
.language.active ul{height:120px}
.language.active .arrow-click::after{border-color:#ec2028 transparent transparent transparent;}

/*SEARCH*/
.search-top{position:relative;display:inline-block;height:54px;vertical-align:top;margin:10px 0;transition:margin 0.3s ease-in-out;}
.search-but{position:relative;display:block;margin:6px 0;width:40px;height:40px;color:#1b4486;padding:5px;z-index:10}
.search-but svg{width:100%;height:100%;display:block;pointer-events:none}
.search-form{position:absolute;opacity:0;right:-2px;top:2px;display:block;width:0;height:50px;pointer-events:none;border-radius:30px;transition:all 0.3s ease-in-out;z-index:5;}
.form-row-search{position:relative;width:100%;height:100%;}
.form-row-search input[type="text"]{color:#ddd;border-radius:30px;background-color:#6187c7}
.form-row-search input[type="text"]:focus{color:#fff;background-color:#ec2028;}
.search-form.active{width:400px;pointer-events:auto;opacity:1}
.search-but.active {color:#fff;}

/*HOTLINE*/
.hotline{position:relative;display:inline-block;height:54px;vertical-align:top;margin:10px 0;padding-right:20px;text-align:left;transition:margin 0.3s ease-in-out;}
.call{width:48px;height:48px;color:#ec2028;position:absolute;left:0;top:3px;}
.call mark{ position:absolute;top:20px;left:40px;font-size:12px;display:none}
.hotline .support{ position:relative;display:block;color:#666;font-size:13px;padding-left:45px;}
.call-number{position:relative;display:inline-block;vertical-align:top;width:auto;height:auto;padding-left:40px;color:#ec2028}
.call-number p, .call-number a{color:currentColor;display:inline-block;vertical-align:middle;font-size:18px;line-height:1.4}
.call-number a{font-weight:700;}

/*NAV CLICK*/
.nav-click{position:fixed;top:6px;right:30px;width:60px;height:60px;cursor:pointer;color:#1b4486;transition:all 0.3s ease-in-out;}
.nav-click svg{width:100%;height:100%;position:absolute;left:0;top:0;}
.line-one, .line-two, .line-three{position:absolute;height:4px;right:7px;transition:all 0.3s ease-in-out;background-color:currentColor }
.line-one {width:36px;top:18px;}
.line-two, .line-three{width:46px;}
.line-two{top:28px}
.line-three{top:38px}
.nav-click.active .line-one { opacity:0;}
.nav-click.active .line-two {transform:rotate3d(0, 0, 1, 45deg);width:34px;right:12px;}
.nav-click.active .line-three{transform:rotate3d(0, 0, 1, -45deg);top:28px;width:34px;right:12px;}

/*NAVIDATION*/
.navigation {position:fixed;top:130px;right:0;width:420px;height:calc(100vh - 130px);text-align:right;pointer-events:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:#1b4486 #f1f1f1;scrollbar-width:thin;background-color:rgba(27,68,134,0.7);transform:translateX(100%);transition:transform 0.5s ease-in-out;z-index:100}
.main-menu{position:relative;display:block;width:100%;height:auto;padding:0 0 5vh 0}
.main-menu ul{position:relative;display:block;width:100%;height:auto;margin:0}
.main-menu li{display:block;width:100%;height:auto;position:relative;border-bottom:1px solid #6183bc;line-height:70px;text-align:right;color:#fff  }
.main-menu li.has-sub::after{content:'';width:40px;height:70px;position:absolute;right:30px;top:0;pointer-events:none;}
.main-menu li.has-sub.active::after{ background-position:right center}
.main-menu li > a:not(.link-home){display:inline-block;font-size:24px;color:currentColor;padding:22px 80px 22px 40px;vertical-align:middle}
.no-action{display:inline-block;font-size:24px;padding:22px 80px 22px 40px;vertical-align:middle;width:100%;text-align:right;}
.main-menu .item-menu.current{background-color:#ec2028;pointer-events:none}
.main-menu li.current{pointer-events:none}
.link-home{position:relative;display:inline-block;border-radius:50%;vertical-align:middle;padding:5px;margin:5px 80px 5px 40px}
.link-home svg{width:35px;height:35px;position:relative;display:block;}
.main-menu li.current .link-home, .main-menu .item-menu.active-color{background-color:#ec2028;}
.navigation.active{transform:none;pointer-events:auto;}

/*SUB-MENU*/
.sub-menu{ position:relative;width:100%;height:0;overflow:hidden;transition:height 0.3s ease-in-out;}
.item-menu{width:100%;height:auto;text-align:right;position:relative;display:block;margin:0;color:#fff;border-top:1px solid #6183bc}
.item-menu::before{content:'';width:1px;height:100%;position:absolute;right:50px;top:0;background-color:#6183bc;}
.item-menu > a{font-size:18px;line-height:1.4;color:currentColor;display:inline-block;padding:20px 80px 20px 40px;}
.item-menu.current::before{background-color:#fff;}
.main-menu li.has-sub.active{background-color:rgba(27,68,134,0.5);}
.total-child{width:100%;height:auto;position:relative;display:block;margin:0;padding:0}

/*SECOND MENU*/
.second-menu{ position:fixed;width:100%;height:auto;left:0;top:80px;transition:top 0.3s ease-in-out;opacity:0;z-index:15}
.second-menu::after{content:'';width:100%;height:50px;position:absolute;left:0;top:0;background-color:rgba(27,68,134,0.7);transition:background-color 0.5s ease-in-out;}
.sub-menu-drop{position:absolute;left:0;top:50px;width:auto;height:auto;opacity:0;transform:scale3d(1,0,1);transform-origin:left top;transition:all 0.3s ease-in-out;background-color:rgba(27,68,134,0.8);z-index:5;}
.group-right li:last-child .sub-menu-drop{left:auto;right:0}
.second-item-sub{position:absolute;top:0;left:0;width:auto;height:auto;opacity:0;transform:scale3d(0,1,1);transform-origin:left top;transition:all 0.3s ease-in-out;background-color:rgba(27,68,134,0.8);}
.sub-menu-drop::after, .second-item-sub::after{content:'';width:120%;height:120%;position:absolute;left:0;top:0;z-index:-1}
.has-child{ z-index:3}
.total-sub{position:absolute;top:0;left:calc(100% - 1px);width:auto;height:auto;z-index:2}
.total-sub-left{left:1px}
.total-sub-left .second-item-sub{left:auto;right:0;transform-origin:right top;}
.group-left, .group-right{ position:absolute;width:auto;height:auto;top:0;color:#fff;z-index:20}
.group-left ul, .group-right ul{ position:relative;width:100%;height:auto;display:block}
.group-left{left:30px;text-align:left;}
.group-right{right:30px;text-align:right;}
.group-left li, .group-right li{ position:relative;width:auto;height:auto;display:block;float:left;margin:0 1px 0 0;}
.group-left li.active, .group-right li.active{background-color:rgba(27,68,134,1);}
.group-left .no-action,.group-right .no-action{font-weight:700;padding:5px 20px 5px 3px;width:auto;height:auto;position:relative;display:block;text-transform:uppercase}
.group-left .no-action mark,.group-right .no-action  mark{display:inline-block;vertical-align:middle;margin:0}
.icon-personal,.icon-business,.icon-digital,.icon-quicktool,.icon-login,.icon-investor{width:40px;height:40px;margin:0 5px;display:inline-block;vertical-align:middle}
.item-menu-second,.has-child{width:100%;height:auto;position:relative;display:block;margin:0;color:#fff;text-align:left;border:1px solid #6183bc;border-top:transparent}
.item-menu-second > a{ position:relative;display:block;padding:10px 20px 10px 50px;white-space:nowrap;color:currentColor;}
.has-child > a, .has-child > button{ position:relative;display:block;padding:10px 50px 10px 50px;white-space:nowrap;color:currentColor}
.item-menu-second span, .has-child span{position:absolute;width:32px;height:40px;top:50%;margin-top:-20px;left:8px;display:block;z-index:2}
.title-sub{position:relative;display:block;height:auto;color:#9cb0d4;font-weight:700;font-size:13px;background-color:rgba(27,68,134,0.9);border:1px solid #6183bc;border-top:transparent;padding:10px 30px 10px 50px;text-transform:uppercase;}
.title-sub::after{content:''; width:30px; height:100%; position:absolute;right:0;top:0;}
.title-sub::before{content:''; position:absolute; width:32px;height:40px;top: 50%;margin-top: -20px;left: 8px;}
.plus-mobile{width:50px;height:44px;position:absolute;right:0;top:0;cursor:pointer;transition:background-position 0.3s ease-in-out;opacity:0.6;z-index:5}
.mark-mobile{font-weight:700;position:relative;height:40px;width:auto;font-size:13px;text-align:left; text-transform:uppercase;padding:10px 20px;white-space:nowrap;background-color:#3864af;border-bottom:1px solid #6183bc;display:none}

/*ACTIVE*/
.has-child.active{background-color:#ec2028;}
.has-child.active > a span, .has-child.active > button span{filter:grayscale(1) brightness(600%);}
.has-child.active .plus-mobile{ background-position:right center}
.bullet-calendar.active{pointer-events:none !important;}
.bullet-calendar.active a{opacity:0.5;}

/*CURRENT*/
.no-action.current{background-color:#3864af;}
.item-menu-second.current, .has-child.current{background-color:#3864af;}
.item-menu-second.current > a span, .has-child.current > a span, .has-child.current > button span{filter:grayscale(1) brightness(600%);}

/*SIZE*/
.item-menu-second, .has-child, .title-sub{height:auto}
.group-left .no-action, .group-right .no-action{font-size:15px; font-family:'Oswald',sans-serif; font-weight:500}
.item-menu-second > a,.item-menu-second > button,.has-child > a,.has-child > button, .title-sub{font-size:13px;line-height:1.5;}

/*MIN WIDTH MENU*/
.group-left .item-menu-second, .group-left .has-child{min-width:250px;}
.group-right .item-menu-second{min-width:220px;}

/*OPEN MENU*/
.second-item-sub.active{opacity:1;transform:scale3d(1,1,1);}
.sub-menu-drop.active{opacity:1;transform:scale3d(1,1,1);}

/*TOUCH DEVICE*/
.is-touch .plus-mobile{opacity:1;border-left:1px solid #6183bc;background-position:10% center}
.is-touch .plus-mobile.active{background-color:#ec2028;background-position:93% center}

/*OVERLAY-MENU*/
.overlay-menu{height:calc(100vh - 80px);width:0;position:fixed;left:0;top:80px;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:width 0.5s ease-in-out;background-color:rgba(0,0,0,0.5);z-index:22}
.overlay-menu.active{width:100%}
.overlay-banner{  position:fixed;left:0;bottom:0;width:100%;height:calc(100% - 60px);background-color:rgba(0,0,0,0);transition:background-color 0.3s ease-in-out;pointer-events:none;visibility:hidden;z-index:5}
.overlay-banner.show{ background-color:rgba(0,0,0,0.4);visibility:visible;pointer-events:auto;}

/*SUB MENU*/
.sub-nav{position:relative;display:block;width:100%;height:auto;margin:0;text-align:center;overflow:hidden;z-index:10}
.sub-nav ul{position:relative;display:block;width:100%;height:auto;white-space:nowrap;z-index:2}
.sub-nav li{position:relative;display:inline-block;width:auto;height:auto;margin:0 -2px;vertical-align:top;}
.sub-nav li a{font-family:'Oswald';font-weight:500;display:block;padding:15px;text-transform:uppercase;vertical-align:top;margin:0 1px;font-size:14px;color:#1b4486;}
.sub-nav li.current a, .outer-nav.second .sub-nav li.current a{background-color:#ec2028;color:#fff;pointer-events:none}
.sub-nav li.active-color a, .outer-nav.second .sub-nav li.active-color a{background-color:#ec2028;color:#fff}
.outer-nav{position:relative;display:block;width:100%;height:auto;margin:0;text-align:center;background-color:#d4def1;overflow:hidden;z-index:4}
.outer-nav:not(.second).hide{ visibility:hidden}
.outer-nav.second{top:114px;left:0;position:fixed;opacity:0;height:auto;pointer-events:none;transition:all 0.3s ease-in-out;}
.outer-nav.second .sub-nav{margin:0;}
.outer-nav.second .sub-nav li a{font-size:12px;padding:10px 15px;margin:0;}
.outer-nav.second.fixed{pointer-events:auto;opacity:1;box-shadow:0 5px 40px rgba(0,0,0,0.2);}
.outer-nav:not(.second).fixed{pointer-events:none;opacity:0;}



/*HEADER HIDE*/
.header.hide .inner-header{height:64px;}
.header.hide .second-menu{top:64px}
.header.hide .second-menu::after{background-color:rgba(27,68,134,1)}
.header.hide .line-color{top:58px;}
.header.hide .logo{width:200px;height:54px;}
.header.hide .nav-click{top:0}
.header.hide .hotline, .header.hide .search-top, .header.hide .language{margin:5px 0;height:44px}
.header.hide .navigation,.header.hide .overlay-menu {top:64px;height:calc(100vh - 64px);}
.header.hide .navigation{background-color:rgba(27,68,134,0.9);}

/*TITLE*/
#home-page .title-page{ display:none}
.title-page {position:absolute;top:45%;left:5vw;width:auto;height:auto;text-align:left;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.2);z-index:5}
.title-page h1 {font-size:3vw;text-transform:uppercase;font-weight:400;}
.title-page h1 > span {transition:all 800ms ease;opacity:0;font-weight:400;font-size:3vw;}
.title-page h1 > span.move{opacity:1;}
.title-main {display:block;width:100%;height:auto;position:relative;color:#3864af;pointer-events:none;text-align:center;}
.title-main h2, h2 {font-size:2vw;display:block;font-weight:400;}
.title-main h2{padding:30px 5%}
.title-main h2{text-transform:uppercase;}
.title-main h3, h3 {font-size:1.5vw;display:block;font-weight:400;}


/*TITLE-SMALL*/
.title-small{position:relative;display:block;width:100%;height:auto;color:#1b4486;pointer-events:none;text-align:center;margin:0 0 10px}
.title-small h2, .title-small h3{position:relative;display:block;font-size:25px;font-weight:700;text-transform:uppercase;}
.title-small.light-blue{color:#3864af}
.title-main.dark-blue h2, .title-small.dark-blue h2{color:#1b4486}


/*FOOTER*/
.footer{ position:relative;width:100%;height:auto;display:block;padding:0;background-color:#335898;text-align:center;opacity:0;z-index:10}
.footer-end{width:100%;height:60px;position:relative;display:inline-block;margin:0;padding:10px 30px;text-align:center;background-color:#3864af;}
.footer-end .line-color{top:-5px}
.content-hide{position:relative;width:100%;display:block;height:0;overflow:hidden;pointer-events:none;}
.content-hide.active{ pointer-events:auto}
.content-hide.auto{ height:auto}
.list-hiden{position:relative;width:100%;height:auto;display:block;}


/*OPEN AND CLOSE*/
.open-close{display:inline-block;float:right;margin:3px 0;position:relative;z-index:1}
.open-close button{padding:10px 10px 10px 20px;}
.open-close button::after{content:" + ";display:inline-block;font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:16px;line-height:1;margin:0 10px;position:relative;color:#fff;}
.open-close button.active::after{content:" ─ "}

/*SUBCRIBE*/
.subscribe{width:90%;max-width:1180px;height:auto;position:relative;display:inline-block;padding:10px;text-align:left;top:-35px;margin:0}
.subscribe::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:#1b4486;border-radius:10px}
.box-title{ display:inline-block;vertical-align:middle;margin-right:20px;position:relative;z-index:1}
.box-title p{ color:#fff;display:inline-block;vertical-align:middle }
.box-subscribe{display:inline-block;vertical-align:middle;margin-right:16px;position:relative;z-index:1}
.box-subscribe form{ text-align:center;position:relative}
.box-subscribe .input-text, .box-subscribe .input-but{ display:inline-block;vertical-align:middle;width:auto}
.box-subscribe .input-but{margin:0 0 0 5px}
.box-subscribe input[type="text"]{color:#1b4486;border-radius:10px;background-color:#fff;width:280px;line-height:40px}
.box-subscribe .text-holder{color:#1b4486;top:8px}

/*MENU ULTILITIES*/
.menu-ultilities{position:relative;display:block;width:100%;height:auto;padding:0 0 50px 0;text-align:center;}
.col-menu{position:relative;display:inline-block;max-width:24%;min-width:200px;margin:0 10px;padding:0 20px;vertical-align:top;text-align:left}
.title-footer{font-weight:700;position:relative;display:block;width:100%;height:auto;margin:0 0 10px 0;color:#c4d1e7;font-size:16px;text-transform:uppercase;}
.title-footer::after{content:" + ";font-family:Arial, Helvetica, sans-serif;font-weight:700;font-size:16px;color:#fff;width:30px;line-height:45px;position:absolute;right:10px;top:0;text-align:center;cursor:pointer;display:none;z-index:2}
.title-footer.active::after{content:" ── ";right:15px;}
.show-sub{width:100%;position:relative;display:block;margin:0;padding:0;overflow:hidden;transition:height 0.2s ease-in-out;}
.show-sub ul {width:100%;height:auto;position:relative;display:block;margin:0;padding:0;}
.show-sub li {width:100%;height:auto;position:relative;display:block;margin:0;color:#fff;}
.bullet{padding-left:40px;}
.bullet::after{content:'';width:24px;height:24px;position:absolute;left:0;top:50%;margin-top:-12px}
.show-sub li a, .show-sub li button{color:currentColor;padding:5px 0;display:block;font-size:15px;line-height:1.6}

/*MENU FOOTER*/
.menu-footer{position:relative;display:block;width:100%;height:auto;padding:50px 0;}

/*BANK INFO*/
.bank-info{position:relative;display:block;width:100%;height:auto;padding:50px 0;text-align:center;background-color:#204a94}
.info, .app{position:relative;display:inline-block;width:auto;vertical-align:top;text-align:left;color:#fff;z-index:2}
.info{margin-right:10%}
.info h2{ font-size:20px;display:block;font-weight:400}
.info h2::after{content:'';position:relative;width:100px;height:1px;background-color:currentColor;display:block;margin:10px 0;opacity:0.5}
.info li{ font-size:15px;margin:0 0 10px 0;display:block}
.info li a{color:currentColor;font-size:15px;display:inline-block;vertical-align:top;margin-right:10px}
.title-app{font-size:15px;display:block;padding-left:50px;position:relative}
.title-app::before{content:'';position:absolute;left:0;top:0;width:40px;height:40px;}
.title-app::after{content:'';position:relative;width:100px;height:1px;background-color:currentColor;display:block;margin:10px 0;opacity:0.5}
.app ul{margin-left:10px;white-space:nowrap}
.app li{ display:inline-block;vertical-align:top;position:relative;margin:20px 30px 0 0}
.apple-store a, .play-store a{width:120px;height:40px;display:block;}
.apple-store a::before, .play-store a::before{content:'';width:140px;height:50px;position:absolute;left:-10px;top:-5px;background:linear-gradient(90deg, #4c7bcd 0%,#2254a4 100%);border-radius:30px;z-index:-1}

/*SOCIAL*/
.social {position:relative;width:auto;height:auto;text-align:center;margin:0;display:block;float:right;}
.social ul {width:100%;height:auto;display:block;position:relative}
.social li {position:relative;width:auto;height:auto;display:inline-block;vertical-align:middle;margin:0 10px;}
.social li a { width:40px;height:40px;display:block;position:relative;color:#fff;}
.social li svg{ width:100%;height:100%;position:absolute;left:0;top:0;}
.foreground { fill:transparent;stroke-dasharray:600;stroke-dashoffset:600;stroke:#ec2028;stroke-width:3;transform-origin:50% 50%}

/*COPYRIGHT*/
.copyright{width:auto;height:auto;position:relative;text-align:center;margin:10px 0;color:#ddd;display:block;float:left}
.copyright p{position:relative;font-size:13px;text-transform:uppercase;display:inline-block;vertical-align:middle }
.copyright a:not(.btq){position:relative;font-size:13px;font-weight:700;text-transform:uppercase;display:inline-block;color:currentColor;margin:0 5px;vertical-align:middle }
.copyright a::before{content:'';position:relative;display:inline-block;width:1px;height:20px;margin:0 20px;background-color:#1b4486;vertical-align:middle }
.btq{display:none}

/*PIC IMG*/
.pic-img{position:relative;display:block;width:100%;height:auto;overflow:hidden;}
.pic-img img{position:relative;width:100%;height:auto;display:block;pointer-events:none;object-fit:cover;object-position:center center}


/*RESET LAYOUT*/
.no-scroll{overflow-x:hidden;overflow-y:hidden !important;overflow:hidden;}
.no-index{position:static !important;display:none !important}
.no-link{pointer-events:none !important}
.level-index-out{z-index:-9999 !important;pointer-events:none !important}
.level-index-in{z-index:9990 !important;}
.visible {overflow:visible;}
.class-hidden, .display-none{display:none!important}
.display-block{display:block}
.display-inline{display:inline-block}
.display-flex{display:flex;align-items:center;}
.cursor-none{ cursor:none}
.zoom-pic{pointer-events:auto !important}



/*ADD-BUTTON*/
.add-button{position:fixed;bottom:20px;right:-150%;width:100%;max-width:210px;height:auto;background-color:rgba(20,58,119,1);padding:8px;color:#fff;text-align:center;transition:all .6s ease-in-out;pointer-events:none;box-shadow:0px 10px 10px 0 rgba(0,0,0,0.07);overflow:hidden;display:none;z-index:-9999;}
.install-app{width:100%;position:relative;display:flex;align-items:center;}
.add-button .icon{width:60px;position:relative;display:inline-block;height:60px;margin:0;vertical-align:middle;margin:0 10px 0 0;}
.add-button p{display:inline-block;font-size:13px;position:relative;margin:7px 0;text-transform:uppercase;vertical-align:middle;color:#fff;font-style:unset;font-weight:700}
.add-button.show{right:20px;pointer-events:auto;}
.close-add{width:30px;height:30px;position:absolute;top:0;right:0;cursor:pointer;z-index:10;}
.view-add{position:relative;display:inline-block;padding:8px 8px 8px 12px;font-size:10px;font-weight:500;text-transform:uppercase;color:#fff;pointer-events:none;}
.view-add:before{content:"";position:absolute;height:100%;width:100%;background-color:#ec2028;top:0;left:0;border-radius:10px;z-index:-1}


@media screen and (max-width:1500px) {
.title-main h2, h2{font-size:2.3vw}
p, a, li, div, table, span {font-size:15px;}

/*HEADER*/
.logo{ left:20px}
.nav-click{right:20px}
.right-header{right:110px}
.group-left{left:20px}
.group-right{right:20px}

/*SECOND MENU*/
.group-left .no-action, .group-right .no-action{font-size:13px;}
.item-menu-second > a,.item-menu-second > button,.has-child > a,.has-child > button, .title-sub{font-size:13px;}



}
@media screen and (max-width:1400px) {
/* TITLE */
.title-main h2,h2 {font-size:2.5vw;}
.title-main h3,h3 {font-size:2vw;}

}
@media screen and (max-width:1300px) {
.icon-personal, .icon-business, .icon-digital, .icon-quicktool, .icon-login, .icon-investor{ width:30px}
}

@media screen and (max-width:1024px) {
	
/*LAYOUT*/
::-webkit-scrollbar {width:0;}
html,body{scrollbar-width:none;overflow-anchor:none;}
/*.add-button{display:block;z-index:999999}*/

/*HEADER*/
.line-color{height:7px;}
.line-color::before, .line-color::after{height:5px;}
.line-color::after{width:calc(70vw + 100px);}
.header .line-color, .header.hide .line-color{top:60px;}

/*OUTER-NAV*/
.outer-nav:not(.second){width:100%;margin:auto;}
.outer-nav.oversize .sub-nav{width:calc(100% - 60px);margin:auto;}

/*INNER HEADER*/
.inner-header, .header.hide .inner-header{height:64px;transition:none;z-index:100}
.right-header{right:82px;}

/*LOGO*/
.logo, .header.hide .logo{width:200px;height:54px;top:4px;left:10px;transition:none;}

/*LANGUAGE*/
.language,.header.hide .language{height:44px;margin:2px 0;transition:none;}

/*SEARCH*/
.search-top,.header.hide .search-top{height:44px;margin:2px 0;transition:none;}
.search-form{right:15px;height:54px;top:114px;border-radius:0;position:fixed}
.form-row-search input[type="text"]{border-radius:0;line-height:52px}
.form-row-search .text-holder{top:14px}
.search-form.active{width:calc(100vw - 30px);}
.search-but.active {color:#ec2028;}

/*HOTLINE*/
.hotline,.header.hide .hotline{height:44px;margin:8px 0;transition:none;padding-right:10px}
.call{width:40px;height:40px;top:5px;}
.hotline .support{font-size:12px;padding-left:40px;}
.call-number{padding-left:35px;}
.call-number p, .call-number a{font-size:16px;}

/*NAV CLICK*/
.nav-click, .header.hide .nav-click{top:0;right:10px;width:50px;transition:none;}
.line-one, .line-two, .line-three{height:4px;right:5px;}
.line-one {width:30px;}
.line-two, .line-three{width:40px;}
.nav-click.active .line-two {width:30px;right:10px;}
.nav-click.active .line-three{top:28px;width:30px;right:10px;}

/*NAVIDATION*/
.navigation,.header.hide .navigation{top:114px;width:100%;max-width:420px;height:calc(100vh - 114px);scrollbar-width:none;transition:transform 0.3s ease-in-out;}
.navigation, .header.hide .navigation{background-color:rgba(20,58,119,0.9);}

/*SUB-MENU*/
.sub-menu{position:relative;width:100%;height:0;overflow:hidden;transition:height 0.3s ease-in-out;}


/*SECOND MENU*/
.second-menu, .header.hide .second-menu{top:64px;transition:none;z-index:90}
.second-menu::after{background-color:rgba(27,68,134,0.9);z-index:2}
.group-left{left:0;text-align:left;}
.group-right{right:0;text-align:right;}
.group-right .sub-menu-drop{left:auto;right:0}
.group-left .no-action,.group-right .no-action{font-size:13px;padding:5px 10px 5px 5px;}

.has-child, .has-child > a, .has-child  > button{ overflow:hidden}
.second-item-sub,.group-right .sub-menu-drop{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 114px);-webkit-overflow-scrolling:touch;}
.second-item-sub, .sub-menu-drop{background-color:rgba(27,68,134,0.9)}
.sub-menu-drop{transition:all 0.2s ease-in-out;}
.sub-menu-drop::after, .second-item-sub::after{display:none}
.second-menu.no-link{pointer-events:auto !important;}

/*SIZE*/
.has-child > a, .has-child > .child-button{padding:15px 50px}
.item-menu-second > a{padding:15px 20px 15px 50px}
.item-menu-second, .has-child, .title-sub{height:auto;}
.title-sub{padding:15px 30px 15px 50px}


/*TOUCH DEVICE*/
.is-touch .plus-mobile{width:60px;height:54px;background-position:5% center}
.is-touch .total-sub{left:99px}
.is-touch .sub-menu-drop.short .has-child{width:100px;background-color:rgba(27,68,134,1)}
.is-touch .sub-menu-drop.short .plus-mobile{width:50px;background-position:10% center}
.is-touch .plus-mobile.active{background-position:92% center}
.is-touch .sub-menu-drop.short{background-color:transparent}
.is-touch .sub-menu-drop.short .has-child a mark,.is-touch .sub-menu-drop.short .has-child .child-button mark{text-indent:-9999px;color:rgba(255,255,255,0) !important;visibility:hidden}
.is-touch .group-left .sub-menu-drop.short .has-child{min-width:inherit}

/*OVERLAY-MENU*/
.overlay-menu,.header.hide .overlay-menu{height:calc(100vh - 114px);top:114px;transition:width 0.3s ease-in-out;z-index:82}
.overlay-banner{z-index:83}

/* TITLE */
.title-page {top:auto;bottom:10px;left:0;right:auto;width:100%;text-align:center;z-index:10}
.title-page h1 {font-size:30px;text-align:center;display:inline-block;margin:0;}
.title-page h1 > span{font-size:30px;}
.title-main h2{ padding:20px 5% 20px 5%}
.title-main h2,h2 {font-size:3vw;}
.title-main h3,h3 {font-size:2.5vw;}

/*CONTAINER*/
.container{margin:114px 0 0 0;min-height:inherit}
.container::before{ display:none}

/*FOOTER*/
.footer-end{height:auto;padding:10px 30px;}
.copyright{margin:15px 0}
.social{margin:0}

/*OPEN AND CLOSE*/
.open-close{ bottom:-30px;float:none;margin:0}
.open-close button{ font-size:14px}

/*SUBCRIBE*/
.subscribe{width:auto;top:-30px;text-align:center;padding:15px;margin-bottom:30px}
.box-title{ display:block;margin:0 0 10px 0;}
.box-subscribe{margin:0;display:block}
.box-subscribe .input-text{width:calc(100% - 50px);margin-right:50px;max-width:300px;}
.box-subscribe input[type="text"]{width:100%;}
.box-subscribe .input-but{ position:absolute;top:0;right:0;margin:0;z-index:2}
.box-subscribe .input-but button{padding:0;width:45px;height:40px}
.box-subscribe .input-but button mark{ display:none}
.box-subscribe .input-but button::after{content:' » ';color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:700;text-align:center;width:100%;line-height:36px;position:absolute;left:0;top:0;}

/*BANK INFO*/
.bank-info{padding:30px 0;}
.info, .app{ text-align:center;display:block}
.info{margin:0 0 40px 0}
.info h2{ font-size:18px;}
.info h2::after{ margin:10px auto;}
.title-app{font-size:14px;padding:0}
.title-app::before{ position:relative;display:inline-block;vertical-align:middle;left:auto;top:auto;margin:0 10px 0 0}
.title-app::after{margin:10px auto;}
.app ul{margin:0;white-space:normal}
.app li{  margin:20px}

/*MENU ULTILITIES*/
.col-menu{max-width:25%;margin:0}
.show-sub li a, .show-sub li button{padding:10px 0;}

/*SOCIAL*/
.social li a { width:50px;height:50px;}

/*MESSENGER*/
#fb-root .fb_dialog_content > iframe:nth-child(1){bottom:16px !important;right:0 !important;transform:scale(0.87) !important}
.fb-customerchat > span > iframe{bottom:0 !important;right: 0 !important}
}





@media screen and (max-width:960px) {
/*TITLE*/	
.title-page h1{font-size:28px}
.title-page h1 > span{font-size:28px}
.title-main h2,h2{font-size:3.5vw;}
.title-main h3,h3{font-size:3vw}

/*SECOND MENU*/
.icon-personal, .icon-business, .icon-digital, .icon-quicktool, .icon-login, .icon-investor{ margin:3px 0;width:40px}
.group-left .no-action, .group-right .no-action{width:100%;}
.group-left .no-action mark, .group-right .no-action  mark{display:none;}
.second-menu::after {background-color:rgba(27,68,134,1);}
.group-left li, .group-right li{margin:0;width:70px;display:block;float:left}
.group-left .no-action, .group-right .no-action{padding:0 15px;}
.group-left li{ border-right:1px solid #3864af;background-color:#1b4486}
.group-right li:first-child{ border-left:1px solid #3864af;border-right:1px solid #3864af;}
.total-sub{top:40px;}
.group-left li.active, .group-right li.active{ background-color:#ec2028}
.group-left li.active .mark-mobile, .group-right li.active .mark-mobile{display:block;}
.item-menu-second, .has-child, .title-sub{height:auto}
.second-item-sub{max-height:calc(100vh - 154px);}

/*TOUCH DEVICE*/
.is-touch .group-left li:nth-child(2) .sub-menu-drop{left:-70px}
.is-touch .group-left li:nth-child(3) .sub-menu-drop{left:-140px}
.is-touch .group-left li:nth-child(4) .sub-menu-drop{left:-210px}

/*FOOTER*/
/*MENU ULTILITIES*/
.col-menu{display:block;max-width:inherit;margin:0 0 1px 0;width:100%;padding:0}
.title-footer{ margin:0;color:#fff;padding:10px 20px;cursor:pointer;background-color:#1b4486; font-size:15px}
.title-footer::after{display:block;}
.show-sub{ height:0}
.show-sub ul {padding:10px 20px;background-color:#3864af}
.show-sub li{ border-bottom:1px solid #c4d1e7}
.show-sub li:last-child{ border:none}
.show-sub li a, .show-sub li button{font-size:16px}


}



@media screen and (max-width:750px) {
/*HEADER*/
.header .line-color, .header.hide .line-color{top:56px;}

/*INNER HEADER*/
.inner-header, .header.hide .inner-header{height:60px;}

/*LOGO*/
.logo, .header.hide .logo{width:180px;height:60px;left:8px;top:0}

/*LANGUAGE*/
.language li mark{ display:none}
.language li span{margin:0}

/*HOTLINE*/
.hotline,.header.hide .hotline{height:50px;margin:4px 0;padding-right:30px;cursor:pointer}
.hotline .support, .call-number p{display:none}
.call{width:50px;height:50px;top:auto;left:auto;position:relative;display:block}
.call mark{ display:block}
.call-number{padding-left:0;background-color:#3864af;border-radius:12px;position:absolute;padding:5px;top:55px;left:0;box-shadow:0 20px 30px 0 rgba(0,0,0,0.1);visibility:hidden;pointer-events:none}
.hotline.active .call{ color:#3864af}
.call-number.active{ pointer-events:auto;visibility:visible;}
.call-number::before{content:'';position:absolute;top:-8px;left:10px;width:0;height:0;border-style:solid;border-width:0 14px 14px 14px;border-color:transparent transparent #3864af transparent;}
.call-number a{display:block;white-space:nowrap;padding:10px 15px;color:#fff;margin:1px 0;background-color:#ec2028;border-radius:10px;}

/*NAVIDATION*/
.navigation,.header.hide .navigation {top:110px;height:calc(100vh - 110px);}	
	
/*OVERLAY-MENU*/
.overlay-menu,.header.hide .overlay-menu{height:calc(100vh - 110px);top:110px;}

/*SECOND MENU*/
.second-menu, .header.hide .second-menu{top:60px;}
.second-item-sub{max-height:calc(100vh - 150px);}
.group-right .sub-menu-drop{max-height:calc(100vh - 111px);}

/*SUB NAV*/
.outer-nav.second{top:110px}

/*CONTAINER*/
.container {margin:110px 0 0 0;}

}



@media screen and (max-width:570px) {
/*TITLE*/	
.title-page h1{font-size:24px;}
.title-page h1 > span{font-size:24px;}
.title-main h2,h2{font-size:5vw;}	
.title-main h3,h3{font-size:4vw}

/*LOAD*/
.loadx{width:100px;height:100px;margin:-50px 0 0 -50px;}

/*FOOTER*/
.footer-end{padding:0;}
.title-footer{font-size:14px}
.info h2 { font-size:16px}
.info h2 strong{ display:block}
.subscribe{width:90%}

/*SOCIAL*/
.social {float:none;margin:0;width:100%;padding:20px;}
.social li:first-child::after{ content:'';width:1px;height:20px;background-color:#c4d1e7;position:absolute;right:-10px;top:50%;margin-top:-10px}
.social li a {width:60px;height:60px;}

/*COPYRIGHT*/
.copyright{width:100%;float:none;display:flex;flex-direction:column;background-color:#204a94;padding:20px 20px 50px 20px;margin:0}
.copyright p{width:100%;display:block;order:2;}
.copyright a:not(.btq){width:100%;display:block; margin:0 0 20px 0;order:1;}
.copyright a::before{ display:none}


}




@media screen and (max-width:440px) {
p, a, li, div, table, span {font-size:14px;}
	
/*TITLE*/	
.title-page h1{font-size:20px;font-weight:700}
.title-page h1 > span{font-weight:700; font-size:20px;}
.title-main h2, h2{font-size:5.5vw;}	
.title-main h3, h3{font-size:4.5vw}

/*RIGHT HEADER*/
.right-header{right:70px}

/*LOGO*/	
.logo, .header.hide .logo{width:160px;}

/*LANGUAGE*/
.language ul{padding-right:0}
.arrow-click{width:50px;height:50px;left:0;right:auto}
.arrow-click::after{ display:none}

/*HOTLINE*/
.hotline,.header.hide .hotline{ height:auto;margin:0;padding-right:0;position:fixed;left:10px;bottom:20px;}
.call{width:50px;height:50px;padding:10px;border-radius:50%;box-shadow:5px 10px 20px 0 rgba(0,0,0,0.15)}
.call mark{ display:none}
.call-number{top:-100%;left:60px;}
.hotline.active .call{ background-color:#3864af}
.call-number::before{top:auto;bottom:10px;left:-10px;border-width:14px 14px 14px 0;;border-color:transparent #3864af  transparent transparent;}
.hotline.hide{ opacity:0;pointer-events:none}

/*SECOND MENU*/
.group-left li, .group-right li{width:60px;}
.group-left .no-action, .group-right .no-action{padding:0 10px;}

/*TOUCH DEVICE*/
.is-touch .group-left li:nth-child(2) .sub-menu-drop{left:-60px}
.is-touch .group-left li:nth-child(3) .sub-menu-drop{left:-120px}
.is-touch .group-left li:nth-child(4) .sub-menu-drop{left:-180px}
.is-touch .group-right li:nth-child(1) .sub-menu-drop{right:-60px}
.is-touch .group-right li:nth-child(2) .sub-menu-drop{right:0}

.group-left .item-menu-second > a,.group-left .item-menu-second > button{ white-space:normal}
.group-left .item-menu-second, .group-left .has-child{min-width:calc(100vw - 100px);}
.mark-mobile{width:100vw}

/*SUBCRIBE*/
.box-subscribe .input-text{ max-width:280px;}

}


@media screen and (max-width:360px) {
	
/*SECOND MENU*/
.group-left li, .group-right li{width:50px;}
.group-left .no-action, .group-right .no-action{padding:0 5px;}

/*TOUCH DEVICE*/
.is-touch .group-left li:nth-child(2) .sub-menu-drop{left:-50px}
.is-touch .group-left li:nth-child(3) .sub-menu-drop{left:-100px}	
.is-touch .group-left li:nth-child(4) .sub-menu-drop{left:-150px}
.is-touch .group-right li:nth-child(1) .sub-menu-drop{right:-50px}


}