@charset "utf-8";
@import url('datatables/style.css');

@media print {
  a[href]:after {
    content: none !important;
  }
}
body {
  min-width: 1170px;
} .container { max-width: 970px; } section { padding: 50px 0px; } a, a:hover {
  color: #0066cc;
}
h1 {
  font-size: 18px;
  font-weight: normal;
  color: #0066cc;
  display: block;
  padding: 5px 0 0 0;
  margin: 0;
  float: left;
}
h4 {
  color: #0f3565;
}
h5 {
  color: #0066cc;
}
ul.list-dashed {
  list-style-type: none;
  padding-left: 1em;
}
ul.list-dashed li:before {
  content: '-';
  position: relative;
  left: -5px;
}
ul.list-dashed li {
  text-indent: -5px;
}
a[data-toggle='collapse'] {
  text-decoration: none;
}
.collapse {
  margin-top: 1em;
  margin-bottom: 2em;
}
.careers .panel {
  border: none;
  box-shadow: none;
}
.btn-openacct,
.btn-login {
  padding: 3px 10px;
}
/*color*/
.ft-blue {
  color: #2a528e;
}
.ft-slate {
  color: #4d6582;
}
.ft-silver {
  color: #96a1b1;
}
.ft-mblue {
  color: #2c3b4d;
}
.ft-grey {
  color: #323c4c;
}
.ft-snow {
  color: #eff2f7;
}
.ft-dsnow {
  color: #e0e6ed;
}
.ft-smoke {
  color: #d3dce6;
}
.ft-orange {
  color: #f18043;
}
.ft-white {
  color: #ffffff;
}
.ft-lightblue {
  color: #54b4d0;
}
.lt-spac1 {
  letter-spacing: 1px;
}
.lt-spac2 {
  letter-spacing: 2px;
}
/* spacing */
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.my-1 {
  margin: 4px 0;
}
.my-2 {
  margin: 8px 0;
}
.my-3 {
  margin: 16px 0;
}
.my-4 {
  margin: 24px 0;
}
.my-5 {
  margin: 48px 0;
}
/* flexbox */
.d-flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.justify-content-start {
  justify-content: start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: end;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.align-items-start {
  align-items: start;
}
.align-items-end {
  align-items: end;
}
.align-items-center {
  align-items: center;
}
.align-self-start {
  align-self: start;
}
.align-self-end {
  align-self: end;
}
.align-self-center {
  align-self: center;
}
.flex-fill {
  flex: 1;
}
/* form */
select {
  font-size: 11px;
  height: 22px;
  padding: 2px 0 0 0;
}
input.form-control {
  *height: 18px;
  *width: auto;
}
button.btn-sm {
  *padding: 3px 0px 4px 0px;
}
button.disabled {
  background-color: #d3dce6 !important;
}
.note {
  color: #666;
  font-size: 11px;
  line-height: 13px;
}
/* form */
.clear {
  clear: both;
  display: block;
  line-height: 0;
  font-size: 0;
  height: 0;
}
.hr {
  height: 1px;
  background-color: #cccccc;
}
.red {
  color: #ff0000;
}
.green {
  color: #009933;
}
.blue {
  color: #0f3565;
}
.lt-blue {
  color: #0099cc;
}
.gold {
  color: #ae8847;
}
.silver {
  color: #395c80;
}
.orange {
  color: #f18043 !important;
}
.link-blue {
  color: #54b4d0 !important;
}

.open-button {
  letter-spacing: 2px;
  text-decoration: none !important;
  background-color: #f18043;
  color: #ffffff !important;
  min-width: 210px;
  margin: 0px 0px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 2px solid #f18043;
  white-space: nowrap;
  padding: 13px 13px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
}

.open-button:hover {
  background-color: transparent;
  color: #f18043 !important;
  padding: 13px 13px;
}

.more-button {
  letter-spacing: 2px;
  text-decoration: none !important;
  color: #fff !important;
  width: 200px;
  margin: 0px 0px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 2px solid #fff;
  white-space: nowrap;
  padding: 13px 13px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bg-orange {
  background-color: #ec8110;
  color: #ffffff;
  border-color: #dd5901;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.4, #f26f20),
    color-stop(1, #dd5901)
  );
  background-image: -o-linear-gradient(bottom, #f26f20 40%, #dd5901 100%);
  background-image: -moz-linear-gradient(bottom, #f26f20 40%, #dd5901 100%);
  background-image: -webkit-linear-gradient(bottom, #f26f20 40%, #dd5901 100%);
  background-image: -ms-linear-gradient(bottom, #f26f20 40%, #dd5901 100%);
  background-image: linear-gradient(to bottom, #f26f20 40%, #dd5901 100%);
}
.bg-blue {
  background-color: #428bca;
  color: #ffffff;
  border-color: #3574aa;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.4, #428bca),
    color-stop(1, #3574aa)
  );
  background-image: -o-linear-gradient(bottom, #428bca 40%, #3574aa 100%);
  background-image: -moz-linear-gradient(bottom, #428bca 40%, #3574aa 100%);
  background-image: -webkit-linear-gradient(bottom, #428bca 40%, #3574aa 100%);
  background-image: -ms-linear-gradient(bottom, #428bca 40%, #3574aa 100%);
  background-image: linear-gradient(to bottom, #428bca 40%, #3574aa 100%);
}
.bg-grey {
  background-color: #dddddd;
  color: #0f3565;
  border-color: #cccccc;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.4, #eeeeee),
    color-stop(1, #cccccc)
  );
  background-image: -o-linear-gradient(bottom, #eeeeee 40%, #cccccc 100%);
  background-image: -moz-linear-gradient(bottom, #eeeeee 40%, #cccccc 100%);
  background-image: -webkit-linear-gradient(bottom, #eeeeee 40%, #cccccc 100%);
  background-image: -ms-linear-gradient(bottom, #eeeeee 40%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 40%, #cccccc 100%);
}
a.bg-orange:hover,
a.bg-blue:hover {
  color: #ffffff;
  text-decoration: none;
}
.fbg-grey {
  background-color: #eeeded;
  border: 1px solid #eff1f2;
}
.col {
  float: left;
}
.two-col {
  width: 50%;
  *width: 48%;
}
.three-col {
  width: 33.33333333%;
  *width: 30%;
}
.content {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.content-wide {
  width: 1170px;
  margin: 0 auto;
}
.title_txt {
  font-size: 14px;
}
.title {
  margin-top: 10px;
  overflow: hidden;
}
.title .main_title {
  font-size: 20px;
  color: #0066cc;
  float: left;
}
.title .sub_title {
  float: left;
  height: 26px;
  background: url(../../../d4l0yihtmj3iw.cloudfront.net/images/shared/line.gif)
    no-repeat 0 -120px;
  margin: 5px 0 0 13px;
  padding: 0px 0 0 15px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 21px;
  line-height: 21px;
  color: #003366;
}
.title .topright {
  float: right;
  overflow: hidden;
}
.title .zoomicon {
  float: left;
  margin-right: 5px;
}
.title .zoomicon img {
  vertical-align: middle;
}
.title .zoomtext {
  float: left;
  font-size: 11px;
  padding-top: 4px;
}
/*nav tab*/
.nav_top {
  background: url('../../images/shared/tabs2_customersvc.gif') no-repeat scroll 0 0
    transparent;
  height: 40px;
  overflow: hidden;
}
ul.nav_tab {
  text-align: center;
  padding: 0;
  margin: -38px auto 15px auto;
  list-style: none;
  width: 100%;
}
ul.nav_tab li {
  display: inline-block;
  *display: inline;
  border-right: 1px solid #cac9c9;
  height: 28px;
  margin-left: -5px;
  border-radius: 3px;
  border-left: 1px solid #cac9c9;
}
ul.nav_tab li.off {
  background: url(../../../d4l0yihtmj3iw.cloudfront.net/images/shared/tab_overview.html)
    repeat -250px -31px;
}
ul.nav_tab li.current {
  background: url(../../../d4l0yihtmj3iw.cloudfront.net/images/shared/tab_overview.html)
    repeat 0 -62px;
}
ul.nav_tab li a {
  text-decoration: none;
  font-size: 12px;
  color: #003366;
  font-weight: bold;
  padding: 7px 12px 8px 12px;
  line-height: 28px;
}
ul.nav_tab li.current a {
  background: url('../../images/shared/tab_overview.png') no-repeat -250px -94px;
  border-bottom: 2px solid #ffffff;
  color: #ff6600;
}
/*end inner tab*/
/* BEGIN Third Level Nav */
.template_t .menu {
  width: 170px;
  float: left;
  margin-right: 10px;
  border: 1px solid #cac9c9;
  border-radius: 4px;
  padding: 10px 0;
  font-size: 12px;
  line-height: 16px;
}
.template_t .menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.template_t .menu ul li {
  margin: 0;
  text-align: left;
  display: block;
  padding: 4px 10px;
}
.template_t .menu ul li.current {
  color: #0066cc;
  background: #e7f3f9;
  display: block;
  font-weight: bold;
}
/* END Third Level Nav */

/* autocomplete */
.autocomplete-w1 {
  background: url(../../images/shared/shadow.png) no-repeat bottom right;
  position: absolute;
  top: 0px;
  left: 0px;
}
.autocomplete {
  font-family: 'Helvetica';
  border: 1px solid #999;
  background: #1f2d3d;
  cursor: default;
  text-align: left;
  max-height: 350px;
  font-size: 12px;
}
.autocomplete .selected,
.autocomplete .selected a {
  background: #0066cc;
  color: #fff;
}
.autocomplete div {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  height: 24px;
}
.autocomplete strong {
  font-weight: normal;
  color: #3399ff;
}
.ac-sym,
.ac-desc,
.ac-opt,
.ac-opturl {
  line-height: 1.6 !important;
  display: block;
  float: left;
  padding: 0px !important;
  font-size: 12px;
}
.ac-sym {
  width: 65px;
  font-weight: bold;
}
.ac-desc {
  width: 290px;
}
.ac-opt {
  width: 0;
  color: #0066cc;
  cursor: pointer;
}
/* autocomplete */

/* header */
/*top notice box*/
#top_pub_info {
  padding: 5px;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
  background-color: #f4e6b2;
  border: 1px solid #dbcf88;
  margin: 0 auto;
}

#header-bar {
  background-color: #2a528e;
  border-bottom: 1px solid rgba(211, 220, 230, 0.3) !important;
  position: sticky;
  top: 0;
  z-index: 9999;
}

#header {
  background-color: #2a528e;
  position: sticky;
  top: 52px;
  z-index: 9999;
}

#head {
  height: 52px;
}

::-webkit-input-placeholder {
  /* Chrome */
  color: #96a1b1 !important;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #96a1b1 !important;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #96a1b1 !important;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #96a1b1 !important;
  opacity: 1;
}

#search-box {
  display: none;
  position: absolute;
  /*width: 432px;*/
  height: 41px;
  right: 0px;
  top: -1px;
  /*background-color: #1f2d3d;*/
  z-index: 9999;
  padding: 0px;
}

#id-gqbtn {
  font-size: 24px;
  color: #96a1b1;
  position: absolute;
  right: 64px;
  top: 10px;
  cursor: pointer;
}

#search-close {
  font-size: 30px;
  color: #96a1b1;
  position: absolute;
  top: 6px;
  cursor: pointer;
  opacity: 0.5;
}

#login-box {
  display: none;
  position: absolute;
  width: 100%;
  right: 0px;
  height: auto;
  top: -7px;
  background-color: #1f2d3d;
  z-index: 9999;
  padding: 41px 10px 8px 10px;
}
#login-box .site-notice {
  z-index: 10000;
}

#login-box input {
  width: 100%;
  display: block;
  outline: none;
  border: none;
  height: 30px;
  margin-bottom: 15px;
  padding: 0px 10px;
}

#login-box select {
  width: 268px;
  outline: none;
  border: none;
  border-radius: 0px;
  height: 30px;
  /*padding: 0px 10px;*/
  color: #96a1b1;
  font-size: 14px;
}

#login-close {
  font-size: 30px;
  color: #96a1b1;
  position: relative;
  right: -38px;
  top: 9px;
  cursor: pointer;
  opacity: 0.5;
}

#login_form {
  padding: 0px 10px;
  position: relative;
  z-index: 10000;
}
#login_form input {
  border: 0px;
  padding: 0px 6px;
  height: 26px;
  color: #000000;
  width: 130px;
  outline: none;
  margin: 0px 8px 0px 0px;
  float: left;
}

#submit {
  font-weight: bold;
  width: 60px;
  background-color: #1675e0;
  border-color: #21538f;
  height: 26px;
  border: 0px;
  outline: none;
  padding: 0px;
  border-radius: 4px;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 25px;
}

#notice {
  background-color: #f5f5dc;
  color: #000000;
  padding: 10px;
}

input.search-bar {
  height: 42px;
  outline: none;
  background-color: #ffffff;
  border: none;
  /* border-bottom: 1px solid white;*/
  padding: 0px 40px 0px 10px;
  color: #000000;
  /*margin-right: 10px;*/
  width: 452px;
}

/*	input.search-bar:focus {
		width: 518px;
	}*/

/*	#head *[id^='Autocomplete_']{
	    width: 465px !important;
	}*/

#head ul {
  color: #ffffff;
  padding: 0;
  margin: 0;
  display: block;
  float: right;
}

