@charset "utf-8";

/*Banner*/
.banner-tabs{
	float:left;
	width:100%;
	margin-top:15px;
}
.banner-tabs .nav-tabs {
	float:left;
	padding:0;
	border:none;
}
.banner-tabs .nav-tabs li{
	float:left;
	width:100%;
	clear:both;
}
.banner-tabs .nav-tabs > li{
	padding:0 0 2px 0;
}
.banner-tabs .nav-tabs > li:last-child{
	padding-bottom:0 !important;
}
.banner-tabs .nav-tabs > li > a {
	position:relative;
	border-radius:0;
	padding:0;
	border:0 !important;
	margin-right: 0;
	background:url(../images/home/nav-tab-01.png) no-repeat 0 0;
	background-size:cover;
}
.banner-tabs .nav-tabs > li.nav-tab-02> a {
	background-image:url(../images/home/nav-tab-02.png);
}
.banner-tabs .nav-tabs > li.nav-tab-03 > a {
	background-image:url(../images/home/nav-tab-03.png);
}
.banner-tabs .nav-tabs > li.nav-tab-04 > a {
	background-image:url(../images/home/nav-tab-04.png);
}
.banner-tabs .nav-tabs > li.nav-tab-05 > a {
	background-image:url(../images/home/nav-tab-05.png);
}
.banner-tabs .nav-tabs > li > a > img{
	width: 100%;
}
.banner-tabs .nav-tabs > li > a:before{
	content:"";
	position:absolute;
	display:block;
	left:15px;
	top:0;
	bottom:0;
	margin:auto;
	width:50px;
	height:50px;
	background:url(../images/home/icon-nav-tab_test.png) no-repeat 0 0;
}
.banner-tabs .nav-tabs > li.nav-tab-02 > a:before{
	background-position:-50px 0;
}
.banner-tabs .nav-tabs > li.nav-tab-03 > a:before{
	background-position:-100px 0;
}
.banner-tabs .nav-tabs > li.nav-tab-04 > a:before{
	background-position:-150px 0;
}
.banner-tabs .nav-tabs > li.nav-tab-05 > a:before{
	background-position:-200px 0;
}
.banner-tabs .nav-tabs > li > a span{
	position:absolute;
	color:#fff;
	font-size:25px;
	left:75px;
	top:32%;
}
.en .banner-tabs .nav-tabs > li > a span {
	font-size: 2.1rem;
}
.banner-tabs .tab-content{
	padding:0;
}
.carousel-indicators li{
    background-color:#fff;
    border:none;
    margin:1px 3px;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.20);
	border:#ddd solid 1px\0/;
}
.carousel-indicators .active{
   background-color:#ff9d01;
}

/*Tab 01*/
.tab-content .login-wrap{
	height:100%;
}
.tab-content .login-wrap h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	margin:25px 0 0;
	text-align:center;
	letter-spacing:1px;
}
.tab-content .login-wrap h2 strong{
	color:#fa831f;
}
/*.tab-content .login-wrap .form-login{
	width:280px;
	margin:10px auto 0;
	border-top: #aca499 solid 1px;
	padding:15px 0 0;
}
.tab-content .login-wrap .form-login .pin-password{
	font-size:15px;
}
.tab-content .login-wrap .form-login label{
	font-weight:normal;
}
.tab-content .login-wrap .form-login label .icheckbox_flat-orange{
	margin-right:3px;
}
.tab-content .login-wrap .form-login a{
	text-decoration:underline;
}
.tab-content .login-wrap .form-login .btn-wrap{
	float:none;
	margin:30px auto 0;
	text-align:center;
}*/
.tab-content .fss-login,
.tab-content .settrade-login{
	position:relative;
	background:url(../images/home/bg-fss-login.jpg) no-repeat 0 0;
	background-size:cover;
	height:100%;
}
.tab-content .settrade-login{
	background-image:url(../images/home/bg-settrade-login.jpg);
}
.tab-content .settrade-login h2{
	font-weight:bold;
}
.tab-content .settrade-login span{
	color:#34a631;
}
.tab-content iframe{
	width:100%;
	min-height:250px;
	border:0;
	margin:0 auto;
	padding:0;
}
.tab-content .settrade-login .btn-default{
	background:#4cb749 !important;
}
.tab-content .fss-login:before,
.tab-content .settrade-login:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:9px;
	background:#ff8b00;
}
.tab-content .settrade-login:before{
	background:#4cb749;
}


