.container-header,.w-100{width:100%}
.clear,.hr-header{clear:both}
#nav a.activeSlide,.home-intro .item.active::before,.slide .item .slide-content::after,.slide .item .slide-content::before{content:""}
@font-face{font-family:MyriadPro;src:url(fonts/MyriadPro-Regular.ttf)}
@font-face{font-family:MyriadProB;src:url(fonts/MyriadPro-Bold.ttf)}
@font-face{font-family:MyriadProI;src:url(fonts/MyriadPro-It.ttf)}
a:visited{color:#0072BC}
.wp_firstmainnav,.wp_secondmainnav{float:left}
#header .header-body{border-top:none;padding:0;min-height:100px}
.hr-header{height:1px}
a:focus,a:hover{text-decoration:none}
.padding-10{padding:0 10px}
#header .header-nav-top{float:left;margin-top:0;margin-left:0}
.nav-main{margin-left:-10px;text-transform:uppercase}
.nav-main li{line-height:32px}
.nav-pills.nav-main > li + li{margin-left:0}
#header .header-nav-top .nav > li > a a:focus,#header .header-nav-top .nav > li > a:hover{border-radius:0}
.select-language{border:none;border-left:1px solid #D8D8D8;border-radius:0;padding-left:5px;-webkit-appearance:none;-moz-appearance:none}
.header-toolbar{float:right;margin-top:14px;margin-bottom:14px}
.header-toolbar a{font-size:13px;color:#999}
.header-toolbar a:hover{text-decoration:none;color:#0072bc}
.header-toolbar a.button{border:1px solid #D2D2D2;padding:5px 0;margin-left:1px;border-radius:3px}
.home-intro{background-color:#0096db;padding:0}
.home-intro p{color:#fff;padding-top:15px;padding-bottom:15px;cursor:pointer;display:block;font-size:14px;font-weight:700;line-height:40px;margin-bottom:0;background-repeat:no-repeat!important;background-position-y:12px!important;text-align:left;padding-left:50px}
.box-small .icon,.box-small .image-box{margin-bottom:10px}
.home-intro .item{background:url(../img/icons/mb/expan.png) right 10px center no-repeat;border-top:1px solid #0096db}
.home-intro .item p.Foreign{background:url(../img/icons/mb/Foreign.png)}
.home-intro .item p.Find{background:url(../img/icons/mb/find.png)}
.home-intro .item p.atm{background:url(../img/icons/mb/location.png)}
.home-intro .item.active p.Foreign{background:url(../img/icons/mb/Foreignactive.png)}
.home-intro .item.active p.Find{background:url(../img/icons/mb/findactive.png)}
.home-intro .item.active p.atm{background:url(../img/icons/mb/locationactive.png)}
.home-intro .item.active{background:url(../img/icons/mb/close.png) right 10px center no-repeat #fff;border-top:1px solid #ddd;position:relative}
.home-intro .item.active::before{background:url(../img/icons/mb/bg-tabhome.png) no-repeat;position:absolute;width:15px;height:7px;top:-1px}
.slide .item,slide{position:relative}
.box-small .image-box img,.slide img{width:100%}
.home-intro .item.active p{background:url(../img/icons/mb/close.png) right 10px center no-repeat #fff;color:#333}
.home-intro .border-right{border-right:1px solid #80cbed}
#footer{background:#1071b7;border-top:4px solid #1071b7;padding-top:10px}
#footer p{color:#fff}
.box-small .icon{font-size:30px;color:#1d2127}
.header-box h3{margin:0;padding:0;text-transform:uppercase;font-size:16px;font-weight:700}
.box-small .content-box h3{color:#1d2127;line-height:18px;font-size:14px;margin-bottom:5px;font-weight:700}
.box-small .content-box p{color:#1d2127;line-height:18px;font-size:13px;margin-bottom:5px}
.box-small .content-box span.datetime{color:#ddd;font-size:14px;margin-top:20px;text-transform:uppercase}
.box-small .content-box a{color:#1d2127;font-size:12px;font-weight:700}
.box-small .content-box a:hover{color:#0072bc;text-decoration:none}
.box-small .content-box ul li a{font-size:12px;font-weight:400}
.mysection{border-bottom:1px solid #D8D8D8;padding-bottom:30px}
.mysection .header-section h3{margin:0 0 20px;padding:0;text-transform:uppercase;font-size:16px;font-weight:700}
.mysection.product{padding-bottom:60px;background:#f3f3f4;height:460px}
.lstproduct .item{margin-top:65px}
.lstproduct .item h4{margin:0 0 15px;padding:0;text-transform:uppercase;font-size:16px;font-weight:400;color:#f9a940}
.lstproduct .item h3{margin:0 0 20px;padding:0;font-size:28px;font-weight:700;text-transform:none;color:#0072bc;line-height:28px}
.lstproduct .item p{margin:0 0 20px;padding:0;font-size:14px;color:#1d2127;line-height:20px}
.lstproduct .item ul{list-style:none;margin:0 0 20px;padding:0}
.lstproduct .item ul li a{color:#1071b7;font-size:13px}
.listATM li h3,.tabitem .header-tabitem{text-transform:uppercase;font-size:14px;font-weight:700}
.lstproduct .item ul li a:hover{color:#f9a940;text-decoration:none}
.lstproduct .item .readmore{background:#4170e8;color:#fff;padding:10px 15px}
.lstproduct .item .readmore:hover{background:#416AD4}
.nav-product{text-align:right;margin-top:130px}
.nav-product ul{list-style:none;margin:0;padding:0;margin-top: 20%;}
.nav-product ul li{padding:10px 0}
.nav-product ul li a{color:#333;text-transform:uppercase;display:block}
.nav-product ul li a:hover{color:#416AD4;text-decoration:none}
.nav-product ul li a span.title{opacity:0}
.nav-product ul li a.active span.title,.nav-product ul li a:hover span.title{opacity:1;background:#1899d9;border-radius:20px;color:#fff;padding:10px 15px}
.nav-product ul li a span.number{background:#f9a940;color:#fff;padding:10px 14px;border-radius:20px;opacity:1}
.nav-product ul li a.active span.number,.nav-product ul li a:hover span.number{opacity:0;display:none}
.nav-product ul li a i{background:#D8D8D8;padding:6px 8px 8px;margin-left:5px;border-radius:15px;color:#333}
.nav-product ul li a.active i,.nav-product ul li a:hover i{background:#416AD4;color:#fff}
.tabitem .header-tabitem{margin:0 0 20px;padding:0;color:#0072bc}
.listATM{list-style:none;margin:0 8px;padding:0}
.listATM li{margin-bottom:20px;background:url(../img/bg-location.png) left top no-repeat;padding-left:40px}
.listATM li h3{margin:0;padding:0;color:#1d2127;line-height:15px}
.listATM li p{margin:0 0 10px;padding:0;font-size:13px;line-height:17px}
#footer h4,.nav-bot ul li a{font-size:14px;text-transform:uppercase;font-weight:700}
.nav-bot{margin-bottom:25px}
.nav-bot ul{list-style:none;margin:0;padding:0}
.nav-bot ul li{float:left;padding:0}
.nav-bot ul li a{display:block;border-bottom:2px solid #1071b7;color:#cddbeb!important;padding:5px 15px;margin-left:5px}
.nav-bot ul li a:hover{text-decoration:none;background:url(../img/bg-menu-bot.png) center bottom no-repeat #0096db;color:#fff!important;border-radius:5px}
.newsletter ul{list-style:none;margin:0;padding:0}
.newsletter ul li.copyright{font-size:11px;color:#8DADFF}
.slide .item{min-height:400px!important;width:100%!important}
.slide .item .slide-content{background:#1071b7;min-height:400px;float:right;padding:10px 40px;margin-right:-108px;width:50.666667%}
.slide .item .slide-content::before{width:100%;position:absolute;top:0;left:0;height:10px;background:#1899d9}
.slide .item .slide-content::after{width:30%;position:absolute;top:0;right:0;height:10px;background:#ec1d23}
.slide .item .slide-content h4{margin:0 0 15px;padding:0;text-transform:uppercase;font-size:14px;font-weight:700;color:#fff}
.slide .item .slide-content h3{font-size:28px;font-weight:700;margin-top:50px;text-transform:none;line-height:30px;border-bottom:5px solid #f9a940;padding-bottom:15px;margin-bottom:10px;color:#fff;word-wrap:break-word}
.slide .item .slide-content p{margin:0 0 50px;padding:0;font-size:14px;color:#fff;line-height:20px;word-wrap:break-word}
.slide .item .slide-content ul{list-style:none;margin:0 0 20px;padding:0}
.slide .item .slide-content ul li a{color:#fff;font-size:13px}
.slide .item .slide-content ul li a:hover{color:#fff;font-size:14px;text-decoration:none}
.slide .item .slide-content .readmore{background:#1899d9;color:#fff;padding:10px 15px}
.slide .item .slide-content.readmore:hover{background:#416AD4}
#nav{margin:15px;position:absolute;z-index:99;right:10px;top:45%}
#nav li{width:50px;float:left;margin:8px;list-style:none}
#nav a{padding:0 3px;display:block;border:1px solid #ccc;background:#ccc;color:#ccc;margin-bottom:5px;border-radius:15px;font-size:8px;height:13px;overflow:hidden}
#nav a.activeSlide{background:#fff}
#nav a:focus{outline:0}
#nav img{border:none;display:block}
.nav-tab-atm span.active{color:#1d2127}
.nav-tab-atm span{color:#A7A7A7;cursor:pointer}
.nav-tab-atm ul{list-style:none;margin:0;padding:0}
.nav-tab-atm li{float:left;cursor:pointer;color:#000;background:#eee;padding:4px 9px;border-right:1px solid #ddd;font-size:13px;font-weight:400}
.nav-tab-atm li.active{background:#ddd;-moz-box-shadow:inset 1px 1px 7px #8A8A8A;-webkit-box-shadow:inset 1px 1px 7px #8A8A8A;box-shadow:inset 1px 1px 7px #8A8A8A;border-right:none;color:#0072bc}
.nav-tab-atm li:first-child{border-radius:5px 0 0 5px}
.nav-tab-atm li:last-child{border-radius:0 5px 5px 0;border-right:none}
.nav-tab-atm.blue li{background:#D4D4D4;float:left;min-width:150px;text-align:center;padding:10px 0;color:#333;cursor:pointer}
.newdetails p,.post-container p{text-align:justify}
.bg-page .item h3,.bg-page h3{padding:0;font-size:28px;font-weight:700;text-transform:none;line-height:28px}
.nav-tab-atm.blue li.active{background:#4170e8;color:#fff}
.home-intro{margin-bottom:0}
.parallax{margin:0}
.bg-page{height:250px;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;position:relative}
.bg-page h3{margin:60px 0 20px;color:#FFF}
.bg-page .item h3{margin:0 0 20px;color:#FFF}
.bg-page .item p{color:#FFF}
.bg-page .back-link{position:absolute;bottom:10px;color:#fff}
.service .item{margin-bottom:20px}
.btn.readmore{background:#1071b7;color:#fff!important;padding:10px 15px;font-weight:400!important}
.headding-page,.sidebar-custom h4{text-transform:uppercase;font-weight:700}
.btn.readmore:hover{background:#0d67a8}
.myicon{margin:0 0 10px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.sidebar-custom{border:1px solid #E4E4E4}
.sidebar-custom h4{padding:10px;margin:0;border-bottom:1px solid #E4E4E4;font-size:16px}
.headding-page{margin:0 0 20px;padding:0;font-size:14px;color:#f9a940;line-height:14px}
.headding-page a,.headding-page a:hover{color:#f9a940}
.description-page{color:#1d2127}
.section.small-section{background:#f4f4f4;border-top:5px solid #f1f1f1;margin:30px 0;padding:10px 0}
.cursor-poiter{cursor:pointer}
.no-padding{padding:0}
.no-margin{margin:0!important}
.question{padding:10px!important}
.post-container{margin:0 auto;padding:0 10px}
.other-list .heading,.post-container .heading-grap{padding:0;font-weight:700;text-transform:uppercase}
.post-container .heading-grap{margin:0 0 10px;font-size:16px}
.other-list .heading{margin:0 0 20px;font-size:14px;color:#f9a940;line-height:14px}
.other-list li .portfolio-item{background:#fff;padding:15px;margin-bottom:0;border-radius:5px;box-shadow:1px 1px 2px 1px #EAEAEA!important}
.tabs.tabs-color .nav-tabs{width:100%;text-align:center}
.tabs.tabs-color .nav-tabs li{cursor:pointer;color:#000;background:#eee;padding:10px 15px!important}
.tabs.tabs-color .nav-tabs > li a{border:none;padding:0!important;font-weight:700;text-transform:uppercase;display:block;font-size:14px!important}
.table.padding-xl td,.table.padding-xl th,.table.table.padding-xl tr.heading-color th{padding:20px 30px}
.tabs.tabs-color .nav-tabs > li.active{background:#ddd;-moz-box-shadow:inset 1px 1px 7px #8A8A8A;-webkit-box-shadow:inset 1px 1px 7px #8A8A8A;box-shadow:inset 1px 1px 7px #8A8A8A;color:#0072bc}
.tabs.tabs-color .nav-tabs > li.active a{border:none!important;color:#0072bc!important}
.tabs.tabs-color .nav-tabs > li:hover a{border:none!important}
.tabs.tabs-color .nav-tabs > li:first-child{border-radius:5px 0 0 5px}
.tabs.tabs-color .nav-tabs > li:last-child{border-radius:0 5px 5px 0}
.table tr.heading-color th{background:#eaf8ff;font-size:14px;color:#1071b7;font-weight:700}
.panel-color{background:#f4f4f4}
.panel-color.blue{background:#c3eafe}
.t-upper{text-transform:uppercase}
.t-lower{text-transform:lowercase}
.btn{background:#e0e0e0;color:#0072bc;padding-top:6px;font-weight:400;font-size:14px}
.btn.blue{background:#1071b7;color:#fff}
.loginebanking{margin-right:10px}
.headertool{width:107px;float:right;position:relative;text-align:right;border-left:1px solid #D8D8D8;margin-top:5px}
.exchange-viewmore{margin:41px 0 40px -15px}
.btn.blue:hover{background:#0062a2;color:#fff}
.btn.yellow{background:#f9af45;color:#fff}
.btn.yellow:hover{background:#dc932a;color:#fff}
.btn.no-color{background:0 0;border:1px solid #e0e0e0}
.btn.btnslide{font-weight:700;font-size:14px;padding:7px 20px;border-radius:3px}
.w-full{width:100%}
.table.table-no-border td,.table.table-no-border th{border:none}
.table.table-no-padding td,.table.table-no-padding th{padding-left:0;padding-right:0}
.input-group-select .input-group-addon{padding:0}
.input-group-select select{margin:0 10px;background:0 0;border:none}
.toggle.toggle-custom .toggle{margin:0}
.toggle.toggle-custom > .toggle > label{border-radius:0;margin:0;border-bottom:1px solid #E2E2E2;border-left:none;background:#D0D0D0;color:#333}
.toggle.toggle-custom > .toggle:not(.active):hover > label{background:#dcdcdc}
.toggle.toggle-custom .toggle-content{padding:20px;background:#F9F9F9}
.thumb-info img{height:200px}
.timeline .item{background:#D8D8D8;padding-bottom:10px;padding-top:10px;position:relative;margin-bottom:10px}
.timeline .item .year{background:#0072BC;width:50px;position:absolute;padding:14px 10px;left:38%;top:6px;z-index:2;border-radius:25px;color:#fff}
.timeline .item .box-image img{width:100%}
.timeline .item .timeline-content{padding:15px 20px 0}
.timeline .item .timeline-content h3{padding:0;margin:0 0 15px;font-size:18px}
@media (max-width:479px) {
body{font-size:13px}
.bg-page{padding:20px 10px}
.timeline .item{position:inherit}
.timeline .item .year{width:100%;position:inherit;padding:10px;z-index:2;border-radius:0;text-align:center}
.banner-page .item .banner-content{float:none!important;margin-right:0!important;width:100%!important}
.slide .item .slide-content{float:none!important;margin-right:0!important;width:100%!important}
}
@media (min-width:768px) {
.post-container{width:600px}
}
@media (max-width:769px) {
.newdetails{padding:0 20px}
.headertool{display:none}
.other-list-sigle-post{padding-left:10px;padding-right:10px}
.btnBack{top:-39px!important;background:#1071b7}
.btnBack a{background:#0079c0}
.nav-product{text-align:center}
.nav-product ul li{display:inline}
.nav-tabhome .item{border:none;border-bottom:1px solid #BFBFBF}
.slide #nav{display:none}
.timeline .item{position:inherit}
.timeline .item .year{width:100%;position:inherit;padding:10px;z-index:2;border-radius:0;text-align:center}
}
/*TiecQT*/

@media (min-width:992px) {
.post-container{width:800px}
#header .header-nav-main{float:left;min-height:45px}
.footer-text-right{font-size:12px;color:#75c8f2;text-align:left}
}
@media (min-width:1200px) {
.post-container{width:800px}
}
.footer-text-right{font-size:12px;color:#75c8f2;text-align:left}
.nav{float:left;font-weight:700}
.nav-second{margin-top:9px;border-left:1px solid #D8D8D8}
.nav-second li{float:left;padding:0 5px!important}
.nav-second li a{font-weight:700;color:#000!important;padding:0 7px!important}
.nav-second li a:hover,.nav-second li.active a{color:#1899d9!important;background:0 0!important}
#mainNav li.active a{background:0 0;color:#0072bc}
#mainNav li:not(.active) a{color:#000}
#txtsearch{border:1px solid #e0e0e0;border-radius:3px;height:31px;padding-left:10px;padding-right:10px;outline:0;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
#txtsearch:focus{width:100%}
.header-panel{color:#1071b7;font-size:15px;font-weight:700;margin-bottom:15px}
.news-view{margin-bottom:30px;border-bottom:1px solid #e5e5e5;padding-bottom:30px}
.news-view .col-left{width:40px;float:left;color:#adadad;text-align:center;font-size:14px;font-weight:700;line-height:15px;padding-top:10px}
.news-view .col-left span{font-size:25px;display:inline-block}
.news-view .col-right{padding-left:50px}
.news-view h3{line-height:18px;margin-bottom:15px}
.news-view h3 a{font-size:14px;font-weight:700;color:#585858;text-transform:none;line-height:10px}
.news-view a.category{font-size:14px;font-weight:400;color:#B1B1B1}
a.viewmore{color:#1071b7;text-transform:uppercase}
.pd-xl{padding:60px}
.supportbox{background:#c3eafe}
.sp-view{margin-bottom:10px;padding-bottom:10px}
.sp-view .col-left{width:60px;float:left;color:#adadad;text-align:center;font-size:14px;font-weight:700;line-height:15px}
.sp-view .col-left span{font-size:25px;display:inline-block}
.sp-view .col-right{padding-left:70px}
.sp-view .col-right h3{font-size:14px;color:#585858;text-transform:none;line-height:18px;margin-bottom:5px;font-weight:700}
.sp-view .col-right h3 span{color:#ec1d23}
.sp-view .col-right a.more{font-size:14px;font-weight:700;color:#1071b7;text-transform:uppercase}
#footer .backtotop a{display:block;background:url(../img/icons/mb/backtotop.png) right center no-repeat;width:115px}
#footer .backtotop a:hover{text-decoration:none}
#footer .container .row.info-bot a{margin-right:5px;color:#e6eff5!important}
#footer .container .row.info-bot div{margin-bottom:16px}
.footer-text-right{font-size:12px;color:#75c8f2;text-align:right}
#footer .backtotop{background:#006fba;height:80px;margin-bottom:20px;color:#fff;font-weight:700;font-size:13px;line-height:70px;position:relative}
#footer .backtotop::after,#footer .backtotop::before{position:absolute;bottom:0;height:10px;content:""}
#footer .backtotop::before{width:100%;left:0;background:#1899d9}
#footer .backtotop::after{width:20%;right:0;background:#ec1d23}
.content-tabhome{margin:20px 0 -21px;position:relative;top:-491px;z-index:99}
.content-tabhome .tabitem{height:400px;background:#fff;border-top:1px solid #ddd;padding-top:15px;padding-bottom:15px;margin-bottom:-20px}
.content-tabhome .tabitem.active{margin-bottom:-420px}
.table th{background:#e6eff5;color:#0072bc}
.mbsearch{width:140px;float:left;position:relative;text-align:right;margin-right:5px}
.searchbox input[type=text]{width:90px;background:0 0;outline:0;border:1px solid #ddd;height:32px;padding:0;border-left:none;border-radius:0 5px 5px 0}
.searchbox button{width:40px;background:url(../img/icons/mb/icon-search.png) center center no-repeat;outline:0;border:1px solid #ddd;border-right:none;height:32px;border-radius:5px 0 0 5px;margin-right:-3px}
.banner-page img,.header-toolbar.full{width:100%}
.header-nav.hide{display:none!important}
.searchbox .quicklink{position:absolute;background:#fff;border:1px solid #ddd;top:50px;left:-11px;display:none;text-align:left}
.searchbox .quicklink p{color:#666;padding:20px;margin:0}
.searchbox .quicklink ul{list-style:none;margin:0;padding:0}
.searchbox .quicklink ul li a{display:block;padding:10px 40px;color:#666}
.searchbox .quicklink ul li a:hover{display:block;background:#d1ebf7}
.main-content{background:#eaf8ff;padding:40px 0}
.white{background:#fff}
.blue{background:#eaf8ff}
.navi{background:#1071b7}
.banner-page .item{position:relative;min-height:400px!important;width:100%!important}
.banner-page .item .banner-content{background:#1071b7;min-height:400px;float:right;padding:10px 40px;margin-right:-108px;width:50.666667%}
.banner-page .item .banner-content::before{width:100%;position:absolute;top:0;left:0;height:10px;background:#1899d9;content:""}
.banner-page .item .banner-content::after{width:30%;position:absolute;top:0;right:0;height:10px;background:#ec1d23;content:""}
.banner-page .item .banner-content h4{margin:0 0 15px;padding:0;text-transform:uppercase;font-size:14px;font-weight:700;color:#fff}
.banner-page .item .banner-content h3{font-size:28px;font-weight:700;margin-top:50px;text-transform:none;line-height:30px;border-bottom:5px solid #f9a940;padding-bottom:15px;margin-bottom:10px;color:#fff}
.banner-page .item .banner-content p{margin:0 0 50px;padding:0;font-size:14px;color:#fff;line-height:20px}
.banner-page .item .banner-content ul{list-style:none;margin:0 0 20px;padding:0}
.banner-page .item .banner-content ul li a{color:#fff;font-size:13px}
.banner-page .item .banner-content ul li a:hover{color:#fff;font-size:14px;text-decoration:none}
.banner-page .item .banner-content .readmore{background:#1899d9;color:#fff;padding:10px 15px}
.banner-page .item .banner-content.readmore:hover{background:#416AD4}
.table-no-border{border:none}
.toolcompare .table-result{border:none}
.MBListView .image-box{max-height:250px;overflow:hidden;border-radius:5px 5px 0 0}
.MBListView .image-box img{width:100%;height:100%}
.MBListView ul li .portfolio-item{background:#fff;padding:0;box-shadow:2px 3px 3px 0 rgba(214,214,214,.47);border-radius:5px;margin-bottom:50px}
.MBListView .header-box h3{padding:15px 25px 0;font-size:16px;font-weight:700;color:#0072bc;text-transform:none;line-height:20px;height:55px;overflow:hidden}
.MBListView .content-box{padding:0 25px 20px}
.MBListView .content-box ul li{padding-top:3px;padding-bottom:3px}
.MBListView .content-box a{color:#000}
.MBListView .content-box a.readmore{text-transform:uppercase;color:#1071b7;margin-top:5px}
.MBListView .content-box a.readmore i{font-size:11px}
.MBListView .content-box p.des{height:35px;overflow:hidden}
.box{background:#f0f0f0;margin-bottom:25px}
.box.blue{background:#c3eafe}
.box.blue .header-box{padding:15px}
.box.blue .header-box h3{color:#0072bc;font-size:18px;font-weight:700}
.nav-left ul{list-style:none;margin:0;padding:0}
.nav-left ul li{border-top:1px solid #fff;padding:10px 15px;position:relative}
.nav-left ul li a{display:block}
.nav-left ul li a:hover{text-decoration:none}
.nav-left ul li a i{position:absolute;top:16px;right:10px}
.nav-left ul li.active,.nav-left ul li:hover{background:#1899d9}
.nav-left ul li.active a,.nav-left ul li:hover a{color:#fff}
.myicon::before{position:relative;top:-14px}
.item-list{margin-bottom:20px!important}
.item-list .headeritem h3{font-size:18px;color:#1899d9;font-weight:700;text-transform:none;margin-bottom:5px}
.item-list .contentitem p{line-height:19px;font-size:14px;color:#252525}
.item-list .contentitem a.readmore{font-size:14px;color:#0072bc;font-weight:700;text-transform:uppercase;margin-bottom:5px}
hr.tall{margin:25px 0}
.portfolio-list li{padding:10px;cursor:pointer}
.portfolio-list li:hover{background:0 0}
.portfolio-list li:hover .myicon{background:#fff;color:#1899d9}
.portfolio-list li a:hover{color:#0072bc}
.comparetollbar{background:#117abd;padding:20px;margin-bottom:20px}
.comparetollbar table td{vertical-align:top}
.comparetollbar .compareicon{width:90px}
.comparetollbar .compareicon i{background:#f1f1f2;width:70px;height:70px;border-radius:50px;text-align:center;position:relative;color:#117bbd;font-size:40px}
.comparetollbar .compareicon i::before{position:relative;top:15px}
.comparetollbar h3{font-size:18px;color:#fff;font-weight:700;text-transform:none;margin:0}
.comparetollbar p{color:#fff;font-weight:400;text-transform:none;margin:0 0 15px}
.details p{line-height:19px;font-size:14px;color:#252525;margin:0;padding:0}
.detail-header{font-size:16px;color:#0072bc;font-weight:700;text-transform:none;margin:0 0 10px;padding:0}
.list-doc li{margin:0;padding-top:3px;padding-bottom:3px}
.list-doc li a{color:#252525}
.tab-question{list-style:none;padding:0;margin:0;background:#fff}
.tab-question li{line-height:19px;font-size:14px;color:#252525;margin:0;padding:15px 20px 15px 0;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;position:relative;background:url(../img/icons/mb/icon-faq.png) left top 20px no-repeat;padding-left:25px}
.tab-question li:hover{background:#F1F1F1;border-radius:5px 0 0 5px;padding-left:15px}
.tab-question li.active{background:#1899d9;border-radius:5px 0 0 5px;color:#fff;padding-left:15px}
.tab-question li.active:after{width:0;height:0;border-bottom:10px solid transparent;border-top:10px solid transparent;border-right:10px solid #e9f6fb;position:absolute;content:"";right:0;top:10px}
.divarrow,.divborder{border:1px solid #ddd}
.tab-question li i{margin-right:20px;color:#0e8eca}
.tab-question li span{display:none;font-weight:700}
.tab-question li.active i{display:none}
.tab-question li.active span{display:inline-block}
.box-question{background:#e9f6fb}
.box-question .col{width:50%;float:left}
.content-question{padding:15px}
.column2{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;-moz-column-rule:2px outset #fff;-webkit-column-rule:2px outset #fff;column-rule:2px outset #fff}
.other-list-sigle-post{margin-top:20px;padding-top:20px;padding-bottom:20px;margin-bottom:-40px}
.table-result{font-weight:700;color:#0072bc}
.table-result span{color:#f9a940}
.divarrow{position:relative;background:#c3eafe;margin-bottom:-1px}
.divarrow:after,.divarrow:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.divarrow:after{border-color:rgba(195,234,254,0);border-top-color:#c3eafe;border-width:15px;margin-left:-15px}
.divarrow:before{border-color:rgba(221,221,221,0);border-top-color:#ddd;border-width:16px;margin-left:-16px}
.m-bot-10{margin-bottom:10px}
.m-top-10{margin-top:10px}
.portfolio-list.itemwhite .item-list{background:#fff;padding:20px;margin-bottom:0!important}
.portfolio-list.itemshadow .item-list{border-radius:5px;box-shadow:1px 1px 2px 1px #EAEAEA!important}
.portfolio-list.itemwhite li:hover .myicon{background:#EBF7FF;color:#1899d9}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu{border:1px solid #ddd!important;border-radius:0;margin-top:1px!important}
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title,#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title a{color:#0072bc!important}
.newdetails h1{margin:0 0 5px;color:#0072bc;text-transform:none;font-size:18px;line-height:20px}
.newdetails p.datetime{font-size:14px;color:#c5c5c5;font-weight:700;text-transform:uppercase;padding:0;margin:0 0 20px}
.member-details .item{background:#fcfcfc;border-radius:5px;box-shadow:0 3px 10px 0 #CECECE}
.member-details .item img{border-radius:5px 0 0 5px;height:100%;max-height:165px}
.member-details .item .header-box h3{padding:15px 0;font-size:18px;font-weight:700;color:#0072bc;text-transform:none}
.member-details .item p{font-size:14px;line-height:20px;text-align:justify}
.member-details .item .content-box{padding-right:30px}
a.readmore{color:#1071b7!important;font-size:14px}
.mbtimeline.timeline .timeline-box{padding:0!important}
.mbtimeline.timeline .timeline-box .item{background:0 0;padding:0;cursor:pointer}
.mbtimeline.timeline .timeline-box .item .content{padding:25px 20px 15px;position:relative}
.mbtimeline.timeline .timeline-box .item .content h3{font-size:18px;color:#0072bc;margin-bottom:10px}
.mbtimeline.timeline .timeline-box .item .content::before{width:100%;position:absolute;top:0;left:0;height:10px;background:#1899d9;content:""}
.mbtimeline.timeline .timeline-box .item .content::after{width:30%;position:absolute;top:0;right:0;height:10px;background:#ec1d23;content:""}
section.timeline .timeline-box.left.active:before,section.timeline .timeline-box.right.active:before{background:#ec1d23}
section.timeline.mbtimeline .timeline-box.left:after,section.timeline.mbtimeline .timeline-box.right:after{background:#6CBAF3!important;content:"";display:block;z-index:0;height:1px;border:none;position:absolute}
section.timeline.mbtimeline .timeline-box.left:after{left:100%;top:25px;width:38px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
section.timeline.mbtimeline .timeline-box.right:after{left:-42px;top:35px;width:42px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
section.timeline.mbtimeline .timeline-box.right:before{left:-62px;top:32px}
.mbtimeline .boximage img{width:100%;border-radius:5px 5px 0 0}
.mbtimeline .left .year{left:100%}
.mbtimeline .right .year{left:-53px;top:0!important}
.mbtimeline .item .year{color:#0F7CB3;width:50px;position:absolute;padding:14px 10px;top:-9px;z-index:2;border-radius:25px;font-weight:700;background:0 0}
.btnBack{position:relative;top:-90px}
.btnBack a{background:rgba(0,121,192,.5)!important}
.header-container{width:1440px;margin:0 auto}
@media (max-width:1439px) {
.header-container{width:940px!important;margin:0 auto}
.header-container .header-logo{width:150px!important}
.header-container .header-logo img{width:150px;height:73px;margin-right:5px!important}
.header-border-right.padding-10{padding:0!important}
.header-search{margin-left:0!important}
.header-search img{width:100%}
#header .header-column .header-row{padding-right:2px}
}
/*TiecQT*/

@media (min-width:768px) {
.dropdown-menu{width:100px!important;margin:0 auto!important}
.footer-text-right{font-size:12px;color:#75c8f2;text-align:left}
}
/*TiecQT*/

@media (min-width:992px) {
.dropdown-menu{width:940px!important;margin:0 auto!important}
.footer-text-right{font-size:12px;color:#75c8f2;text-align:left}
}

/*TiecQT*/

@media (min-width:1200px) {
.dropdown-menu{width:940px!important;margin:0 auto!important}
.footer-text-right{font-size:12px;color:#75c8f2;text-align:left}
}
@media (max-width:425px) {
body #s4-bodyContainer{min-width:100%}
.MBListView .image-box img{width:100%;height:100%}
.header-container{width:100%!important;margin:0 auto}
#header .header-nav-top,#header.header-border-right{border:none}
#header .header-logo img{float:left;margin-left:21px}
#mainNav{width:100%}
.nav-product ul li{display:inline-block}
.nav-product{margin-top:100px}
.mysection.pd-xl{padding:10px}
.slide .item .slide-content{margin-right:0}
.footer-text-right{font-size:12px;color:#75c8f2;text-align:left}
}
@media (max-width:375px) {
.searchbox{width:158px}
.searchbox input[type=text]{width:115px}
.footer-text-right{font-size:12px;color:#75c8f2;text-align:left}
}
.dropdown-menu a.readmore{padding-left:0!important}
.mbicon{width:70px;height:70px;background-repeat:no-repeat;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.mblisticon .item-list:hover .mbicon{background-position:0 -70px}
.toolcompare label{color:#0072bc;text-transform:none}
.progroupicon .des{overflow:hidden;height:39px}
.progroupicon .more{margin-bottom:0}
.nav-pills.nav-main > li.active > a{border-radius:0;color:#fff!important}
hr.blue{background:#177bbe!important}
.nav-bot ul li a.active{text-decoration:none;background:url(../img/bg-menu-bot.png) center bottom no-repeat #0096db;color:#fff!important;border-radius:5px}
#footer a:hover{text-decoration:none;color:#75c8f2}
.btn.btn-icon{background:url(../img/icons/mb/icon-btn.png) right 15px top 49% no-repeat #ddd;padding-right:35px}
.btn.btn-icon.blue{background:url(../img/icons/mb/icon-btn.png) right 15px top 49% no-repeat #006fba}
.btn.btn-icon.yellow{background:url(../img/icons/mb/icon-btn.png) right 15px top 49% no-repeat #fab045}
.more i.fa,.viewmore i.fa{font-weight:700;font-size:16px;margin-left:10px}
.mb-rate td,.mb-rate th{padding:10px 20px!important}
.mb-search .input-group-addon{background:url(../img/icons/mb/icon-search.png) center center no-repeat;padding-left:20px;border-color:#ddd}
.mb-search input[type=text]{background:0 0;border-color:#ddd;box-shadow:none;font-weight:400}
.mblisticon li:hover{background:#F0FAFF}
.mb-listblock li{cursor:auto}
.mb-listblock li .box-image{height:70px;overflow:hidden}
.mb-list-icon li{padding-left:0!important}
.mb-list-icon li img{margin-right:5px}
.checkbox-custom.mb-checkbox label:before{content:'';position:absolute;top:50%;left:0;margin-top:-9px;width:19px;height:18px;display:inline-block;border-radius:2px;border:none;background:url(../img/icons/mb/icon-uncheck.png) no-repeat}
.checkbox-custom.mb-checkbox input[type=checkbox]:checked + label:after{position:absolute;display:inline-block;content:'';top:25%;left:0;margin-top:-5px;font-size:11px;line-height:1;width:16px;height:16px;color:#333;background:url(../img/icons/mb/icon-checked.png) no-repeat}
.row-form{margin-bottom:15px}
a.mb-readmore{font-weight:700;color:#0072bc!important}
a.mb-readmore i.fa{font-weight:700;margin-left:10px}
.timeline-box p.des{height:0;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;opacity:0}
.timeline-box .item:hover p.des{height:auto;opacity:1}
.timeline-box .item .content{background:#fff}
.timeline-box .item{margin-bottom:10px}
.timeline-box .item .boximage{opacity:1;-webkit-transition:all .05s;-moz-transition:all .05s;transition:all 1s .05s}
.timeline-box .item:hover .boximage{opacity:.1;position:absolute;display:none}
section.timeline .timeline-box.left:hover:before,section.timeline .timeline-box.right:hover:before{background:#ec1d23}
#header .header-btn-collapse-nav{color:#0096DB;position:absolute;top:0;left:0;margin:0;background:#fff!important;padding:8px 19px 5px;line-height:35px;border-right:1px solid #fff;border-radius:0!important}
.body{left:0}
.menu-mobile{position:absolute;left:-100%;width:100%;background:#0096DB;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;border-right:1px solid #ddd}
.menu-mobile ul{list-style:none;margin:0;padding:0;width:100%}
.menu-mobile ul li a{color:#fff;text-transform:uppercase;padding:0;display:block;border-bottom:1px solid #fff;padding:10px 60px 10px 10px}
.menu-mobile ul li a i.fa{position:absolute;right:5px;top:15px;color:#fff}
.menu-mobile ul li ul.dropdown-menu-mobile{display:none;background:#fff}
.menu-mobile ul li.active ul.dropdown-menu-mobile{display:block;background:#fff}
.menu-mobile ul li ul.dropdown-menu-mobile a{color:#0096DB;padding:10px}
.menu-mobile ul li ul.dropdown-menu-mobile span,.menu-mobile ul li ul.dropdown-menu-mobile a,.menu-mobile ul li ul.dropdown-menu-mobile a.readmore{color:#0096DB!important;text-transform:uppercase;padding:0;display:block;border-bottom:1px solid #fff;padding:10px;font-size:14px;border-bottom:1px solid #ddd}
.menu-mobile ul li ul.dropdown-menu-mobile span a{padding:0;border:none}
.menu-mobile ul li ul.dropdown-menu-mobile .dropdown-mega-sub-nav a{color:#252525!important;text-transform:none!important;border-bottom:1px solid #ddd}
.menu-mobile .dropdown-mega-sub-nav li a{padding-left:30px!important;text-transform:none!important;font-weight:400;color:#252525!important;font-size:14px}
.fly-menu .body{position:absolute;left:120%}
.fly-menu .menu-mobile{left:0}
.wrapperbtn{width:100%;background:#fff}
.wrapperbtn .un-fly-menu{background:#fff;color:#0096DB;border:none;border-right:1px solid #ddd;border-radius:0;padding:15px 20px 12px;line-height:25px}
@media (max-width:769px) {
.banner-page .item .banner-content{margin-right:0!important}
.portfolio-list li{text-align:center}
.list.list-icons.list-icons-lg li{padding-left:10px}
.portfolio-list .mbicon{width:70px;height:70px;background-repeat:no-repeat;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-position:top center;width:100%;margin-bottom:15px}
.mbtimeline .left .year{width:100%;position:inherit;left:0;top:0}
.mbtimeline .right .year{width:100%;position:inherit;left:0;top:0}
.mbtimeline .boximage img{border-radius:0}
section.timeline.mbtimeline .timeline-box.left:after,section.timeline.mbtimeline .timeline-box.right:after{display:none}
.headding-page{padding:0 10px}
.mysection.pd-xl{padding:20px 0}
.header-body{top:0!important}
.slide .item .slide-content{margin-right:0}
.container{max-width:768px}
body #s4-bodyContainer{min-width:0}
.header-container{width:100%!important;margin:0 auto}
.header-toolbar .btn{border-radius:0;position:absolute;top:105px!important;right:5px}
#header .header-logo img{float:left}
#header .header-nav-main{display:none}
.header-logo img{width:100px!important;height:60px!important;padding:0!important;margin:0!important;margin-left:55px!important;margin-top:-20px!important}
#header .header-logo{width:100%!important;border-bottom:1px solid #ddd;height:51px}
#header .header-search{position:absolute;top:5px;right:10px}
html.sticky-header-negative.sticky-header-active #header .header-logo{padding-top:0}
.nav-product ul li{display:block}

.nav-product{margin-top:80px;z-index:9;margin-top: -50%;margin-left: 45%;}
.nav-product ul li a.active span.number,.nav-product ul li a:hover span.number{background:#0072BC;color:#fff;opacity:1;display:inline}
.header-toolbar{width:100%;margin:0;margin-top:-2px;max-height:50px}
.header-toolbar input[type="text"]{border:none}
.header-toolbar button{border:none;border-radius:0}
.header-toolbar .btn{border-radius:0;position:absolute;top:56px;right:5px}
.mbsearch{margin-right:0;width:100%;text-align:left;padding-top:12px;padding-bottom:7px}
.header-row.padding-10{padding:0}
#header .header-body{min-height:145px}
.searchbox .quicklink{top:100%}
#header .header-border-right,#header .header-nav-top{border-right:none}
.post-container{width:90%}
.mb-search{margin-bottom:20px}
section.timeline{margin:50px auto;width:100%}
.member-details{padding:0 20px}
.member-details .item img{border-radius:5px 0 0 0}
.MBListView .image-box img{height:auto}
.other-list{padding:0 20px}
.member-details .item .content-box{padding:20px}
.member-details .item img{max-height:none;border-radius:5px 5px 0 0;width:100%}
.box-small .header-box{padding:0 20px}
.content-tabhome{position:inherit;margin:20px 0 -20px;top:0}
.content-tabhome .tabitem.active{margin-bottom:20px}
.home-intro .item.active::before{background:none}
.content-tabhome .tabitem{height:auto}
}
@media (max-width:425px) {
.header-container{width:100%!important;margin:0 auto}
#header .header-nav-main{display:none}
.header-logo img{width:100px!important;height:60px!important;padding:0!important;margin:0!important;margin-left:55px!important;margin-top:-20px!important}
#header .header-logo{width:100%!important;border-bottom:1px solid #fff;height:51px}
#header .header-search{position:absolute;top:5px;right:10px}
html.sticky-header-negative.sticky-header-active #header .header-logo{padding-top:0}
.nav-product ul li a.active span.number,.nav-product ul li a:hover span.number{background:#0072BC;color:#fff;opacity:1;display:inline}
.header-toolbar{width:100%;margin:0;margin-top:-2px}
.header-toolbar input[type="text"]{border:none}
.header-toolbar button{border:none;border-radius:0}
.header-toolbar .btn{border-radius:0;position:absolute;top:56px!important;right:5px}
.mbsearch{margin-right:0;width:100%;text-align:left;padding-top:0;padding-bottom:0}
.header-row.padding-10{padding:0}
#header .header-body{min-height:95px}
.searchbox .quicklink{top:100%}
}
.toggle.toggle-custom > .toggle > label{background-color:#0096db;color:#fff}
table.procompare_2 th{width:50%}
table.procompare_3 th{width:33.33%}
table.procompare_4 th{width:25%}
table.procompare_5 th{width:20%}
table.table.table-bordered.table-striped.table-condensed.mb-none th,table.table.table-bordered.table-striped.table-condensed.mb-none td{padding:10px 25px}

/*TiecQT*/

.banner-page img,.header-toolbar.full{width:102.1%}