#head ul > li {
  display: inline-block;
  /*padding: 5px 5px;*/
  position: relative;
  vertical-align: middle;
}

#head ul > li span {
  padding: 5px 10px;
  display: block;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
		                              not supported by any browser */
}

#head ul > li span a {
  color: #ffffff;
  text-decoration: none;
}

#head ul li.search-item:hover #search-box {
  display: block;
}

#nav {
  /*overflow:hidden;*/
  height: 70px;
  position: relative;
  z-index: 9998;
}
#nav .logo {
  height: 40px;
  margin: 15px 0px;
}
#nav.float_top {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 58, 116, 0.6);
}
#nav .firstrade-logo {
  width: 190px;
  padding: 12px 0px;
}
#head .topright {
  float: right;
  margin-top: -10px;
  overflow: hidden;
}
#head .shortcut {
  float: right;
  margin-bottom: 10px;
  color: #fff;
  font-size: 11px;
}
#head .shortcut a {
  color: #fff;
}
#head .ch-font {
  font-family: 'Microsoft YaHei';
  line-height: 36px;
  letter-spacing: 1px;
  font-size: 14px;
}
/* get quote and search bars */
#head .searchbox .gq,
#head .qbar .symbol {
  font-size: 11px;
  float: left;
  padding-right: 25px;
  width: 130px;
  *width: 100px;
  height: 26px;
  *height: 16px;
  border: 1px solid #0066cc;
  border-radius: 3px;
  background: rgb(0, 58, 116);
}
#head .searchbox .gq:focus,
#head .qbar .symbol:focus {
  background-color: #fff;
}
#head .searchbox .gq:focus + .gsch,
#head .qbar .symbol:focus + .gqbtn {
  color: #000;
}
#head .searchbox .gsch,
#head .qbar .gqbtn {
  margin-left: -25px;
  padding: 2px 5px;
  float: left;
  background: none;
  color: #6bb5fd;
}
#head .searchbox .gq:focus::-webkit-input-placeholder,
#head .qbar .symbol:focus::-webkit-input-placeholder {
  color: #333;
}
#head .searchbox .gq:focus:-moz-placeholder,
#head .searchbox .gq:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #333;
}
#head .searchbox .gq:focus::-moz-placeholder,
#head .qbar .symbol:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
}
#head .searchbox .gq:focus:-ms-input-placeholder,
#head .qbar .symbol:focus:-ms-input-placeholder {
  color: #333;
}
#head input::-webkit-input-placeholder {
  color: #6bb5fd;
}
#head input:-moz-placeholder {
  /* Firefox 18- */
  color: #6bb5fd;
}
#head input::-moz-placeholder {
  /* Firefox 19+ */
  color: #6bb5fd;
}
#head input:-ms-input-placeholder {
  color: #6bb5fd;
}
#head .searchbox,
#head .qbar,
#head .openacct,
#head .login {
  float: left;
  margin-right: 10px;
}
#head .topright div:last-of-type {
  margin-right: 0;
}

ul.nav_one {
  float: right;
  margin: 0;
  padding: 0;
}

ul.nav_one > li {
  display: inline-block;
  /*margin: 0px -2px;*/
}

ul.nav_one > li > a {
  color: #ffffff;
  text-decoration: none;
  line-height: 70px;
}

ul.nav_one > li.menu:hover ul {
  display: block;
}

ul.nav_one > li.menu:hover {
  background-color: #1f2d3d;
  color: #6ccbe3;
}

ul.nav_one > li.menu:hover > a {
  color: #6ccbe3;
}

ul.nav_one li ul {
  display: none;
  position: absolute;
  padding: 0px 0px;
  z-index: 9998;
  background-color: #1f2d3d;
}

ul.nav_one li ul li {
  display: block;
  padding: 10px 8px;
  white-space: nowrap;
}

ul.nav_one li ul li a {
  line-height: 40px;
  color: #ffffff;
  text-decoration: none;
}

ul.nav_one li ul li:hover {
  background-color: #3e526d;
}
/*Navigation start*/
/*	ul.nav_one, .nav_two ul{
		margin:0 auto;
		padding:0;
		list-style:none;
		text-align: justify;
	}
	ul.nav_one {
		line-height:38px;
	}
	.nav_two ul {
		max-height:42px;
		line-height: 38px;
	}
	ul.nav_one li, .nav_two ul li {
		display:inline-block;
		*display:inline;
		zoom:1;
	}
	ul.nav_one li.stretch, .nav_two ul li.stretch {
		display: inline-block;
		width: 100%;
		*display: inline;
		zoom:1;
	}
	ul.nav_one a,
	.nav_two ul a{
		font-weight:bold;
		display:inline-block;
		color:#FFF;
		text-align: left;
	}
	ul.nav_one li.current a, ul.nav_one li:hover a{
		color:#33ccff;
		text-decoration:none;
	}
	.nav_two{
		display:none;
		height:40px;
		border-bottom:1px solid #CCC;
		position:relative;
		z-index:8000;
	}*/
/*level two*/
.nav_two ul {
  display: none;
}
.nav_two li.current,
.nav_two li:hover {
  border-bottom: 3px solid #0066cc;
}
.nav_two li.current a,
.nav_two li a:hover {
  color: #0066cc;
  text-decoration: none;
}
.nav_two li a {
  color: #0f3565;
  font-size: 13px;
}
.nav_two li a span {
  color: #ff3300;
}

/*Navigation end*/
/*loginbox*/
.loginBox {
  width: auto;
  height: auto;
  position: absolute;
  z-index: 1;
  padding: 10px;
  font-size: 12px;
  border-radius: 4px;
  overflow: hidden;
}
.loginBox input#username,
.loginBox input#password {
  width: 120px;
  height: 28px;
  float: left;
  padding-right: 20px;
}
.loginBox .pull-left i {
  float: left;
  margin-left: -18px;
  margin-top: 8px;
}
.loginBox input::-webkit-input-placeholder {
  color: #0f3565;
  font-weight: bold;
}
.loginBox input:-moz-placeholder {
  /* Firefox 18- */
  color: #0f3565;
  font-weight: bold;
}
.loginBox input::-moz-placeholder {
  /* Firefox 19+ */
  color: #0f3565;
  font-weight: bold;
}
.loginBox input:-ms-input-placeholder {
  color: #0f3565;
  font-weight: bold;
}
.loginBox #close {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 10px;
  margin-right: 15px;
  cursor: pointer;
}
.loginBox #close:hover {
  color: #0066cc;
}
/* end header */

/* footer */
#footer {
  background-color: #eff2f7;
}

#footer div[class^='col-xs-'] {
  padding: 0px;
}

#footer hr {
  margin: 0 auto;
  border-top: 0px;
  border-bottom: 1px solid #d3dce6;
}

#footer .contact {
  color: #4d6582;
  font-size: 20px;
  padding: 25px 0px;
}

#footer .contact .open {
  font-size: 12px;
  background-color: #f18043;
  padding: 12px 54px;
  color: #ffffff;
  border-radius: 4px;
  font-weight: bold;
  position: relative;
  top: -3px;
}

#footer .contact a {
  color: #004D99;
  text-decoration: none;
}
#footer .sitemap {
  color: #4d6582;
  padding: 30px 0px;
}
#footer .sitemap ul {
  padding: 0px;
  float: left;
  list-style: none;
  margin-bottom: 0px;
}
#footer ul li.list-header {
  letter-spacing: 2px;
}
#footer .sitemap ul li a {
  color: #4d6582;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
}
#footer .sitemap ul li a:hover {
  color: #54b4d0 !important;
}
#footer .container {
  padding-top: 1em;
  padding-bottom: 1em;
}
#footer-lang {
  width: 190px;
  display: block;
  outline: none;
  border: none;
  border-radius: 0px;
  height: 30px;
  margin-bottom: 0px;
  margin-top: 10px;
  padding: 0px 10px;
  color: #96a1b1;
  font-size: 14px;
}
#footer ul.social {
  margin-right: 0px !important;
}

