/*==================================embedded Fonts=============================================================== */
@font-face {
   font-family: "Segoe UI", Arial; 
   src:url(../fonts/segoeui.ttf);
}

/* ==================================HTML5 display-role reset for older browsers =================================*/
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, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, nav1, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;	
	font-family: "Segoe UI", Arial; 
    font-size:16px;
	line-height: 130%;
	/*font-size:16px;
	max-width:100%;*/
}

iframe, object, embed
{
max-width: 100%;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, nav1, section {
	display: block;
}
body {
	line-height: 1.25;
	width:100%;
	height:100%;
	font-family: "Segoe UI", Arial; 
	font-size: 16px;
	color:#333;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;color:#0083ba; cursor:pointer;}
a:hover, a:focus{text-decoration:none; color:#66C6C5; outline:none}

/*=========================================== Bootstrap resets ==================================================*/
.container-fluid, .navbar-collapse{padding-left:0; padding-right:0;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:auto;}
.nav>li>a{padding: 20px 16px}
.nav1>li>a{padding: 20px 16px} /*menu English - VN mobile*/
.navbar-brand{padding:0px;}
.content_body{padding-top:50px; padding-bottom:50px;}
img {  vertical-align: bottom;}
/*===========================================common classes======================================================*/
.overflowHidden{overflow:hidden;}
.floatLeft{float:left;}
.floatRight{float:right;}
.colorGreen{color:#006983;}
.bold{font-weight:bold;}
.fontSize20{font-size:20px;}
.fontSize24{font-size:24px;}
.padding0{padding:0 !important;}
.paddingT10px{padding-top:10px;}
.paddingT25px{padding-top:25px;}
.paddingL15px{padding-left:15px;}
.paddingB10px{padding-bottom:10px;}
.paddingB15px{padding-bottom:15px;}
.paddingB20px{padding-bottom:20px;}

.marginB5px{margin-bottom:5px;}
.marginB15px{margin-bottom:15px;}
.marginL15{margin-left:15%;}
.marginT15{margin-top:15px;}
.marginT5{margin-top:5px ;}

.marginT20{margin-top:20px ;}
.marginB15{margin-bottom:15px ;}
.marginT30{margin-top:30px ;}
.marginB30{margin-bottom:30px ;}

.marginT50{margin-top:50px ;}
.marginB50{margin-bottom:50px ;}
.marginT40{margin-top:40px ;}
.marginB40{margin-bottom:40px ;}
.margin0{margin:0 !important; }
.padding15{padding:15px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font14{font-size:14px;}
.font12{font-size:12px}
.font32{font-size:32px}
.font28{font-size:28px}
.font20{font-size:20px}
.font22{font-size:22px}
.greenFont{color:#0083bb;}
.protradeFont{color:#006072;}
.whiteFont{color:#fff;}
.lightGfont{color:#96dcd9}
.lightBlue{color:#86c4de;}
.defaultfont{color:#525252;}
.border0{border:0 ;}
.borderB{border-bottom:1px solid #82c64f}
.borderTopB{border-bottom:1px solid #82c64f;border-top:1px solid #82c64f;}
.positionRelative{position:relative}
.positionAbsolute{position:absolute}
.greenBorder{border:1px solid #0083bb;}
.greenBorder-left{border-left:1px solid #CECECE}
.grayBorder-top{border-top:1px solid #ECECEC;}
.borderTB{border-top:1px solid #cacaca;border-bottom:1px solid #cacaca}
.borderTP{border-top:1px solid #1f91c2}
.borderBT{border-bottom:1px solid #0072a3}
.displayBlock{display:block;}
/*============================================================Top navigation====================================*/
.greenHeader{background-color:#0083bb;border-radius:0;border-bottom:2px solid #82c64f;}
.navbar-nav{margin-left:185px;}
.navbar-nav.ddMenu{margin-left:0px;}
.navbar-nav.ddMenu1{margin-left:0px;} /*menu English - VN mobile*/
.greenHeader ul > li > a{color:#fff;font-size:16px;}
.greenHeader ul.tabs > li >a:hover{background-color:#82c64f;position:relative;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#82c64f; color:#fff;}
.nav1 .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#82c64f; color:#fff;} /*menu English - VN mobile*/
.navbar-toggle{background-image:url(../images/content_images/menu.png);background-repeat:no-repeat; 
border-radius: 0;height:35px;width:41px;top:20px;left:15px}
.greenHeader.navbar{margin-bottom:0;}
.arrow{background-image:url(../images/site_images/arrow_big.png);background-repeat:no-repeat;
background-position:center;display:inline-block;height:10px;width:9px;}
/* Language Dropdown */
.ddMenu > li.dropdown.dropdown-language { border-left:1px solid #459caa;border-right:1px solid #459caa}
.ddMenu1 > li.dropdown.dropdown-language { padding-top: 8px;} /*menu English - VN mobile*/
.greenHeader ul > li.dropdown-language > a{color:#90BEC9;}
.greenHeader ul > li > a.dropdown-toggle:hover, .greenHeader ul > li > a.dropdown-toggle:focus{background:#82c64f; color:#fff;}
.navbar-nav>li>.dropdown-menu{ background:#82c64f !important; }
.dropdown-menu>li>a{padding: 10px 20px; } /*khoang cach giua cac menu drop down*/
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:#fff; color:#006883;}
.ddMenu > li.dropdown{}

/* =================================================Main Content================================================*/
.highlighter{background-image:url(../images/site_images/highlighter.png);background-repeat:no-repeat;
height:49px;width:4px;left:0;}
.imgAdjustment{background-size:100%;width:10px;right:25px;}
.topR{right:5px;}
.titleImg{background-image:url(../images/site_images/titleImg.png);background-repeat:no-repeat;
display:inline-block;  height: 55px;  }
.titleImg >span {top: 5px;  left: 42px;}
.whiteArrow{background-image:url(../images/site_images/navarrowmob.png);background-repeat:no-repeat;display:inline-block;position:absolute;right:10px;  height: 25px;  width: 25px;}
.imgAdjustment{background-size:100%;width:10px;right:25px; /*margin-top:4px; */}
.imgAdjustment1{background-size:100%;width:10px;right:25px; /*margin-top:4px; */ top:38%;}
.conImg{background-image:url(../images/site_images/contactusmob.png); background-repeat: no-repeat;
 display: inline-block;  height: 33px;  width: 41px;  position: relative;  top: 5px;  left: -7px;
 background-size: 100%;}
.top20{top:20px;}
.hdWidth{width:1200px; margin:0 auto;}
.logo{ background:#fff; width:164px; height:54px; position:absolute; z-index:1;}
.cntus p{font-size:18px;}
.breadcrumWrap{background-color:#f1f1f1;}
.breadcrumb{background-color:#f1f1f1;}
.breadcrumb li a.active{color:#333;}
.home_3col_boxes{margin-top:30px;}
.home_3col_boxes .col-lg-4{padding-right:10px; width:235px;}

.submitEnquiry{background-color:#ff9d00;color:#fff;text-align:center;padding:10px;}
.submitEnquiry span{  background-image: url(../images/site_images/submitenquirymob.png);
 background-repeat: no-repeat;  display: inline-block;  height: 46px;  width: 41px;  position: relative;
 top: 5px;  left: -15px;  background-size: 100%;}
.submitEnquiry h1{  display: inline-block;  font-size: 34px;  position: relative;  top: -7px;
 left: 10px;}

.ContUs {color:#fff;background-color:#63ceca;}
.ContUs ul li{list-style:none; padding:10px 27px;border-bottom:1px solid #fff;}
.ContUs ul li:last-child{border-bottom:none}

.news li{ list-style:none; padding:6px 0px;margin:0;/*border-bottom:1px solid #ECECEC;*/ font-weight:normal}
.news li:last-child{border-bottom:0 none;}
 
.news li > a .newstitle{font-size:18px;color:#0083ba}
.news li > a .newsdate{font-size:12px; color:#525252;}

.align{top:5px;left:5px;}
.bgColor{background-color:#0088b2}

/*==========================================================Footer===============================================*/
footer.mainFooter{background-color:#0083bb;background-image:url(../images/content_images/footerbg.png);background-repeat:no-repeat;width:100%;height:100%;border-bottom:1px solid #6cb8b5;background-position:center}
footer.sub-footer{ padding:0;}

.socioShare li {padding:12px 0 12px; background-image:url(../images/site_images/socialshare.png);background-repeat:no-repeat;height:50px;}
.socioShare li > a{position:relative;left: 51px;font-size: 14px;}
.socioShare li.fb{background-position:-33px 8px;} 
.socioShare li.tw{background-position: -33px -44px;} 
.socioShare li.yt{background-position:-33px -92px	;} 
.socioShare li.wb{background-position:-33px -145px;} 

.siteLinks{overflow:hidden;}
.siteLinks > li{list-style:none;float:left;padding:0 35px;overflow:hidden;font-size:14px;color:#fff;}
.siteLinks > li > h1{font-size:14px;font-weight:bold;}
.siteLinks > li:first-child{padding-left:0;}

.Qlinks {padding-top:10px;}
.Qlinks li{padding:2px 0 ;}
.Qlinks li>a{font-size: 14px;color:#fff;}
footer a:hover, footer a:focus{color:#fff;}

.contactUs {padding-top:10px;}
.contactUs li{padding:3px 0;font-size:14px;}
.contactUs a{color:#fff;font-size:14px;}

img.footerImg{ position:relative; margin-top:160px; }
.footerImg{float:right }
.fontSpace{ position:relative; }
#accordion1 ul li{padding:15px 0;}
.socioLinks {overflow:hidden;margin-left: -25px;}
.socioLinks  li{list-style:none;float:left;padding:15px 10px;cursor:pointer;width:50px;}

.socioLinksMb {overflow:hidden;margin-left: -15px;}
.socioLinksMb  li{list-style:none;float:left;padding:0 10px;cursor:pointer;width:50px;}

.bCT {overflow:hidden;margin-right:-35px;}
.bCT  li{list-style:none;float:right;padding:5px 0;cursor:pointer;width:150px;}

footer .panel {
  margin-bottom: 20px;
   background-color:#0083bb; 
  border: 0; 
   border-radius: 0; 
  -webkit-box-shadow:0; 
   box-shadow: 0;color:#fff;font-size:20px;  border-bottom: 1px solid #00628b; 
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #00628b;}
.panel-heading{padding:15px;}
footer .panel-title{font-size:20px;}
.newsLinks > div.panel-body{border-top:none;}
.weblinks li{padding:5px 0;}
.weblinks li a{color:#fff;}
/*========================================Styling for inner page Advantage =======================================*/
.contentLinks{  margin: 0 20px;}
.contentLinks li{ list-style:disc;padding:10px;}
.dropdown{
    display:block !important;
}

.greenHeader ul.tabs > li.active{background-color:#82c64f;}
/*.greenBb img{border-bottom:2px solid #82C64F}  mv created on 12-06-2015*/
.glsidebar{ border:1px solid #0085B8; border-right:none; border-left:none; margin:10px 0; font-weight:bold;}/* mv created on 12-06-2015 */
/* New css added on 16-06-2015 */
.inner_31_right ul li{padding:11px}
#sideBar {
    width: 306px;
    padding-left: 3px;
    float:right
}
#sideBar .side-nav.sidebar-block {
        padding-left: 28px;
}
.galaxisMarginTop {
    margin-top: 0px;
    margin-right:20px;
}
.sideBarTitle {
    color: #0083BB;
    font-size: 18px;    
    font-weight: bold;
}
.sideBarTitle a {display:block; outline : none;}
.sideBarTitle.panel-group {margin-bottom:0}
.sideBarTitle .arrow {height:18px; right:10px; top:3px}
#accordion.panel-group {margin-bottom:0}
#accordion1 a[aria-expanded=true] span.whiteArrow{background-image: url(../images/site_images/accordiondownarrow.png);
  background-repeat: no-repeat; width:17px }
#homeBannerBorder img.greenBorderbottom {border-bottom: 1px solid #82C64F}
#accordion1 .panel {margin-top:0}
a {outline:0}

.sub-footer .socioLinks li a img {
border-bottom: 0;
}

.greenBorderbottom{border-bottom: 2px solid #82C64F}

.col-lg-content-wd {width: 74.666667% !important; }

/* CSS code for Open Bank Account Table Styling, for Desktops/Laptops */
	table#openAccount, table#vieatAccountOpen, table#vieatAccountOpen2, #newInvestment { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	#openAccount tr:nth-of-type(odd), #vieatAccountOpen tr:nth-of-type(odd), #vieatAccountOpen2 tr:nth-of-type(odd), #newInvestment  tr:nth-of-type(odd){ 
		background: #eee; 
	}
	#openAccount th, #vieatAccountOpen th, #vieatAccountOpen2 th, #newInvestment th{ 
		background: #0083BB; 
		color: white; 
		font-weight: bold; 
	}
	#openAccount td, #openAccount th, #vieatAccountOpen td, #vieatAccountOpen th, #vieatAccountOpen2 td, #vieatAccountOpen2 th, #newInvestment td, #newInvestment th { 
		padding: 6px; 
		border: 1px solid #333333; 
		text-align: left; 
	}
	#openAccount p, #vieatAccountOpen p, #vieatAccountOpen2 p, #newInvestment p{margin:0; padding:0; text-overflow: ellipsis; overflow: hidden;}
#bs-example-navbar-collapse-1 ul.dropdown-menu {min-width:0}


#accordion a[aria-expanded=true] span.arrow {
    background-image: url(../images/site_images/arrow_big_Down.png);
    background-repeat: no-repeat;
    width: 17px;
    top: 4px;
}

.footer-logo2 {
    float: left;
    margin-left: 200px;
    margin-top: 3px;
}

#pagination.simple-pagination {
    margin-top: 10px;
    /*    margin-left: -15px;*/
}



.numbering li.active a, .numbering li.active span {
    background-color: #63ceca !important;
    border-color: #63ceca !important;
}

.numbering li.active .prev, .numbering li.active .next {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #337ab7 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.numbering.col-lg-11 {
    padding-left: 0;
}


/*========================================Pagination===============================================*/
.numbering li a {
    color: #006983;
    font-size: 14px;
}

.numbering li.active a {
    background-color: #00b287;
    border-color: #00b287;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #00b287;
    border-color: #00b287;
}

.pagination > li > a, .pagination > li > span {
    padding: 10px 15px;
}

.inner_14b h2 {
    font-size: 18px;
    color: #006783;
    font-weight: bold;
     margin:4px;
}

  
.auto-style3 {
		font-family: "Segoe UI";
		font-size: x-small;
	}

/*========================================Tab Navigation=========================================================*/

/*-- arrow bar for e-newsletter --*/
.arrcontainer{
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
}

.arrbox{
   height: 40px;
   width: 300px;
   background: #10cfc9;
}

/*mui nhon cua tam giac*/
.triangle-right {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 25px solid #10cfc9; /*cho nay quyet dinh mui ten nhon co nao*/
      border-bottom: 25px solid transparent;
    }

.triangle-bottomleft {
      width: 0;
      height: 0;
      border-bottom: 40px solid #10cfc9;
      border-right: 40px solid transparent;
    }
    
#triangle-bottomright {
      width: 0;
      height: 0;
      border-bottom: 50px solid #10cfc9;
      border-left: 50px solid transparent;
    }

.triangle-up {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #10cfc9;
    }

.triangle-down {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #10cfc9;
    }

.triangle-left {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 500px solid #10cfc9;
      border-bottom: 25px solid transparent;
    }
    
.triangle-topleft {
      width: 0;
      height: 0;
      border-top: 50px solid #10cfc9;
      border-right: 50px solid transparent;
    }
    
.triangle-topright {
      width: 0;
      height: 0;
      border-top: 50px solid #10cfc9;
      border-left: 50px solid transparent;
    }
    
.parallelogram {
	  margin-left: -10px;
      width: 15px;
      height: 40px;
      transform: skew(45deg);
      background: #10cfc9;
    }
    
/*-- end arrow bar --*/