/*Tab 02*/
.tab-content #tab-02 ul.services-list li:nth-child(2n){
	border-right:none;
}
.tab-content #tab-02 ul.services-list li:nth-last-child(1),
.tab-content #tab-02 ul.services-list li:nth-last-child(2){
	border-bottom:none;
}

/*Tab 03*/
.tab-content .tab-pane{
	height:100%;
}
.tab-content .tab-pane .img-responsive{
	width:100%;
	height:100%;
}
.tab-content ul.services-list{
	list-style-type:none;
	margin:0;
	padding:0;
	height:100%;
}
.tab-content ul.services-list li{
	height:50%;
	padding:0;
	border-bottom:#fff solid 1px;
}
.tab-content #open-ac ul.services-list li{
	height:100%;
}
.tab-content #tab-03 ul.services-list li:nth-child(3n){
	border-right:none;
}
.tab-content #tab-03 ul.services-list li:nth-last-child(1),
.tab-content #tab-03 ul.services-list li:nth-last-child(2),
.tab-content #tab-03 ul.services-list li:nth-last-child(3){
	border-bottom:none;
}
.tab-content ul.services-list li img{
	width:100%;
	height:100%;
}
.tab-content ul.services-list li a{
	float:left;
	height:100%;
	position:relative;
	color:#5d5d5d;
}
.tab-content ul.services-list li span{
	position:absolute;
	bottom:0;
	left:0;
	font-size:20px;
	line-height:1em;
	color:#000;
	background:url(../images/shared/bg-wh-80.png);
	padding:15px 20px;
	width:100%;
	text-align:right;
}

.banner-tabs .container{
	position: relative;
}
.banner-tabs .banner-itrade{
	width: 75%;
	background:#f8f8f8;
    height: 19.853%;
    position: absolute;
    right:0;bottom:0;
    display: none;
	border-top:#fff solid 1px;
}
.banner-tabs.acLogin .banner-itrade{
	display: block;
}
.banner-itrade ul{
	list-style-type:none;
	margin:0 0 0;
	padding:0;
	height: 100%;
}
.banner-itrade ul li{
	float:left;
	padding:14px 3px;
	width:11.79%;
	height: 100%;
}
.banner-itrade.updateIcons ul li{
	float:left;
	padding:14px 3px;
	width: 16%;
	height: 100%;
}
.banner-fssitrade {
	width:13%;
	font-size:28px;
	text-align:right;
	line-height:0.9em;
	color:#5d5d5d;
	padding-right:15px;
	padding-left:15px;
	padding-top:20px;
	background:#ececec;
	border-right:3px #f8f8f8 solid;
}
.banner-itrade ul li:first-child strong, .banner-fssitrade strong {
	color:#fa831f;
	float:left;
}

.banner-itrade ul li:last-child{
	width:3%;
	font-size:20px;
}
.banner-itrade ul li:last-child span{
	color:#5d5d5d;
	margin-top:23px;
}
.banner-funds {
	padding: 0;
	width: auto;
}
.banner-itrade-list {
	position: relative;
}
.banner-itrade-list .banner-itrade-more {
	position: absolute;
	right: 4px;
}