#footer .social a {
  border: 1px solid #d3dce6;
  height: 40px;
  width: 40px;
  border-radius: 4px;
  margin: 10px 10px 0px 0px;
  display: block;
  float: left;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}
#footer .social a i {
  line-height: 38px;
}
#footer .social a i.xueqiu {
  display: block;
  background-image: url('../../images/shared/xueqiu.png');
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: 8px 8px;
  width: 100%;
  height: 100%;
}
#footer .social a i.xueqiu:hover {
  background-image: url('../../images/shared/xueqiu_hov.png');
}
#footer .social a:hover {
  background-color: #eff2f7;
  color: #54b4d0;
}

#footer .wechat-qr {
  display: none;
  position: relative;
  width: 139px;
  left: -101px;
  top: 10px;
}

#footer a.wechat:hover .wechat-qr {
  display: block;
}

#footer .title_txt {
  font-size: 12px;
}
#footer .footer-link {
  line-height: 20px;
}

#footer .info {
  color: #4d6582;
  padding: 30px 0px;
  height: 130px;
}
#footer .info ul {
  float: left;
  padding: 0px;
  list-style: none;
  margin: 0px;
  width: 470px;
  display: inline-block;
}
#footer .info ul li a {
  color: #4d6582 !important;
  text-decoration: none;
  cursor: pointer;
}
#footer .info ul li a:hover {
  color: #54b4d0 !important;
}

#footer .disclaimer {
  color: #4d6582;
  padding: 30px 0px 80px 0px;
  font-size: 12px;
}
#footer .disclaimer a {
  color: #004D99 !important;
}
#footer .info ul.sipc-finra {
  float: right;
  padding: 0px;
  list-style: none;
}
#footer .info ul.sipc-finra li {
  display: inline-block;
}
#footer .info ul.sipc-finra .sipc {
  padding: 10px 10px;
}
#footer .info ul.sipc-finra .finra {
  padding: 0px 10px 18px 10px;
}
#footer .info ul.sipc-finra .member {
  font-size: 12px;
  font-weight: bold !important;
}

#footer .indices {
  position: fixed;
  bottom: 0px;
  z-index: 1000;
  width: 100%;
  background-color: #323c4c;
  height: 65px;
  display: none;
}
/* end footer */
#indices-wr {
  font-size: 18px;
  color: #96a1b1;
}
#indices-wr .last_ind {
  padding-left: 8px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0px;
}
#indices-wr .diff {
  display: inline-block;
  padding-left: 10px;
  letter-spacing: 0px;
}
#indices-wr .col {
  padding: 18px 0px 18px 26px;
}
#indices-wr .mkt {
  font-weight: normal;
  font-family: 'latowebbold';
}
#indices-wr .quote_ts {
  font-size: 12px;
  line-height: inherit;
  float: right;
  margin-right: 10px;
  padding: 25px 0px;
}
#indices-wr .red {
  color: #f75353;
}
#indices-wr .green {
  color: #4fb05a;
}

.homepage .ira-button {
  background-color: transparent;
  color: #fff !important;
  border: 2px solid #fff;
  font-weight: normal;
}

.homepage .ira-button:hover {
  background-color: #fff;
  padding: 13px 13px;
  color: #4d6582 !important;
}

.homepage .holiday-button {
  background-color: transparent;
  border-color: #2a528e;
  color: #2a528e !important;
  margin: 20px 0;
}

.homepage .holiday-button:hover {
  color: #fff !important;
  background-color: #2a528e;
}

.homepage hr {
  width: 1170px;
  margin: 0 auto;
  border-top: 0px;
  border-bottom: 1px solid #d3dce6;
}

.homepage h2 {
  font-size: 45px;
  color: #4d6582;
}

.homepage h3 {
  font-size: 32px;
  color: #4d6582;
}

.homepage h5 {
  font-size: 20px;
  color: #4d6582;
}

.homepage h6 {
  font-size: 14px;
  color: #4d6582;
}

.homepage p {
  color: #4d6582;
  font-size: 17px;
}

.homepage section.covid_message {
  padding: 15px 0px;
  text-align: left;
  font-size: 16px;
  color: #4d6582;
  background-color: #eff2f7;
}
.homepage section.covid_message ul.more-info {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 10px;
}
.homepage section.covid_message ul.more-info li {
  display: inline;
  padding-right: 10px;
}
.homepage section.covid_message ul.more-info li:not(:first-child)::before {
  content: '\2022';
  color: #c4cdd5;
  display: inline-block;
  width: 20px;
}
.homepage section.covid_message ul.more-info li a {
  color: #54b4d0;
}

.homepage section.announcement {
  padding: 15px 0px;
  text-align: center;
  font-size: 16px;
  color: #4d6582;
  background-color: #eff2f7;
}

.homepage section.announcement a {
  text-decoration: none;
  color: inherit;
}

.homepage section.promo {
  padding: 0px;
}
.homepage section.advantage .col-xs-3 {
  padding-top: 24px;
  padding-bottom: 15px;
}
.homepage section.advantage .flex-fill {
  flex:1;
  padding: 24px 20px 15px 20px;
}
.homepage section.advantage .col-xs-3:hover {
  background-color: #f3f9ff;
  border-radius: 15px;
}
.homepage section.advantage a {
  text-decoration: none;
}
.homepage section.advantage a h6 {
  color: #1675e0;
}

.homepage .promo h5 {
  font-weight: bold;
  text-align: left;
  margin-top: 60px;
}

.homepage .promo p {
  text-align: left;
}

.homepage .promo .left {
  background-color: #eff2f7;
  padding: 0px;
  height: 400px;
}

.homepage .promo .right {
  background-color: #eff2f7;
}

.homepage .promo .right .blur-bg {
  width: 100%;
  height: 400px;
  display: block;
}

.homepage .promo .promo-content {
  height: 400px;
  width: 584px;
  float: left;
  padding: 40px;
}

.homepage .promo .left .promo-content {
  width: 584px;
  float: right;
  position: relative;
  padding: 40px 0px 40px 0px;
}

.homepage .promo .promo-content .open-button,
.more-button {
  position: relative;
  margin-left: 20px;
}
.homepage .promo .promo-content .more-button {
  border-color: #ffffff;
  color: #ffffff !important;
}
.homepage .promo .promo-content h2 {
  color: #4d6582;
  margin-top: 85px;
  text-align: left;
}
.homepage .promo .promo-content h3 {
  color: #ffffff;
  margin-top: 30px;
}

.homepage .promo .promo-content h4 {
  color: #4d6582;
  margin-top: 15px;
  font-size: 20px;
}

.homepage .promo .promo-content h4 span {
  color: #f18043 !important;
}

.homepage .promo .promo-content h6 {
  color: #96a1b1;
  text-align: left;
  margin-top: 22px;
  display: inline;
  padding-bottom: 8px;
  border-bottom: 2px solid #96a1b1;
  font-size: 13px;
}

.homepage .promo .promo-content a {
  color: #54b4d0;
  letter-spacing: 2px;
  font-size: 12px;
  text-decoration: none;
}
.homepage .promo .promo-content a:hover {
  color: #68d3f3;
}
.homepage .promo .promo-content .promo-container {
  height: 250px;
  width: 100%;
  padding: 20px 0px;
}
.homepage .promo .promo-content .promo-container h3 {
  padding-top: 18px;
  color: #4d6582;
  letter-spacing: 1px;
}
.homepage .promo .promo-content .promo-container p {
  font-size: 18px;
}

.homepage .promo .right .promo-content h6 {
  color: #d3dce6;
  border-bottom: 2px solid #d3dce6;
}

.homepage .promo .left .promo-content .promo-container {
  padding-top: 62px;
}

.homepage .promo .left h2 {
  display: inline-block;
  margin-top: 10px;
  vertical-align: middle;
  color: #4d6582;
  font-size: 32px;
}
.homepage .promo .left {
  background-image: url(../../images/shared/img_900x580_ira.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
.homepage .platforms .right,
.left {
  padding: 0px;
}

.homepage section.platforms {
  padding-bottom: 49px;
  padding-top: 30px;
}

.homepage .platforms .platforms-content {
  margin: 106px 0px 50px 0px;
}
.homepage .platforms p {
  font-size: 17px;
  line-height: 1.2;
}

.homepage .platforms a {
  color: #1675e0;
  text-decoration: none;
}

.homepage .platforms .app-download {
  margin-top: 50px;
}

.homepage .platforms .app-download a.appstore {
  background-image: url('../../images/shared/but_app_apple_ghost.png');
  width: 162px;
  height: 58px;
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0px 30px 0px 0px;
  transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
}

.homepage .platforms .app-download a.appstore:hover {
  background-image: url('../../images/shared/but_app_apple_slate.png');
}

.homepage .platforms .app-download a.playstore {
  background-image: url('../../images/shared/but_app_android_ghost.png');
  width: 172px;
  height: 58px;
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0px;
  transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
}

.homepage .platforms .app-download a.playstore:hover {
  background-image: url('../../images/shared/but_app_android_slate.png');
}

.border-box {
  border-radius: 4px;
  border: 1px solid #e0dede;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(224, 222, 222, 0.7);
  -moz-box-shadow: 1px 1px 6px 0px rgba(224, 222, 222, 0.7);
  box-shadow: 1px 1px 6px 0px rgba(224, 222, 222, 0.7);
}

.homepage .info {
  padding-bottom: 20px;
}
.homepage .info .product,
.homepage .info .indices {
  height: 73px;
  border-radius: 4px;
  padding: 10px 20px;
  *padding-left: 10px;
  *padding-right: 10px;
  overflow: hidden;
}
.homepage .info .product .col {
  float: left;
  padding-left: 0;
  padding-right: 15px;
  line-height: 120%;
}
.homepage .info .product .col:last-child {
  padding-right: 0;
}
.homepage .info .indices span {
  font-size: 14px;
}
.home_login {
  position: absolute;
  top: -345px;
  right: 0;
  background-color: rgba(203, 203, 203, 0.7);
  border-radius: 5px;
  padding: 10px;
  height: 300px;
  width: 240px;
}
.login_box {
  background-color: #dfdede;
  border: 1px solid #dfdede;
  border-radius: 5px;
  padding: 15px;
  height: 100%;
  *height: auto;
  overflow: hidden;
}
.login_box input.form-control {
  *width: 180px;
}
.login_box #destination_page,
.login_box #submit {
  width: 100%;
  margin: 10px auto;
}
.login_box #error_msg {
  overflow: hidden;
  color: #ff0000;
  min-height: 20px;
  width: 195px;
  word-wrap: break-word;
  padding: 2px 0 2px 25px;
  font-weight: bold;
  position: absolute;
  top: 162px;
  background: #dfdede no-repeat url(../../images/shared/icon_error_sm.gif) 0 2px;
}
.login_box .site-notice,
.loginBox .site-notice,
#login-box .site-notice {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffec;
  border: 1px solid #ffffec;
  position: absolute;
  text-align: justify;
  padding: 10px;
}
/*carousel*/
#page_wrap_home {
  position: relative;
  z-index: 9997;
}
.homepage .hero-banner .item .content h1 {
  font-size: 56px;
  color: #2a528e;
}
.homepage .hero-banner {
  background: #d3e4ed;
}
.homepage .hero-banner .item-ira {
  background: url('../../images/shared/hero1450x860_ira.jpg');
  background-position: center right;
  background-size: cover;
}
.homepage .hero-banner .item-ira .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 50px;
}

