@charset "utf-8";

@import url("owl.carousel.css");
@import url("owl.theme.css");
@import url("tsi-style.css");
@import url("bootstrap_additional.css");
.education{
	font-family: 'db_helvethaica_x55_regular'; 
	font-size: 22px; 
	/*overflow: hidden*/
}


.education-header{
	margin-top:-5px;
	margin-left: 15px;
}

h2{
	font-size: 36px;
}

.inv_menu{}
.inv_menu .inv_section{background: #3e3e3e; transition: background .1s; -moz-transition: background .1s; -webkit-transition: background .1s;}
.inv_menu .inv_section:nth-of-type(odd){background: #363636;}
.inv_menu .inv_section a{ padding:20px 10px; display: block; text-align: center; }
.inv_menu .inv_section a span{ display: block;}

.invico{ width: 50px; height: 42px; margin: auto; margin-bottom: 8px;}
.invico.stock{ background: url(../Image/investment_menu/stock.png);}
.invico.derivatives{ background: url(../Image/investment_menu/derivatives.png);}
.invico.mutual_fund{ background: url(../Image/investment_menu/mutual_fund.png);}
.invico.dw{ background: url(../Image/investment_menu/dw.png);}
.invico.etf{ background: url(../Image/investment_menu/etf.png);}
.invico.bond{ background: url(../Image/investment_menu/bond.png);}

.invname{ font-family: 'db_helvethaica_x65_med'; font-size: 26px; color: #f68121;}
.invtext{ font-family: 'db_helvethaica_x45_li'; font-size: 18px; color: #ffffff; height: 42px; overflow: hidden; }

.inv_menu .inv_section:hover{ background: #f68121 !important; text-decoration: none !important; }
.inv_menu .inv_section:hover .invname{ color: #ffffff; text-decoration: none !important; }
.inv_menu .inv_section:hover .invico{ background-position: 0 -42px; text-decoration: none !important; }

a:hover{
	text-decoration: none !important;
}

.color_black{ color: #000000;}
.color_orange{ color: #f68121;}

.bannerwrap{width:100%; overflow: hidden; display: inline-block;}
.bannerwrap a{ }
.bannerimg{ position:relative; }
.bannertitlebar{ position:absolute; background: #363636; z-index: 1; bottom: 0; width: 100%; padding:12px 15px; color: #ffffff;}
.bannertitlebar.istransparent{ background: rgba(0,0,0,0.5); padding:0;}
.bannertitlebar h3{ font-size: 24px; margin: 0 0 5px 0; padding: 0;}
.bannertitlebar p{ margin:0; padding: 0; font-size: 20px;}
.bannertitleinner{ display: block; padding:5px 10px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.bannerwrap i img{ width: auto !important; display: inline-block !important;}

/*Owl Style*/
.slidecarousel{ white-space: nowrap; }
.slidecarousel .item{ display: inline-block;}
.owl-theme .owl-dots .owl-dot span{ background: #c4c4c4;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #f36e21; }
.owl-controls.controlinner{ position:absolute; bottom:0; width:100%;}
.owl-controls.isdots .owl-dots{ display:block !important;}

.owl-controls.dotwitharrow{ text-align: center; position:relative; margin-top: 15px;}
.owl-controls.dotwitharrow .owl-nav{ position: absolute; z-index: 1; top: 0; margin-top: 0; width: 100%;}
.owl-controls.dotwitharrow .owl-prev{ width: 18px; height: 18px; background: url(../Image/arrow_left_black.png) !important; text-indent: -9999px; overflow: hidden; opacity: 0.8; margin-top: 0; margin-bottom: 0; }
.owl-controls.dotwitharrow .owl-prev:hover{ opacity: 1; }
.owl-controls.dotwitharrow .owl-next{ width: 18px; height: 18px; background: url(../Image/arrow_right_black.png) !important; text-indent: -9999px; overflow: hidden; opacity: 0.8; margin-top: 0; margin-bottom: 0; }
.owl-controls.dotwitharrow .owl-next:hover{ opacity: 1; }

.owl-controls.dotwitharrow .spacearrow{ display:inline-block;}

.owl-controls.dotwitharrow .owl-dots{ position:relative; display: inline-block; z-index: 2;}

.owl-controls.arrowinner{ position: absolute; z-index: 1; top: 38%; margin-top: 0; width: 100%; height: 0;}
.owl-controls.arrowinner .owl-prev{ position: absolute; left: 5px; background: url(../Image/arrow_left_white.png) !important; width: 21px; height: 38px; text-indent: -9999px; overflow: hidden; opacity: 0.9; }
.owl-controls.arrowinner .owl-next{ position: absolute; right: 5px; background: url(../Image/arrow_right_white.png) !important; width: 21px; height: 38px; text-indent: -9999px; overflow: hidden; opacity: 0.9; }
.owl-controls.arrowinner .owl-prev:hover, .owl-controls.arrowinner .owl-next:hover{ opacity: 1;}

.bannerwrap:hover .cubebtn_bg.default, .bannerwrap:hover .cubebtn_bg.active{ transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%);}

.bottomdetail{ color: #7d7d7d; font-size: 21px;}
.bottomdetail h3{ margin: 5px 0; }
.bottomdetail h3.fix1line{ width: 100%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.bannerwrap:hover .bottomdetail h3{ color: #f68121;}

.cube_btn{ display:block; position: relative; width: 100.5%; overflow: hidden; border-top-left-radius:3px; -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; transform:translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0);}
.cube_btn_text{ position: relative; display: block; z-index: 2; padding:5px; font-size: 20px;}
.cubebtn_bg{ position: absolute; width: 100%; height: 100%; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); }
.cubebtn_bg.default{ background: #a2a2a2; top: 0; left: 0;}
.cubebtn_bg.active{ background: #f68121; top: 100%; left: 0;}

.play_vdo_icon{ position: absolute; width: 100%; height: 100%; background: url(../Image/play_vdo_ico.png) center center no-repeat; top: 0; left: 0; opacity: 0.9;}
.play_vdo_icon:hover{ opacity:1;}

.fixedline_articledetail {
    overflow: hidden;
    max-height: 70px;
}

@media (max-width: 425px) {	
	#education{
		padding: 0px;
	}
}

.arrow-img{
	margin-top:8px;
	margin-right: 10px;
	float: right;
	width: 37px;
    height: 38px;
	background: url(../Image/home/education/arrow_black.png);
}

#banner img{
	width: 100%;
}

#banner-financialplanning:hover .caption, #banner-education:hover .caption{
	color: #fff;
}

#banner-financialplanning:hover .arrow-img, #banner-education:hover .arrow-img{
	background: url(../Image/home/education/arrow_white.png);
}

#banner-financialplanning, #banner-education, #banner-calendar{
	padding: 8px;
}


.calendar-education{
	background: url(../Image/home/education/ico_calendar_black.png);
	height: 80px;
	width: 79px;
	margin: auto;
}

.calendar-name{
	font-size: 28px;
	font-weight: bold;
}

.calendar-year{
	font-size: 50px;
	font-weight: bold;
}

.calendar-txt{
	text-align: right;
    padding-right: 25px;
}

.caption{
	text-align: center;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
}


.caption-yellow{
	background-color:#f9d20d;
}

.caption-orange{
	background-color:#f36e21;
}

.education figure img {
    width: 100%;
    height: auto;
}

#event-calendar{
	background-color:#f9bb00;
	margin:8px;
	padding: 30px;
	height: 213px;
}

#event-calendar a{
	color: #000;
	text-align: center;
}

#event-calendar a:hover{
	color: #fff;
}

#event-calendar a:hover .calendar-education{
	background: url(../Image/home/education/ico_calendar_white.png);
}

#event-calendar span{
	display: block;
}

figcaption span, figcaption section{
	display: inline-block;
}


.lg-font{
	font-size: 45px;
	font-weight: bold;
}

.md-font{
	font-size: 30px;
	font-weight: bold;
}

@media(max-width: 991px){
	.invname{ font-family: 'db_helvethaica_x65_med'; font-size: 20px; color: #f68121;}
	.lg-font{
		font-size: 35px;
		font-weight: bold;
	}

	.md-font{
		font-size: 20px;
		font-weight: bold;
	}
	
	.arrow-img{
		margin-top:5px;
	}
	
	.calendar-txt{
		text-align: center;
		padding-right: 0px;
	}
	
	.education section, #banner div{
		margin: 0px !important;
	}
	
	.calendar-name{
		font-size: 24px;
		font-weight: bold;
	}

	.calendar-year{
		font-size: 40px;
		font-weight: bold;
	}
	
}

@media(max-width: 1199px) and (min-width:992px){
	.calendar-name{
		font-size: 20px;
		font-weight: bold;
	}
	
	.calendar-year{
		font-size: 30px;
		font-weight: bold;
	}
	
	#event-calendar{
		margin: 8px !important;
		height: 182px;
	}
}

@media(max-width: 991px) and (min-width:768px){

	.calendar-name{
		font-size: 20px;
		font-weight: bold;
	}
	
	.calendar-year{
		font-size: 30px;
		font-weight: bold;
	}
	
	#event-calendar{
		margin: 8px !important;
		height: 179px;
		width: 721px;
	}
}

@media (max-width: 767px){
	.calendar-name{
		font-size: 20px;
		font-weight: bold;
	}
	
	.calendar-year{
		font-size: 30px;
		font-weight: bold;
	}
	
	#event-calendar{
		margin: 0px !important;
	}
	
	#banner-calender{
		padding-top: 8px;
	}
	
	#banner-financialplanning, #banner-education, #banner-calendar{
		padding: 0px ;
		padding-top: 8px;
	}
}