/*Content*/
.content h3,
.content .col-r h3{
	margin:0;
}
.content .col-l{
	background:#f5f5f5;
	text-align:center;
	padding:30px 0
}
.content .col-l .video{
	margin:0 auto;
	padding:0 15px;
}
.content .col-l .video img{
	width:100%;
}
.content .col-l  iframe{
	width:100%;
	height:550px;
	border:0;
	margin:30px auto 0;
	padding:0 2px;
}
.content .col-r{
	background:#ececec;
	padding:0;
}
.content .col-r h4{
	text-align:center;
}
.content .analysis-wrap{
	float:left;
	width:100%;
	background:#fff;
}
.content .analysis{
	padding:30px 0;
}
.content .analysis > h3{
	text-align:center;
}
.content .analysis > h4{
	padding-top:8px;
}
.content .analysis ul{
	list-style-type:none;
	padding:20px 0 0;
	margin:0;
}
.content .analysis ul li{
	padding:0;
	margin:0;
}
.content .analysis ul li a{
	position:relative;
	width:250px;
	float:left;
	text-align:center;
	padding-top:90px;
}
.content .analysis ul li a:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	background:url(../images/home/icon-analysis.png) no-repeat -200px 0;
	background-size:300px 100px;
	width:100px;
	height:100px;
}
.content .analysis ul li:nth-child(2) a:before{
	background-position:-100px 0;
}
.content .analysis ul li:last-child a:before{
	background-position:0 0;
}
.content .analysis ul li a h4{
	font-size:18px;
	font-weight:bold;
	padding-top:8px;
}
.content .analysis ul li a p{
	padding-top:3px;
	font-size:17px;
}
.content .news{
	text-align:left;
	margin-top:25px;
	background:#ececec;
	padding:0 0 30px;
}
.content .news .item{
	padding:0 42px;
	border-right:#d1d1d1 solid 1px;
}
.content .news .item.last{
	border-right:none;
}
.content .col-r .news h3{
	text-align:left;
	padding:8px 0 15px;
}
.content .news ul{
	list-style-type:none;
	margin:0;
	padding:15px 0 0;
}
.content .news ul li{
	display:block;
	border-bottom:#d8d8d8 solid 1px;
}
.content .news ul li > a{
	position:relative;
	display:block;
	padding: 10px 0 10px 25px;
	font-size:14px;
}
.content .news ul li > a:before{
	content:'';
	position:absolute;
	background:url(../images/shared/tiny-icon.png) no-repeat 0 0;
	top:9px;
	left:0;
	width:20px;
	height:20px;
}
.content .news ul li > a span {
    display: block;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
}
.content .news figure {
    width: 400px;
    height: 185px;
    overflow: hidden;
}
.content .news figure img {
    width: 400px;
}
.content .web-link{
	float:left;
	width:100%;
	padding:20px 0 30px;
}
.content .web-link h3{
	padding:0 0 8px 42px;
	color:#fa831f;
}
/*.content .web-link ul{
	list-style-type:none;
	padding:0 15px;
}
.content .web-link ul li{
	float:left;
	width: 12.5%;
	padding:0 0.5%;
}
.content .web-link ul li a{
	text-align:center;
}
.content .web-link ul img{
	margin:0 auto;
}*/
.owl-carousel .owl-wrapper-outer {
    width: 100% !important;
}
.owl-carousel .item{
	padding:0;
	margin:0 5px;
}
.weblink-navigation{
	float:left;
	width:100%;
	position:relative;
	background:red;
}
.weblink-navigation .prev,
.weblink-navigation .next{
	position:absolute;
	top:-118px;
	padding:0;
}
.weblink-navigation i{
	font-size:75px;
}
.weblink-navigation .next{
	right:10px;
}
.weblink-navigation .prev{
	left: 10px;
}

ol.carousel-indicators{
	width:70%;
	left:0;
	bottom:-10px;
	margin-left:0;
	text-align:left;
	padding:8px 10px;
}
ol.carousel-indicators li,
ol.carousel-indicators li.active{
	text-indent:inherit;
	width:20px;
	height:20px;
	border:none;
	text-align:center;
	padding:2px 0 0;
	margin:0 1px;
}
.fn-fsshero, .fn-fundsOnline, .fn-openboard, .fn-openboard {
	padding: 0 15px 10px;
}
.fn-fsshero .img-mobSize, .fn-fundsOnline .img-mobSize, .fn-openboard .img-mobSize {
	width: 100%;
}
/* .web-link-sec {
	clear: both;
  float: none;
  position: absolute;
  bottom: 11px;
  overflow: hidden;
  width: 100%;
} */
.web-link-bound {
	position: relative;
}
.tffif-bg {
	background: url(../images/home/tffif_home.jpg) no-repeat;
	width: 600px;
	min-height: 611px;
	height: 611px;
	position: relative;
}
.tffif-bttns {
	position: absolute;
	top: 447px;
	width: 100%;
}
.tffif-dwn {
	position: relative;
	left: 40px;
}
.tffif-dtl {
	position: relative;
	left: 74px;
}