.homepage .hero-banner .item-holiday .content {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
}

.homepage .hero-banner .item-holiday {
  background: url('../../images/shared/fsp2_web_bg.png');
  background-position: center right;
  background-size: cover;
}

.homepage .hero-banner .item-commzero,
.homepage .hero-banner .item-kiplinger,
.homepage .hero-banner .item-option {
  background: #c2ddf8;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.homepage .hero-banner .item-commzero .content,
.homepage .hero-banner .item-kiplinger .content,
.homepage .hero-banner .item-option .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-content: center;
}

.homepage .hero-banner .item-mobile {
  background-color: #2a528e;
}
.homepage .hero-banner .item-mobile .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
/* Homepage Crypto Banner */
.homepage .hero-banner .item-crypto .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.homepage .hero-banner .item-crypto {
  background-image: linear-gradient(#2A518E 0%, #231780 60%);
}

.carousel {
  height: 100%;
}
.carousel .item .content {
  height: 450px;
  display: block;
  width: 1170px;
}

.carousel .nav-control-container {
  width: 100%;
}
.nav-control {
  position: absolute;
  top: 40%;
  width: 100%;
}
a.carousel-control.left,
a.carousel-control.right {
  background-image: none;
  filter: none;
  width: 20px;
  height: 40px;
}
a.carousel-control.left {
  float: left;
  margin-left: 50px;
}
a.carousel-control.right {
  float: right;
  margin-right: 50px;
}
.carousel-control span {
  width: 20px;
  height: 40px;
  display: block;
  background: url(../../images/shared/nav/arrows_slider.png) no-repeat 0 0;
}
.carousel-control span.icon-right {
  background-position: -57px 0px;
}
.carousel-indicators {
  bottom: 0px;
  margin-bottom: 0px;
  height: 23px;
}
.carousel-indicators li {
  border: 0px;
  background: rgb(214, 213, 212) url(../../images/shared/nav/ban-home-pagedots.png)
    no-repeat 0px 0px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin: 1px;
  text-indent: 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.carousel-indicators .active {
  background: #fff url(../../images/shared/nav/ban-home-pagedots.png) no-repeat 1px -16px;
  width: 14px;
  height: 14px;
}
a.no-underline:hover {
  text-decoration: none;
}
/*homepage*/

/* MF */
.mutualfund .set_form ul li.top {
  background: none;
  border: none;
}
.ed2_fl div {
  font-size: 12px;
  overflow: auto;
}
.ed2_fl {
  margin-top: -4px;
}
.set_form table tr th.sorting {
  background: url(datatables/images/sort_both.png) no-repeat scroll
    right center transparent;
}
.set_form table tr th.sorting_asc {
  background: url(datatables/images/sort_asc.png) no-repeat scroll
    right 7px transparent;
}
.set_form table tr th.sorting_desc {
  background: url(datatables/images/sort_desc.png) no-repeat scroll
    right -1px transparent;
}
#id-search-cat-wr {
  position: absolute;
  width: 86px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-color: #fff;
  z-index: 1;
}
.search-cat label {
  padding: 3px;
  display: block;
  width: 100%;
  font-size: 12px;
  height: 18px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.search-cat label:hover {
  background-color: #f8f8d2;
}
.quote_up,
.quote_down {
  background: url(../../images/shared/triangleg_up.png) no-repeat 0 -1px;
  width: 13px;
  height: 11px;
  margin-top: 7px;
  padding-left: 17px;
}
.quote_down {
  background: url(../../images/shared/triangleg_down.png) no-repeat 0 -1px;
}
/* research */
.hul {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.hul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.hul .symbol_name {
  font-size: 16px;
  font-weight: bold;
  padding-left: 0;
}
.hul .symbol {
  color: #707070;
}
.actionbtn {
  bckground: none repeat scroll 0 0 #dc6a15;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  border: solid 1px #eba364;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: bold;
  background-color: #fd8600;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fd8600),
    to(#dc6a15)
  );
  background-image: -webkit-linear-gradient(top, #fd8600, #dc6a15);
  background-image: -moz-linear-gradient(top, #fd8600, #dc6a15);
  background-image: -ms-linear-gradient(top, #fd8600, #dc6a15);
  background-image: -o-linear-gradient(top, #fd8600, #dc6a15);
  background-image: linear-gradient(to bottom, #fd8600, #dc6a15);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fd8600, endColorstr=#dc6a15);
}
.fr {
  float: right;
}
#detail-quote-box-wr {
  clear: both;
  border: 1px solid #a7aaaf;
  margin-top: 5px;
  margin-bottom: 5px;
}
#ticker-panel {
  width: 100%;
  border-top: 1px dotted;
  margin-top: 5px;
  padding-top: 5px;
  clear: both;
}
.mr10 {
  margin-right: 10px;
}
.tabs-wr {
  border-bottom: 1px solid #cac9c9;
  list-style: none;
  height: 25px;
  background: url('../../images/shared/ms_research.png') repeat-x scroll 0 -573px transparent;
  font-size: 12px;
}
.tabs-wr .tab {
  float: left;
  padding: 5px;
  text-align: center;
  border-right: 1px solid #cac9c9;
}
.tabsw-wr .tab {
  padding-left: 10px;
  padding-right: 10px;
}
.tabs-wr .tab a {
  color: #000;
  font-weight: bold;
}
.tabs-wr .current a {
  color: #0066cc;
}
.tabs-wr .current {
  background-color: #fff;
  border-bottom: 0 none;
  background: url(../../images/shared/ms_research.png) no-repeat scroll 0 -615px transparent;
}
.tabs-wr .last {
  border-right: none;
}
.tabs-wr .current.last {
  background-color: #fff;
  border-left: 1px solid #cac9c9;
  border-right: 1px solid #cac9c9;
}
.thirdnav li.tab {
  padding-top: 8px;
  padding-right: 0;
  border-right: none;
}
.thirdnav li.current {
  padding: 1px 0 1px 10px;
  margin: 6px 0 0;
  background: url(../../images/shared/ms/bg_toolbar.png) no-repeat scroll -1px -400px
    transparent;
}
.thirdnav a {
  display: block;
  border-right: 1px solid #8fafd2;
  padding: 0 10px 0 0;
}
.qt-go {
  display: block;
  background: url(../../images/en-us/btn_go.gif) no-repeat 0 -24px;
  width: 31px;
  height: 23px;
  text-indent: -9999px;
}
#id-quicktake-ticker {
  width: 80px;
}
.v-divider {
  width: 2px;
  margin: 0 3px;
}
.v-divider-tall {
  width: 2px;
  border-right: 1px solid #ccc;
  height: 22px;
}
.last_ind {
  padding-left: 5px;
  font-size: 12px;
}
.quote_ts {
  line-height: 18px;
  font-size: 11px;
}
.quote_nochange,
.quotetime {
  color: #666666;
  text-align: left;
  font-size: 11px;
}
/* stock research */
.qt-login {
  background: #f9f9f9;
  z-index: 2;
  width: 300px;
  height: 225px;
}
.qt-login .inner {
  margin: 0 auto 10px;
  width: 262px;
}
.qt-login .inner h2,
.sub-ttl {
  font-size: 1.4em;
  font-weight: normal;
  color: #335279;
}
.login-btn-bg {
  background: url(../../images/en-us/b_quicktake.png) no-repeat -19px -18px;
  display: block;
  height: 38px;
  text-indent: -9999px;
  width: 68px;
}
.open-btn-bg {
  background: url(../../images/en-us/b_quicktake.png) no-repeat -105px -18px;
  display: block;
  height: 38px;
  text-indent: -9999px;
  width: 183px;
}
.qt-login .txt {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #999;
  line-height: 110%;
}
.pub-ct {
  width: 100%;
  font-size: 12px;
}
.pub-ct .mkt-lt {
  width: 560px;
  float: left;
}
.pub-ct .mkt-rt {
  width: 388px;
  float: left;
  margin-left: 10px;
}
.bx {
  width: 100%;
  margin: 0 0 10px;
  float: left;
  border: 1px solid #cac9c9;
  box-sizing: content-box;
}
.bx .tt {
  padding: 5px 10px;
  color: #036;
  border-bottom: 1px solid #cac9c9;
  font-size: 13px;
}
.tabs-wr {
  border-bottom: 1px solid #cac9c9;
  list-style: none;
  height: 25px;
  background: url('../../images/shared/ms_research.png') repeat-x scroll 0 -573px transparent;
  font-size: 12px;
}
.thirdnav {
  color: #315a8b;
  float: left;
  width: 100%;
  font-size: 12px;
  height: 29px;
  margin: 0;
  padding: 0 0 2px 0;
  background: url(../../images/shared/ms/bg_toolbar.png) repeat-x scroll 0 0
    transparent;
}
.tabs-wr .tab {
  float: left;
  padding: 5px;
  text-align: center;
  border-right: 1px solid #cac9c9;
}
.tabsw-wr .tab {
  padding-left: 10px;
  padding-right: 10px;
}
.tabs-wr .tab a {
  color: #000;
  font-weight: bold;
}
.tabs-wr .current a {
  color: #0066cc;
}
.tabs-wr .current {
  background-color: #fff;
  border-bottom: 0 none;
  background: url(../../images/shared/ms_research.png) no-repeat scroll 0 -615px transparent;
}
.tabs-wr .last {
  border-right: none;
}
.tabs-wr .current.last {
  background-color: #fff;
  border-left: 1px solid #cac9c9;
  border-right: 1px solid #cac9c9;
}
.comp-wr .hd {
  overflow: hidden;
  padding: 5px;
  border: 1px solid #cac9c9;
}
.gh {
  background-color: #f3f3f3;
}
.quotetime {
  color: #666666;
  text-align: left;
  font-size: 11px;
}
.ft {
  padding: 0 5px;
}
ul.ict {
  display: block;
  list-style: none;
  margin: 0;
  padding: 5px;
}
.ict .ts,
.ict .author {
  color: 6d6969;
  font-size: 11px;
}
.morningstar_pop * {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 135%;
}
.morningstar_pop a {
  text-decoration: none;
  cursor: default;
  color: #0066cc;
}
.morningstar_pop a.open-btn-bg,
.morningstar_pop a.login-btn-bg {
  cursor: pointer;
}
.morningstar_pop {
  margin: auto;
  max-width: 800px;
}
.morningstar_pop .title {
  font-size: 30px;
  color: #004279;
  font-family: Georgia, sans-serif;
  margin-bottom: 15px;
  line-height: 25px;
}
.morningstar_pop .features_list {
  background-color: #e9f3fa;
  border-radius: 2%;
  -moz-border-radius: 2%;
  -webkit-border-radius: 2%;
  border: 1px solid #b7c8db;
  margin: 2% 0% 0% 0%;
  width: 98%;
  box-shadow: 8px 5px 15px #888888;
}
.features_list_container {
  margin: 3% 1% 0% 3%;
  overflow: hidden;
}
.features_list_container > .col1,
.features_list_container > .col2 {
  float: left;
  width: 48%;
  margin-right: 2%;
}
.feature {
  overflow: hidden;
  height: 110px;
}
.feature h4 {
  color: #0066cc;
}
.feature h4:hover {
  color: #0066cc;
}
.feature a:hover {
  text-decoration: none;
}
#morningstar_pop .feature p {
  word-wrap: break-word;
  padding-left: 105px;
}
.feature .feature_icon {
  width: 105px;
  height: 85px;
  background: url('../../images/shared/morningstar-features.png') no-repeat;
  background-repeat: no-repeat;
  float: left;
}
.feature_icon#icon_sectors {
  background-position: 0px -55px;
}
.feature_icon#icon_screener {
  background-position: 0px -150px;
}
.feature_icon#icon_news {
  background-position: 0px -250px;
}
.feature_icon#icon_data {
  background-position: 0px -350px;
}
.feature_icon#icon_heatmap {
  background-position: -175px -50px;
}
.feature_icon#icon_calendar {
  background-position: -175px -145px;
}
.feature_icon#icon_analyst {
  background-position: -175px -250px;
}
a.login-req {
  margin-left: 5px;
}
#id-mkt-mc {
  line-height: 16px;
}
.ict li {
  margin-bottom: 10px;
}

.jumbotron {
  /*	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.95, #EEF0F1),
		color-stop(1, #E0E1E2)
	);
	background-image: -o-linear-gradient(bottom, #EEF0F1 95%, #E0E1E2 100%);
	background-image: -moz-linear-gradient(bottom, #EEF0F1 95%, #E0E1E2 100%);
	background-image: -webkit-linear-gradient(bottom, #EEF0F1 95%, #E0E1E2 100%);
	background-image: -ms-linear-gradient(bottom, #EEF0F1 95%, #E0E1E2 100%);
	background-image: linear-gradient(to bottom, #EEF0F1 95%, #E0E1E2 100%);*/
  background-color: #fff;
  /*padding:20px 0px 10px 0px;*/
  padding-top: 20px !important;
  padding-left: 0px;
  padding-bottom: 10px !important;
  padding-right: 0px;
  margin-bottom: 0px;
}
.jumbotron h2 {
  font-size: 23px;
  color: #2a528e;
  margin: 10px 0;
}
.right_4 div.blurb {
  margin-bottom: 10px;
}
.right_4 div.inner {
  padding: 15px;
}
.hr-lightgrey {
  margin: 10px auto;
  border-top: 1px solid #cdcdcd;
}
.hr-grey {
  margin: 20px auto;
  border-top: 3px solid #e0e6ed;
}

.hr-blue {
  margin: 20px auto;
  border-top: 3px solid #004479;
}

.contactus .right_4 div.blurb {
  border-radius: 4px;
}

.contactus .fbg-darksnow {
  background-color: #eff2f7;
  border: 1px solid #eff2f7;
}

.contactus .hr-grey {
  margin: 0 0 15px 0;
}

.contactus .wechat {
  width: 110px;
  margin-top: 10px;
}

.contactus .icon {
  width: 45px;
  height: 45px;
}
.contactus .btn-primary {
  min-width: 150px;
  background-color: #2a528e;
  border-color: #2a528e;
}

.contactus .help-button {
  background-color: #FCA261;
  border: #f18043;
}
.contactus .icon-help {
  background: url(../../images/shared/icon_help.svg) no-repeat;
}
.contactus .icon-wechat {
  background: url(../../images/shared/icon_wechat.svg) no-repeat;
}
.contactus .icon-email {
  background: url(../../images/shared/icon_email.svg) no-repeat;
}
.contactus .icon-phone {
  background: url(../../images/shared/icon_phone.svg) no-repeat;
}
.contactus .icon-fax {
  background: url(../../images/shared/icon_fax.svg) no-repeat;
}
.contactus .icon-hq {
  background-position: 0px -408px;
  height: 70px;
}
.contactus .table > tbody > tr > td {
  vertical-align: middle;
  padding: 11px 8px;
}
.contactus .table > tbody > tr:first-child > td {
  border-top: 0;
  padding-top: 4px;
}
.contactus .table > tbody > tr > td:nth-child(2) {
  width: 20%;
}
.contactus .table > tbody > tr > td:nth-child(3) {
  width: 40%;
}
.contactus .table.cn > tbody > tr > td:nth-child(3) {
  width: 33%;
}
.contactus .table > tbody > tr > td:last-child {
  text-align: right;
}
.contactus ul.arrow_ul li {
  background: none;
  padding-left: 0;
}
.contactus ul.arrow_ul li a {
  color: #54b4d0;
  font-size: 14px;
}

.contactus .customer-table {
  margin-bottom: 0px;
}

.contactus .customer-table > tbody > tr > td:nth-child(1) {
  width: 94px;
}

.contactus .customer-table > tbody > tr > td:nth-child(1) img {
  width: 70px;
}

.contactus .customer-table > tbody > tr > td:nth-child(2) {
  width: 612px;
  vertical-align: middle;
}
.contactus .help-center .row {
  margin: 0;
}
.contactus .help-center .box {
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  padding: 30px 25px 20px;
  margin-bottom: 18px;
  width: 32%;
}
.contactus .help-center .box-title {
  padding-top: 10px;
}
.contactus .help-center .middle-box {
  margin-left: 18px;
  margin-right: 18px;
}
.contactus .help-center .box a:hover {
  text-decoration: none;
}

/* Education Section */
.nav-menu {
  line-height: 120%;
  border-top: 3px solid #ccc;
  border-bottom: 3px solid #ccc;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 20px;
}
.nav-menu a {
  display: block;
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 4px;
}
.nav-menu .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nav-menu ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.nav-menu ul li ul {
  list-style: none;
  padding-left: 15px;
  margin-bottom: 0px;
}
.nav-menu ul li a {
  display: block;
  font-size: 14px;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
}
.nav-menu a:hover {
  text-decoration: none;
}
.nav-menu .current {
  background-color: #e3f8fd;
}
.nav-menu b {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
.nav-menu .hr-grey-menu:first-child {
  margin-top: 0;
  margin-bottom: 6px;
  margin-right: auto;
  margin-left: auto;
  border-top: 3px solid #ccc;
}

.hr-grey-menu {
  margin: 6px auto;
  border-top: 3px solid #ccc;
}
.hr-grey-menu-slim {
  margin: 6px auto;
  border-top: 1px solid #ccc;
}

#edu-header {
  width: 1000px;
  /*	height: 400px;*/
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.edu-section {
  width: 200px;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
}

.edu-section b {
  font-size: 18px;
}

.edu-section a {
  text-decoration: underline;
}

.edu-icon-circle {
  height: 85px;
  display: block;
  background-image: url(../../images/shared/icon_educ_overview.png);
  background-repeat: no-repeat;
}

.subgroup {
  margin: 0px;
}

.oic-brochure {
  margin-top: 26px;
  background-color: #f0eeef;
  border: solid 1px #ccc;
  border-radius: 2px;
  text-align: center;
  padding: 10px;
  font-size: 20px;
  color: #004479;
}

.oic-brochure-cover {
  display: block;
  background-image: url(../../images/shared/oic-brochures.png);
  background-repeat: no-repeat;
}

.oic-logo {
  padding: 20px;
}

.video-slide {
  height: 230px;
  width: 960px;
  padding-left: 120px;
  padding-right: 80px;
  padding-top: 50px;
  font-size: 16px;
}
.video-slide .col-xs-4 {
  font-size: 12px;
}
.video-carousel-caption {
  height: 20px;
  top: -6px;
  text-shadow: none;
  color: #1646a4;
  font-size: 20px;
}

#stocks-accordion ul li a {
  display: block;
  width: 100%;
  padding-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
}

.video-img {
  width: 180px;
  height: 120px;
  margin-top: 5px;
  border: 1px solid #a9a9a9;
}

.inner-video {
  padding-bottom: 0px;
  line-height: 110%;
}

/* Retirement, Planning and Tax Center */
.content-bordered {
  /*	width:680px;*/
  font-size: 14px;
  border: solid 1px #ccc;
  padding: 10px 19px 20px 19px;
  border-radius: 4px;
  line-height: 1.2;
  margin-bottom: 100px;
}
.borderless {
  border: none;
  padding-right: 0px;
}
.content-bordered .row {
  margin-right: 0px;
  margin-left: 0px;
}
.content-bordered-left {
  float: left;
  margin-right: 8px;
}
.content-bordered p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.content-bordered h3 {
  color: #003366;
  font-size: 24px;
  font-weight: bold !important;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  border-bottom: 3px solid #ccc;
  line-height: 1.2;
}
.content-bordered h4 {
  color: #003366;
  font-size: 14px;
  font-weight: bold !important;
  margin-top: 30px;
  margin-bottom: 10px;
}
.content-bordered ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.content-bordered .row {
  padding-bottom: 15px;
}

.content-bordered .col-xs-4 {
  padding-left: 0px;
  padding-right: 0px;
}