/* For modal */
.modal {
	/* top: 10%; */
	transform: translate(0,10%);
}
.modal-dialog {
	/* width: 601px; */
	width: 650px;
	margin: 0 auto;
}
.modal-content {
  background: none;
  box-shadow: none;
  border: none;
}
.modal-header {
  position: absolute;
  z-index: 1000;
  border: 0;
	right: -16px;
	top: -12px;
}
.modal-header .close {
	color: #f17021;
	filter: alpha(opacity=90);
	opacity: .9;
	font-size: 30px;
	/* position: absolute;
	right: 18%;
	top: 93%; */
	display: block;
	border: 5px solid #002f81;
	border-radius: 35px;
	width: 35px;
	height: 35px;
	background: #FFF;
}
.modal-lnk {
  position: absolute;
  z-index: 0;
  top: -23px;
}
.modal-fullimg {
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 7px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
	/*width: 44%;*/   /* For vertical image*/
	margin: 0 auto;	/* For vertical image*/
}
.modal-footer {
  display: none;
	width: 574px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}
.modal-footer .btn-default {
	border-radius: .5rem;
}
footer .contact-fss .fss-e-newsletter {
	visibility: hidden;
}
.px-0 {
	padding-left: 0;
	padding-right: 0;
}
.pl-0 {
	padding-left: 0;
}
.pr-0 {
	padding-right: 0;
}
.smartaccess-maintanence {
	margin-top: 30px;
	background: #FFFFFF8F;
	padding: 20px 10px;
}
.smartaccess-maintanence h3 {
	font-size: 18.5px;
}
.ipoLogin {
	min-height: 407px;
	background: url("../images/home/img-ipologin.jpg") no-repeat;
	background-size: cover;
	background-position-y: bottom;
}

@media (max-width: 970px) {
	.modal {
		/* top: 50%;
		transform: translate(0,-50%); */
	}
	.modal-footer {
		display: block;
	}
}

@media (max-width: 1150px) {
	.tab-content .login-wrap h2{
		font-size:28px;
	}
	.banner-tabs .nav-tabs > li > a:before{
		left:8px;
	}
	.banner-tabs .nav-tabs > li > a span{
		font-size:21px;
		font-size:20px\0/;
		left:60px;
	}
	.content .news figure{
		width:auto;
		height:150px;
	}
}
@media (max-width: 992px) {
	.banner-tabs .nav-tabs > li > a > img {
		min-height: 81px;
		height: 81px;
	}
}

@media (min-width:992px) {

}

@media (min-width: 1200px) {
	.tab-content .login-wrap{
		height:80.1471%;
	}
	.banner-itrade ul li:first-child, .banner-fssitrade {
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
	}
	.banner-itrade ul li:last-child span{
		margin-top:17px;
	}
	.banner-itrade ul li.banner-funds {
		padding: 10px 0 0 0;
		width: auto;
		background-color: #d0d0d2;
	}
	.banner-itrade.updateIcons ul li:first-child, .banner-fssitrade.updateIcons {
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
	}	
	.banner-itrade.updateIcons ul li.banner-funds {
		padding: 14px 3px;
		width: 16%;
		background-color: #f8f8f8;
	}	
}
@media (max-width: 1200px) {
	.banner-tabs.acLogin .container{
		padding-bottom: 90px !important;
	}
	.banner-tabs .banner-itrade {
		width: 100% !important;height: 90px !important;
	}
}

@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
	.content .news ul li > a:before{
	    background-size:100px 100px;
		background-image:url(../images/shared/tiny-icon@2x.png);
	}
	.content .analysis ul li a:before{
		background-image:url(../images/home/icon-analysis@2x.png);
	}
	.banner-tabs .nav-tabs > li > a:before{
		background-size:auto 50px;
		background-image:url(../images/home/icon-nav-tab@2x_test.png);
	}
	.logo-tab-sm{
		background-size:121px 21px;
		background-image:url(../images/home/logo-nav-tab-sm@2x.png);
	}
}
.blue-text{
	color: #0a2563;
}
.pt-5{
	padding-top: 2rem;
}
.pt-4{
	padding-top: 1.5rem;
}
.pt-3{
	padding-top: 1rem;
}
.blue-text h3{
	font-size: 19px;
	font-weight: bold;
}
.blue-text h4{
	font-size: 24px;
}