.content-bordered .col-xs-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.content-bordered .overview .col-xs-6 {
  height: 200px;
}
.content-bordered .overview .col-xs-8 {
  height: 200px;
}
.content-bordered .col-xs-8 {
  padding-left: 0px;
  padding-right: 0px;
}

.content-bordered .overview-box {
  height: 100%;
  padding-right: 15px;
}

.content-bordered .border-box {
  border-radius: 2px;
  padding: 10px;
  margin-right: 10px;
  height: 230px;
}
.content-bordered table tr td {
  vertical-align: baseline;
}

.content-bordered table.table_template,
table.table_template td {
  border: 1px solid #dad9d9;
  border-collapse: collapse;
}
.content-bordered table.table_template {
  border: none;
  border: 1px solid #dad9d9;
  margin-bottom: 5px;
  width: 100%;
}
.content-bordered table.table_template thead th,
.content-bordered table.table_template tbody th {
  color: #333333;
  padding: 5px 3px 5px 7px;
  border: 1px solid #cccccc;
  background-color: #f3f3f3;
  font-size: 14px;
  font-weight: bold !important;
  line-height: 150%;
  text-align: left;
}
.content-bordered table.table_template tbody th {
  /*  background: #ECF6FB;*/
  border-top: 1px solid #ccc;
  text-align: left;
  font-weight: normal;
}
.content-bordered table.table_template tbody tr td {
  padding: 2px 3px 1px 7px;
  color: #333333;
  font-size: 12px;
  line-height: 17px;
}
.content-bordered table.table_template tbody tr:hover {
  background: #fff;
}

.content-bordered table.table_template tbody tr:hover td {
  color: #454545;
}
.content-bordered table.table_template tfoot td,
.content-bordered table.table_template tfoot th {
  border-left: none;
  border-top: 1px solid #ccc;
  padding: 4px;
  background: #fff;
  /*	color: #003366;*/
}
.content-bordered table.table_template caption {
  text-align: left;
  font-size: 160%;
  padding: 10px 0;
  color: #003399;
  font-family: Georgia, 'Times New Roman', Times, serif;
}
.content-bordered table.table_template tr td.right {
  border-right: 1px solid #ffffff;
}
.content-bordered table.table_template thead th.right {
  border-right: 1px solid #e6e6e6;
}
.content-bordered table.table_template tr td.top {
  border-top: 1px solid #ffffff;
}
.content-bordered table.table_template tr td.bottom {
  border-bottom: 1px solid #ffffff;
}

#tax_download b {
  font-size: 12px;
}
#tax_download .col-xs-2 {
  padding-left: 10px;
  padding-right: 10px;
}
.new-tax-center .row {
  margin-left: 0px;
  margin-right: 0px;
}

/* Tax Calculator */
.tax-calculator {
  width: 100%;
}

/*New Accordion Style*/
.accordion-repeat {
  border-top: 1px solid #ccc;
}
.accordion-repeat:first-child {
  border-top: 0px solid #ccc;
}
.accordion-repeat:last-child {
  border-bottom: 1px solid #ccc;
}
.accordion-repeat .accordion-title {
  font-size: 14px;
  font-weight: bold !important;
  color: #333333;
  cursor: pointer;
  width: auto;
  padding-right: 40px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.accordion-repeat .accordion-content {
  display: none;
  margin-bottom: 20px;
}
.accordion-repeat .accordion-content p {
  margin-top: 0px;
}
.accordion-repeat .accordion-content ul {
  margin-top: 0px;
}
.accordion-repeat .accordion-content iframe {
  border: none !important;
}
.accordion-repeat .accordion-content h4 {
  margin-top: 30px;
}
.accordion-repeat .accordion-content h4:first-child {
  margin-top: 0px;
  padding-top: 30px;
}
/*.accordion-repeat h4{
	font-weight:bold !important;
	margin-top:10px;
	margin-bottom:10px;
}*/
h4.accordion-title {
  font-weight: bold !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.accordion-repeat .accordion-open {
  background-image: url('../../images/shared/plus.png');
  background-repeat: no-repeat;
  background-position: 100% 0;
}

.accordion-repeat .accordion-close {
  background-image: url('../../images/shared/minus.png');
  background-repeat: no-repeat;
  background-position: 100% 0;
}

/* Big Banner Style */
.big_banner {
  line-height: 1.2;
}
.big_banner .content {
  height: 100%;
}
.big_banner .big_banner_bg {
  box-shadow: inset 0px -5px 5px 0px#dddddd;
  background-color: #fafafa;
  height: 470px;
}
.big_banner .med_banner_bg {
  background-color: #eff2f7;
  height: 250px;
}
.big_banner h1 {
  color: #1646a4;
  font-size: 40px;
  font-weight: bold !important;
  padding: 0px 0px 0px 0px;
}
.big_banner h2 {
  color: #036;
  font-size: 24px;
  font-weight: bold !important;
  padding: 0px 0px 0px 0px;
  margin-top: 26px;
}
.big_banner h5 {
  color: #000;
  font-size: 16px;
  font-weight: bold !important;
  padding-top: 6px;
  padding-bottom: 4px;
  margin: 0px;
}

.big_banner .big_banner_header {
  padding-top: 29px;
  color: #1646a4;
  font-size: 40px;
  text-align: left;
  width: 100%;
  font-weight: bold !important;
}
.big_banner .big_banner_subtitle {
  padding-top: 4px;
  font-size: 18px;
  text-align: left;
  color: #909090;
}
.big_banner .col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.big_banner .col-xs-6 {
  padding-right: 0px;
  padding-left: 0px;
}
.big_banner .col-xs-4 {
  padding-right: 0px;
  padding-left: 0px;
}
.big_banner .row {
  margin-right: 0px;
  margin-left: 0px;
}
.big_banner .big_banner_left {
  width: 50%;
  float: left;
}
.big_banner .big_banner_right {
  width: 50%;
  float: right;
}
.big_banner .app_download {
  padding-top: 20px;
}
/* End of Big Banner Style */

.icon_pdf {
  background: url('../../images/shared/icon_pdf.png') no-repeat 0px 3px;
  height: 16px;
  width: 30px;
  margin: 0 6px;
  position: absolute;
}
.piggybank {
  position: absolute;
  top: 32px;
  left: 32px;
  width: 146px;
  text-align: left;
}
.piggybank h4 {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (max-width: 970px) {
  .piggybank {
    top: 20px;
    left: 26px;
    width: 140px;
  }
  .piggybank h4 {
    font-size: 18px;
  }
}
.left_4 div.blurb {
  margin-bottom: 20px;
}
.left_4 div.blurb .video_box {
  width: 175px;
  margin: 0px;
  padding-bottom: 0px;
}
.blurb h4 {
  font-weight: bold !important;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #000;
}
.video_box {
  width: 105px;
  margin: 0px auto;
  padding-bottom: 20px;
}
.video_box img {
  width: 100%;
}
.triple100 h3 {
  font-size: 24px;
  margin: 0 auto;
  text-align: center;
  color: #004479;
  padding-bottom: 18px;
  font-weight: bold !important;
}
.triple100 ul li {
  font-size: 18px;
  color: #004479;
  line-height: 1.3;
}
.triple100 .col-xs-3,
.triple100 .col-xs-4,
.triple100 .col-xs-5 {
  padding: 0px;
}
/* Cash Rewards */
.cashrewards .banner .content a.bg-orange {
  top: 376px;
  left: 305px;
  width: 351px;
  height: 60px;
  font-size: 22px;
  position: relative;
  padding-top: 18px;
  border: none;
  border-radius: 0px;
  -moz-box-shadow: 0px 6px 0px 0px rgb(159, 56, 2);
  -webkit-box-shadow: 0px 6px 0px 0px rgb(159, 56, 2);
  box-shadow: 0px 6px 0px 0px rgb(159, 56, 2);
}
.cashrewards .cashback h1 sup {
  top: -16px;
  font-size: 22px;
  color: #929292;
}
.cashrewards .cashback {
  text-align: center;
  /* padding-top: 66px; */
}
.cashrewards .cashback h1 {
  color: #003366;
  font-weight: bold;
  margin-bottom: 6px;
  float: none;
  font-size: 36px;
  padding: 0px;
}
.cashrewards .cashback h4 {
  color: #0072fb;
  font-weight: bold;
  font-size: 16px;
  margin-top: 37px;
  margin-bottom: 6px;
}
.cashrewards .cashback h5 {
  color: #666666;
  font-size: 16px;
  margin-top: 0px;
}
.cashrewards .cashback table {
  border-spacing: 2px;
  border-collapse: separate;
  margin: 4em auto;
  width: 80%;
}

.cashrewards .cashback table tr td:nth-of-type(1) {
  width: 200px;
}
.cashrewards .cashback table tr.blue-bg td {
  background-color: #d1e5fd;
  color: #2a528e;
  font-size: 30px;
  font-weight: bold;
}
.cashrewards .cashback table tr.blue-bg td sup {
  color: #2a528e;
  font-size: 20px;
  top: -4px;
}
.cashrewards .cashback table tr.blue-bg td h5 {
  color: #2a528e;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  margin: 0px;
  line-height: 0.9;
}
.cashrewards .cashback table tr.blue-bg td h2 {
  color: #2a528e;
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  margin: 0px;
  margin-left: 4px;
}
.cashrewards .cashback table tr.grey-bg td {
  background-color: #f4f6f6;
  padding-left: 24px;
  padding-right: 24px;
  color: #4d6582;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
}
.cashrewards .cashback table tr td {
  height: 78px;
}
.cashrewards .advantage {
  text-align: center;
  font-size: 16px;
  color: #152751;
  padding-bottom: 58px;
}
.cashrewards .advantage h4 {
  color: #888787;
  font-size: 15px;
  font-weight: bold;
}
.cashrewards .advantage h1 {
  color: #003366;
  font-weight: bold;
  margin-bottom: 30px;
  float: none;
  font-size: 36px;
  padding: 0px;
  margin-top: 20px;
}
.cashrewards .advantage td {
  height: 90px;
}
.cashrewards .advantage table tr:nth-of-type(1) {
  border-bottom: 2px solid #d3d1d1;
}
.cashrewards .advantage table tr td:nth-of-type(1) {
  width: 276px;
  border-right: 2px solid #d3d1d1;
}
.cashrewards .advantage table tr td:nth-of-type(2) {
  width: 410px;
  border-right: 2px solid #d3d1d1;
}
.cashrewards .advantage table tr td:nth-of-type(3) {
  width: 276px;
}

/* Practice Trading */
.practicetrading {
  padding-bottom: 60px;
}
.practicetrading h3 {
  color: #004479;
  font-weight: bold !important;
  margin-top: 24px;
  margin-bottom: 14px;
}
.practicetrading ol,
ul {
  padding-left: 18px;
}
.practicetrading ol {
  margin-top: 4px;
}
.practicetrading ul li {
  line-height: 1.2;
  margin-bottom: 8px;
}
.practicetrading ol li {
  line-height: 1.2;
  margin-bottom: 8px;
}
.practicetrading .features {
  padding-bottom: 24px;
  padding-top: 10px;
}
.practicetrading .features .col-xs-6 {
  padding: 0px;
}
.practicetrading .note {
  font-size: 11px;
}
.practicetrading .content .title {
  padding-top: 34px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
}
.practicetrading .content .title h2 {
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 4px;
}
.practicetrading .content .title h4 {
  font-style: italic;
  color: #fffc78;
  margin-top: 3px;
}

.international .panel-body {
  padding: 10px 30px;
}
.international .panel-body ol {
  padding-left: 20px;
}
.international .panel-body ol li {
  padding-bottom: 10px;
}
.international .panel-body ul li {
  padding-bottom: 0px;
}
.international .panel-body .apply-details ul li {
  padding-bottom: 10px;
}
.international .panel-body .apply-details .list-header {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}

.optionswizard .big_banner_bg {
  height: 454px;
  background-color: #eff2f7;
  box-shadow: none;
}
.optionswizard .big_banner_left {
  padding-top: 125px;
  width: 400px;
  float: left;
}
.optionswizard .big_banner_header {
  line-height: 1;
  font-size: 45px;
}
.optionswizard .big_banner_subtitle {
  font-size: 18px;
  padding-top: 10px;
}
.optionswizard .wizard_description {
  padding-top: 32px;
  padding-bottom: 32px;
}
.optionswizard .wizard_description h4 {
  text-align: center;
  padding-left: 115px;
  padding-right: 115px;
  font-size: 24px;
  color: #4d6582;
  margin-top: 0px;
}
.optionswizard .wizard_description span {
  font-size: 16px;
  padding-left: 80px;
  padding-right: 80px;
  display: block;
}
.optionswizard .wizard_features {
  height: 226px;
}
.optionswizard .wizard_features h3,
.optionswizard .op-videos h3 {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 30px;
  font-size: 18px;
}
.optionswizard .wizard_features ul {
  float: left;
  font-size: 15px;
  padding-left: 230px;
  line-height: 2;
}
.optionswizard .wizard_slideshow {
  background-color: #4d6582;
  height: 450px;
  margin-top: 30px;
}
.optionswizard .wizard_slides_features {
  width: 400px;
  height: 450px;
  display: block;
  float: left;
  padding-top: 86px;
}
.optionswizard .wizard_slides_images {
  width: 560px;
  height: 450px;
  display: block;
  float: left;
}
.optionswizard .wizard_slides_images .carousel-indicators {
  padding-bottom: 100px;
}
.optionswizard .wizard_slides_images .carousel-inner {
  margin-top: 30px;
}
.optionswizard .wizard_feat {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  cursor: pointer;
}
.optionswizard .wizard_desc {
  display: none;
}
.optionswizard .wizard_slides_features ul li {
  list-style: none;
  padding: 0px;
  margin-top: 20px;
  color: #fff;
}
.optionswizard .wizard_slides_features ul li ul {
  padding-left: 34px;
}
.optionswizard .wizard_slides_features ul li ul li {
  margin-top: 8px;
}
.optionswizard .wizard_slides_features ul li a.current {
  color: #99ffff;
}
.optionswizard .wizard_slides_features ul li a .fa {
  font-size: 28px;
  color: #fff !important;
  position: relative;
  top: 3px;
}
.optionswizard .carousel-indicators li {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 12px;
  height: 12px;
  background: #fff;
}
.optionswizard .carousel-indicators li.active {
  width: 12px;
  height: 12px;
  background: #99ffff;
}
.optionswizard .disclaimer {
  font-size: 12px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.optionswizard .webinar_notice {
  font-size: 16px;
  color: #4d6582;
  padding: 20px 0;
  position: relative;
  text-align: center;
  background-color: #eff2f7;
}
.optionswizard .webinar_notice .open-button {
  min-width: 170px;
  padding: 0px;
  line-height: 34px;
  margin-left: 40px;
}

.events .event-title h2 {
  text-align: center;
  color: #4d6582;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 32px;
}
.events .event-card {
  background-color: #eff2f7;
  margin-bottom: 40px;
}
.events .options-education .event-banner {
  background-color: #2f347e;
  background: url('../../images/en-us/ban_event_optionswiz.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
}
.events .options-education .banner-content {
  text-align: center;
  padding-top: 100px;
}
.events .banner-content h3 {
  font-size: 56px;
}
.events .open-button {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  min-width: 218px;
  font-size: 16px;
  letter-spacing: 0;
}
.events .webinar-link {
  font-size: 18px;
}
.events .event-content h5 {
  font-size: 16px;
  margin-bottom: 5px;
}
.events .event-card .event-content {
  padding: 30px;
}
.events .webinar-list {
  margin-bottom: 30px;
}
.events .webinar-list .item {
  margin-bottom: 20px;
}
.events .webinar-list .item p {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  color: #d3dce6;
}
.events .disclaimer {
  color: #96a1b1;
  font-size: 12px;
}
.events .line-through {
  text-decoration: line-through;
}

.events .event-card .event-banner img {
  width: 100%;
}

.events .event-card .event-content {
  padding: 20px;
  overflow: hidden;
}

.events .event-card .event-content .event-main {
  float: left;
  width: 620px;
}

.events .event-card .event-content .event-sidebar {
  float: right;
  width: 280px;
  font-size: 14px;
  letter-spacing: 0px;
}

.events .event-card .event-content .event-sidebar .event-detail {
  padding: 20px;
  background-color: #ffffff;
  margin-bottom: 20px;
}

.events .event-card .event-content .event-sidebar .event-detail h4 {
  padding-bottom: 10px;
  margin-top: 0px;
  border-bottom: 2px solid #54b4d0;
}

.events .event-card .event-guests {
  padding: 20px;
  overflow: hidden;
}

.events .event-card .event-guests h5 {
  font-style: normal;
}

.events .event-card .event-guests .divider {
  width: 100%;
  border-top: 2px solid #d3dce6;
  margin-bottom: 10px;
}

.events .event-card .event-guests .event-guest {
  float: left;
  width: 460px;
  min-height: 200px;
}

.events .event-card .event-guests .event-guest .event-guest-avatar {
  width: 140px;
  float: left;
  margin-top: 10px;
}

.events .event-card .event-guests .event-guest .event-guest-bio {
  width: 300px;
  float: left;
}

.events .event-card .event-guests .event-guest .event-guest-bio h5 {
  font-style: normal;
  font-size: 16px;
}

.events .event-card .event-guests .event-guest .event-guest-bio p {
  font-size: 14px;
  margin-top: 0px;
}

.events .event-card h4 {
  font-size: 22px;
  color: #4d6582;
}

.events .event-card h5 {
  font-size: 14px;
  color: #4d6582;
}

.events .event-card p {
  font-size: 16px;
  color: #4d6582;
  margin-top: 30px;
}

.events .event-card .event-content a {
  color: #54b4d0;
  text-decoration: none;
}

.events .card-large {
  width: 960px;
}

.events .card-small {
  width: 470px;
}

.events .card-small.left {
  margin-right: 20px;
}

.promos h3 {
  font-size: 32px;
  color: #4d6582;
  text-align: center;
  margin: 30px 0px;
}
.promos .details {
  background-color: #eff2f7;
  padding: 50px 80px 40px 80px;
  margin-bottom: 60px;
}
.promos .details h6 {
  font-family: 'LatoWebHeavy';
  color: #96a1b1;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
}
.promos .details h3 {
  margin-top: 10px;
}
.promos .details .advantage {
  height: 130px;
}
.promos .details .advantage .column {
  width: 336px;
  float: left;
}
.promos .details .advantage .column ul {
  list-style-type: none;
  padding: 0px;
}
.promos .details .advantage .column ul li {
  padding-bottom: 20px;
  color: #4d6582;
  font-size: 16px;
  line-height: 1.2;
}

.promos .promotions {
  height: 385px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.promos .promotions .promotion-box {
  padding: 15px;
  height: 330px;
  background-color: #2a528e;
  width: 32%;
}

.promos .promotions .promotion-box .description {
  height: 40px;
}

.promos .promotions .promotion-box h4 {
  font-family: 'LatoWebHeavy';
  color: white;
  text-align: center;
  font-size: 28px;
  vertical-align: bottom;
}

.promos .promotions .promotion-box h5 {
  font-family: 'LatoWebHeavy';
  letter-spacing: 1px;
  color: white;
  text-align: center;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.promos .promotions .promotion-box span {
  color: white;
  text-align: center;
  font-size: 14px;
  margin-top: 3px;
  display: block;
}
.promos .promotions .promotion-box img {
  margin: 0px auto;
  padding: 10px 0px 15px 0px;
  display: block;
}
.promos .promotions .promotion-box a.open-button {
  width: 100%;
  position: relative;
  margin: 20px auto;
}
.promos .promotions .promotion-box a.open-button:hover {
  background-color: #f18043;
  color: #ffffff !important;
}
.promos .promotions .promotion-box a.learn-more,
.cashrewards .toggle-terms a {
  font-family: 'LatoWebHeavy';
  letter-spacing: 1px;
  display: block;
  width: 100px;
  text-align: center;
  color: #54b4d0;
  font-size: 13px;
  margin: auto;
  min-width: 280px;
}

/* Cash Management Account page */
.cma .text-heavy {
  font-family: 'LatoWebHeavy';
}
.cma .text-bold {
  font-family: 'LatoWebBold';
}
.cma .text-regular {
  font-family: 'LatoWebRegular';
}
.cma .text-light {
  font-family: 'LatoWeblight';
}

.cma .banner-container {
  height: 480px;
  background: url(../../images/shared/ban_medtall_cashmgt.jpg) no-repeat;
  background-position: center;
  background-size: 100%;
}
.cma .banner-content {
  margin-top: 100px;
}
.cma .banner-content h1 {
  font-size: 45px;
  color: #2a528e;
}
.cma .banner-content h4 {
  color: #4d6582;
  font-size: 22px;
  font-weight: 600;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 5px;
}
.cma .banner-content i {
  color: #4d6582;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
.cma .banner-content span {
  display: block;
}
.cma .open-acct-btn {
  letter-spacing: 2px;
  text-decoration: none;
  background-color: #f18043;
  color: #ffffff;
  min-width: 230px;
  margin: 15px 0px 0px 0px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 2px solid #f18043;
  padding: 9px 9px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 4px;
}
.cma .requirements-container {
  padding: 30px 0px 90px;
}
.cma .description {
  width: 68%;
  display: inline-block;
  padding-top: 45px;
  padding-right: 35px;
}
.cma .description p {
  color: #96a1b1;
  font-size: 18px;
  padding-bottom: 20px;
}
.cma .side-table {
  width: 32%;
  float: right;
}
.cma .blue-box {
  background-color: #2a528e;
}
.cma .blue-box table {
  color: #eff2f7;
  table-layout: fixed;
  width: 90%;
  margin: 10px 20px;
}
.cma .blue-box table td {
  padding: 10px 0;
}
.cma .blue-box .header-border {
  border-bottom: 2px solid #96a1b1;
}
.cma .blue-box .content-border {
  border-bottom: 1px solid #96a1b1;
}
.cma .blue-box .table-header {
  font-size: 16px;
}
.cma .blue-box .padding-left {
  padding-left: 80px;
}
.cma .blue-box .box-text {
  font-size: 12px;
}
.cma .open-cma {
  position: relative;
}
.cma .open-cma p {
  background-color: #eff2f7;
  font-size: 16px;
  color: #54b4d0;
  padding: 15px 20px;
  cursor: pointer;
}
.cma .plus-btn {
  position: absolute;
  left: 90%;
  top: -14px;
  font-size: 50px;
  font-weight: 100;
  color: #54b4d0;
  cursor: pointer;
  font-family: 'Helvetica Neue';
}
.cma .benefits-container {
  color: #4d6582;
  padding-top: 30px;
}
.cma .benefits-container .border-top {
  border-top: 1px solid #eff2f7;
}
.cma .benefits-header {
  text-align: center;
  font-size: 24px;
  padding: 30px 0;
}
.cma .benefits-subheader {
  font-size: 16px;
}
.cma .benefits-details {
  padding-top: 40px;
}
.cma .benefits-spacing {
  padding: 10px 0;
}
.cma .details-link {
  text-align: center;
  padding-top: 30px;
}
.cma .details-link a {
  color: #54b4d0;
  cursor: pointer;
}

/* Open Account Modal */
.cma .modal-content {
  border-radius: 0;
  border: 10px solid #eff2f7;
  color: #4d6582;
}
.cma .modal-content .close {
  font-size: 50px;
  font-weight: 100;
  margin-top: -12px;
}
.cma .modal-content a {
  color: #54b4d0;
}
.cma .modal-content ol {
  padding: 15px;
}
.cma .modal-content .text-bold {
  color: #4d6582;
}
.cma .modal {
  z-index: 10000;
}

/* Service Details Modal */
.cma .service-details table {
  border-top: 3px solid #d3dce6;
  width: 100%;
}
.cma .service-details table tr {
  border-bottom: 1px solid #d3dce6;
}
.cma .service-details table td {
  padding: 5px 0;
}
.cma .service-details table tr td:last-child {
  text-align: right;
}
.cma .service-details .table-notice {
  font-size: 12px;
  color: #96a1b1;
  padding-top: 3px;
}

@media (min-width: 768px) {
  .cma .service-details .modal-dialog {
    width: 700px;
  }
}

/* free-etfs */
.freeetfs {
  color: #4d6582;
}
.freeetfs a {
  color: #54b4d0;
  text-decoration: none;
  cursor: pointer;
}
.freeetfs .blue-link {
  font-family: latoWebHeavy;
  font-size: 12px;
  letter-spacing: 2px;
}
.freeetfs .font-heavy {
  font-family: 'latowebheavy';
}
.freeetfs .font-bold {
  font-family: 'latowebbold';
}
.freeetfs .banner {
  background-color: #d5e3eb;
  height: 480px;
}
.freeetfs .banner .banner-content {
  padding-top: 80px;
}
.freeetfs .banner .img-container {
  display: inline-block;
  width: 360px;
}
.freeetfs .banner .text-content {
  display: inline-block;
  width: 688px;
  vertical-align: middle;
}
.freeetfs .banner .sub-heading {
  color: #f18043;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
}
.freeetfs .banner .heading {
  color: #2a528e;
  font-size: 56px;
  margin-bottom: 25px;
}
.freeetfs .btn {
  background-color: #f18043;
  color: white;
  padding: 10px 40px;
  letter-spacing: 1px;
}
.freeetfs .advantage {
  padding-top: 25px;
}
.freeetfs .advantage h3,
.freeetfs .why-ft h3,
.freeetfs .etfs-offer h3 {
  font-size: 30px;
}
.freeetfs .advantage h5,
.freeetfs .why-ft h5 {
  font-size: 16px;
  color: #4d6582;
}
.freeetfs .advantage .col-section {
  width: 370px;
  display: inline-block;
  padding: 10px;
  vertical-align: top;
}
.freeetfs .why-ft {
  padding-bottom: 45px;
}
.freeetfs .why-ft .col-section {
  width: 370px;
  display: inline-block;
  vertical-align: top;
  padding-right: 60px;
}
.freeetfs .etfs-offer {
  margin-top: 35px;
  margin-bottom: 55px;
}
.freeetfs .etfs-offer .compare-table {
  width: 100%;
  margin-top: 25px;
  font-size: 16px;
  border-top: 3px solid #ddd;
  margin-bottom: 10px;
}
.freeetfs .etfs-offer .compare-table tr td:nth-of-type(1) {
  padding-left: 0;
  font-weight: bold;
}
.freeetfs .etfs-offer .compare-table tr td:nth-of-type(2) {
  background-color: rgba(84, 180, 208, 0.3);
  font-weight: bold;
}
.freeetfs .etfs-offer .compare-table td,
.freeetfs .etfs-offer .compare-table th {
  padding: 10px 28px;
}
.freeetfs .etfs-offer .compare-table tr {
  border-bottom: 1px solid #ddd;
}
.freeetfs .etfs-info {
  margin-bottom: 30px;
}
.freeetfs .etfs-info .col-content h6 {
  font-size: 16px;
  color: #96a1b1;
  font-weight: bold;
  letter-spacing: 2px;
}
.freeetfs .etfs-info .col-content h3 {
  margin: 15px 0 30px;
}
.freeetfs .etfs-info .col-left,
.freeetfs .etfs-info .col-right {
  height: 400px;
}
.freeetfs .etfs-info .col-left {
  background-color: #eff2f7;
}
.freeetfs .etfs-info .col-right {
  background-color: #e0e6ed;
}
.freeetfs .etfs-info .col-left .col-holder,
.freeetfs .etfs-info .col-right .col-holder {
  width: 465px;
  margin-top: 100px;
  margin-right: 100px;
}
.freeetfs .etfs-info .col-left .col-holder {
  float: right;
}
.freeetfs .etfs-info .col-right .col-holder {
  float: left;
  margin-left: 20px;
}
.freeetfs .etf-list .nav-tabs {
  border-bottom-color: #9fbce2;
  background: #d3dce6;
  border-radius: 5px;
}
.freeetfs .etf-table {
  border: 1px solid #9fbce2;
  border-radius: 5px;
}
.freeetfs .etf-list h4 {
  font-size: 26px;
  color: #4d6582;
}
.freeetfs .etf-list li a {
  font-size: 17px;
  color: #4d6582;
}
.freeetfs .etf-list .nav-tabs > li.all-funds.active > a {
  border-left: none;
  border-top-left-radius: 5px;
}
.freeetfs .etf-list .nav-tabs > li.active > a {
  border-radius: 0;
  border-left-color: #9fbce2;
  border-right-color: #9fbce2;
  border-top-color: #fff;
  color: #2196f3;
}
.freeetfs .etf-list .nav-tabs > li.active > a:hover {
  background-color: #fff;
  border-color: #9fbce2;
  border-bottom-color: #fff;
  border-top-color: #fff;
}
.freeetfs .etf-list .nav-tabs > li > a:hover {
  background-color: #d3dce6;
  border-color: #d3dce6;
  border-bottom-color: #9fbce2;
}
.freeetfs .etf-list .tab-content .tab-pane {
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.freeetfs .etf-list .tab-content .dataTables_wrapper {
  padding: 15px 0 70px;
}
.freeetfs .etf-list .tab-content table tr {
  border-bottom: 1px solid #e0e6ed;
}
.freeetfs .etf-list .tab-content table tr td,
.freeetfs .etf-list .tab-content table tr th {
  padding: 8px 25px;
}
.freeetfs .etf-list .tab-content .dataTables_paginate {
  width: 400px;
}
.freeetfs .etf-list .login-wrapper {
  text-align: center;
  height: 400px;
  padding-top: 150px;
}

.cashrewards .promotion-box {
  height: 550px;
  background-color: #2a528e;
  font-family: futura, latowebheavy, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  text-align: center;
  font-weight: bold;
}

.cashrewards .promotion-box .title {
  color: #63c0d9;
  font-size: 45px;
  padding: 1.5em 0 0.3em 0;
}

.cashrewards .promotion-box .subtitle {
  font-size: 30px;
  color: white;
  font-family: 'LatoWebRegular';
  font-weight: normal;
}

.cashrewards .promotion-box .open-button {
  font-size: 15px;
  margin: -20px;
  background-color: #f18043;
  width: 280px;
}

.cashrewards .promotion-box .open-button:hover {
  color: white !important;
}

.cashrewards .details {
  height: 340px;
}

.cashrewards .toggle-terms {
  text-align: center;
  margin-bottom: 60px;
  padding-bottom: 20px;
}

.cashrewards #learn-more {
  margin-top: -100px;
}

.cashrewards #terms {
  margin-top: -120px;
  background-color: #eff2f7;
  padding: 50px 80px 0 80px;
  margin-bottom: 60px;
  display: none;
}

.cashrewards #terms p {
  color: #4d6582;
  font-size: 12px;
}

.qr-code{
  display: none;
  margin-top: -100px;
  position: absolute;
  background-color: white;
}

.qr-code h4 {
  font-size: 14px;
  margin: 5px 0 -5px 0;
}

.download-apple, .download-android {
  text-align: center;
}

.download-apple .qr-code {
  margin-left: -132px;
}

.download-android .qr-code {
  margin-left: 377px;
}

.download-apple:hover {
  text-decoration: none;
}

.download-apple:hover .qr-code, .download-android:hover .qr-code{
  display:block
}

.qr-code img {
  width: 120px;
  padding: 5px;
}