@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

/* Scrollbar */
::-webkit-scrollbar {
	width: 6px;
	height:6px;
}
 
/* Track */
::-webkit-scrollbar-track {
	border-radius: 4px;
	background:#eeeeee;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: #0077b5;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #a9a9a9;
}

body {
	font-family:Roboto;
}
			
	.container {
		max-width:1460px;
		width:100%;
		margin:auto;
		padding-left:30px;
		padding-right:30px;
	}
	
	a {
		color:#001B73;
		text-decoration:none;
		transition:all .5s;
	}
	
	/*a:hover,
	a:focus,
	a:active {
		color:#999;
	}*/
	
	.social-media a:hover,
	.social-media a:focus,
	.social-media a:active {
		color:#CA021E;
	}

		.top {
			height:80px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		
			.logo img {
				max-width:300px;
				/*width:370px;*/
			}
		
			.top .social-media li {
				display:inline-block;
				margin-left:20px;
				font-size:20px;
			}
		
				.fa-x-twitter {
					color:#001B73;
				}
			
				.fa-linkedin {
					color:#001B73;
				}
	
		.nav-menu {
			height:58px;
			display: flex;
			justify-content: center;
			align-items: center;
			border-top:1px #f7f7f7 solid;
			border-bottom:1px #f7f7f7 solid;
		}

			.toggle-menu {
				display:none;
				margin:10px auto;
				width:30px;
				height:20px;
				cursor:pointer;
				position:relative;
			}

				.toggle-menu em {
					position:absolute;
					left:0;
					right:0;
					top: 42%;
					border-top:2px #1da1f2 solid;
					border-bottom:2px #1da1f2 solid;
					opacity:1;
					transition:all .5s;
				}
			
			.toggle-menu:before {
				position:absolute;
				top:0;
				left:0;
				right:0;
				content:"";
				border-top:4px #1da1f2 solid;
				transition:all .5s;
			}
			
			.toggle-menu:after {
				position:absolute;
				bottom:0;
				left:0;
				right:0;
				content:"";
				border-top:4px #1da1f2 solid;
				transition:all .5s;
			}
		
			.nav-menu input[type="checkbox"] {
				display:none;
			}
		
			.nav-menu ul {
				text-align:center;
			}
		
				.nav-menu ul li {
					padding:0 1vw;
					display:inline-block;
				}
		
					.nav-menu ul li a {
						font-size:16px;
						font-weight:300;
						text-transform:uppercase;
						color:#303030;
						text-decoration:none;
					}
		
					.nav-menu ul li a:hover,
					.nav-menu ul li.current-page a {
						color:#CA021E;
					}
		
		.header {
			height:404px;
			background:url("../images/header-slide-1.jpg");
			background-size:cover;
			background-position:center;
			position:relative;
		}
		
		.header:before {
			content:none;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			background:rgba(0, 0, 0, .3);
		}
		
			.header > div {
				width:33%;
				padding-left: 5%;
				padding-right: 3%;
				padding-top:20px;
				padding-bottom:20px;
				height:inherit;
				display:flex;
				flex-direction: column;
				justify-content: space-around;
				position:relative;
				background:rgba(0, 0, 0, .4);
			}
		
				.header > div > *,
				.header a {
					color:#fff;
				}
		
				.header h3 {
					font-size:50px;
					font-weight: 300;
				}
		
				.header p {
					font-size:20px;
					font-weight: 100;
					line-height:32px;
				}
				
				.header .more-btn {
					border:1px #fff solid;
					width:126px;
					height:35px;
					display:inline-flex;
					justify-content: center;
					align-items: center;
				}
				
		.inner-header {
			height:300px;
			background-size:cover !important;
			background-position:center !important;
			position:relative;
		}
		
		.inner-header.header-about {
			background:url("../images/header-about.jpg");
		}
		
		.inner-header.header-management {
			background:url("../images/header-management.jpg");
		}
		
		.inner-header.header-contact {
			background:url("../images/header-contact.jpg");
		}
				
			.inner-header div {
				position: absolute;
				bottom:55px;
				left:45px;
				padding-left:20px;
				padding-right:20px;
				background: rgba(0, 0, 0, .4);
				font-family:Roboto;
				font-size: 32px;
				font-weight: 300;
				line-height:74px;
				color: #fff;
			}
			
				.inner-header div span {
					font-weight: 400;
				}
		
		.main {
			flex-direction: row;
			flex-wrap: wrap;
			width: 100%;
			padding:43px 17px;
			display: flex;
			justify-content: space-between;
		}
		
			.main-left {
				margin-top: 20px;
				width: 49%;
				margin-right: 2%;
			}
			
				.main h1 {
					margin-bottom:10px;
					font-size:36px;
				}
				

				.main h2 {
					margin-bottom:20px;
					font-size:28px;
					font-weight:300;
					color: #565656;
				}
				
					.main h2 span {
						font-weight:400;
					}
			
				.main p {
					margin-bottom:20px;
					font-size:17px;
					font-weight:300;
					line-height:24px;
					color:#565656;
				}
				
					.main p strong {
						font-weight:bold;
					}
					
				.main ul {
					list-style-type: disc;
					margin-top: -15px;
					margin-left: 25px;
					margin-bottom: 40px;
					font-size:17px;
					font-weight:300;
					line-height:24px;
				}
			
			.main-right {
				margin-top: 20px;
				width:49%;
			}
						.main p img {
							width:100%;
						}
						
					.separator {
						margin-top:30px;
						margin-bottom:30px;
						border-top:1px #f7f7f7 solid;
					}
					
					.blue-content {
						background:#001B73;
						padding:15px;
						color:#fff;
						margin-top: 20px;
					}

					.blue-content h2{
						color: #fff;
					}
					
						.blue-content p {
							color:#fff;
						}
						
					.fund-facts-tbl {
						display: flex;
						flex-flow: wrap;
						font-weight: 300;
						color: #565656;
					}
					
						.fund-facts-tbl > * {
							padding:0 20px;
							line-height:37px;
						}
						
						.fund-facts-tbl strong {
							font-weight: 600;
							width: 40%;
						}
						
						.fund-facts-tbl span {
							border-left: 1px #ececec solid;
							width: 60%;
						}
					
						.fund-facts-tbl strong:nth-of-type(2n + 1),
						.fund-facts-tbl span:nth-of-type(2n + 1) {
							background:#fafafa;
						}
						
					.fund-performance-chart-tbl {
						/*display:grid;
						grid-template-columns:repeat(5, minmax(1px, auto));*/
						font-size:16px;
						font-weight:300;
						color:#565656;
						text-align:center;
					}
						
						.fund-performance-chart-tbl > * {
							padding:5px 20px;
							line-height:30px;
						}
						
						.fund-performance-chart-tbl strong {
							padding-top: 10px;
							    padding-bottom: 10px;
							    border-left: 1px #ececec solid;
							    font-weight: 600;
							    line-height: 15px;
							    display: flex;
							    align-items: center;
							    justify-content: center;
							    word-break: break-word;
						}
						
						.fund-performance-chart-tbl strong:first-of-type {
							border-left:0;
						}
						
						.fund-performance-chart-tbl span:nth-of-type(n + 1) {
							border-left:1px #ececec solid;
						}
						
						.fund-performance-chart-tbl span:nth-of-type(5n - 4) {
							border-left:0;
						}
						
					.nav-box .blue-content {
						overflow:hidden;
						margin-bottom: 15px;
					}

						.nav-box .blue-content strong {
							font-size: 20px;
						}
						
						.nav-box .blue-content strong:last-of-type {
							float: right;
						}

						.nav-box p{
							font-size: 14px;
						}

						.nav-box p:empty {
							display:none;
						}
						
					.chart-filter-buttons {
						margin-bottom:10px;
						/*display: flex;
						justify-content: space-between;*/
					}
						
						.chart-filter-buttons button {
							border: 1px transparent solid;
							padding: 5px 15px;
							background: #001B73;
							color: #fff;
							outline: none;
							cursor: pointer;
							transition:all .5s;
							margin-bottom: 5px;
						}
						
						.chart-filter-buttons button.active,
						.chart-filter-buttons button:hover {
							border: 1px #001B73 solid;
							background: none;
							color: #001B73;
						}
							
					.fund-performance-chart-tbl table {
						width:100%  !important;
						margin-top: 5px;
					}
					.fund-performance-chart-tbl table tr:nth-child(odd) {
					    background: #fafafa;
					}
	
						.fund-performance-chart-tbl table tr:first-child td {
							font-weight:bold;
						}
							
						.fund-performance-chart-tbl table tr td {
							border:1px #eee solid;
							font-size:14px;
							padding:  0 5px;
							/*width: auto !important;*/
						}
				
			.more-btn {
				font-size:15px;
				font-weight:400;
			}
			
			.more-btn:hover,
			.main-right .more-btn:hover,
			.footer a:hover {
				text-decoration:underline;
			}
			
			.header .more-btn:hover {
				background:#fff;
				color:#333;
				text-decoration:none;
			}
				
			.main .more-btn i {
				margin-right:5px;
			}
			
		.main.full-width {
			display:block;
		}
		
			.supervisory-board {
				display: grid;
				grid-template-columns: repeat(3, minmax(1px, auto));
				grid-gap: 60px;
			}
			
				.management-member h3 {
					margin-bottom:10px;
					font-weight:600;
					font-size:20px;
				}
			
				.management-member h3:before {
					content: attr(attr);
					width: 50px;
					height: 50px;
					display: block;
					text-align: center;
					line-height: 50px;
					font-size: 32px;
					color: #fff;
					float:left;
					margin-right: 11px;
					position: relative;
					top: -2px;
				}
				
				.management-member h3.ceo:before {
					background:#06aac9;
				}
				
				.management-member h3.chairman:before {
					background:#1b1464;
				}
				
				.management-member h3.board-member1:before {
					background:#006ab4;
				}
				
				.management-member h3.board-member2:before {
					background:#008fd9;
				}	

				.management-member h3.board-member-other:before {
					background:#008fd9;
				}
			
					.management-member h3 span {
						margin-top:5px;
						display:block;
						font-weight:400;
						color:#001B73;
					}
					
					
				form {
					margin:0;
					margin-bottom:40px;
				}
				
					form label {
						position: relative;
						display: block;
					}
					
						.placeholder {
							font-size: 20px;
							font-weight: 300;
							color: #333;
							position: absolute;
							z-index: 1;
							top: 10px;
							left: 10px;
							cursor:text;
							transition:all .2s;
						}
				
						input[type="text"],
						input[type="email"],
						input[type="tel"],
						textarea {
							display:block;
							width:95%;
							margin-bottom:20px;
							border:0;
							border-bottom:1px #ccc solid;
							outline:none;
							font-family:Roboto;
							font-size:20px;
							font-weight:200;
							color:#333;
						}
						
						input[type="text"]:focus,
						input[type="email"]:focus,
						input[type="tel"]:focus,
						textarea:focus {
							border-bottom:1px #7fbbda solid;
						}
						
						input[type="text"]:focus + .placeholder,
						input[type="email"]:focus + .placeholder,
						input[type="tel"]:focus + .placeholder,
						textarea:focus + .placeholder {
							top: -3px;
							font-size:12px;
							color:#999;
						}

						input[type="text"].focus + .placeholder,
						input[type="email"].focus + .placeholder,
						input[type="tel"].focus + .placeholder,
						textarea.focus + .placeholder {
							top: -3px;
							font-size:12px;
							color:#999;
						}


						input[type="text"]::placeholder,
						input[type="email"]::placeholder,
						input[type="tel"]::placeholder,
						textarea::placeholder {
							color:#c4c4c4;
						}
						
						input[type="text"],
						input[type="email"],
						input[type="tel"] {
							height:40px;
							line-height:40px;
							padding:0 10px;
						}
						
						textarea {
							height:150px;
							line-height:40px;
							padding:0 10px;
							resize:none;
						}
					
					 .btn {
						 border:0;
						 border-radius:5px;
						 display:inline-block;
						 height:42px;
						 line-height:42px;
						 padding-left:25px;
						 padding-right:25px;
						 background:#0077b5;
						 font-size:15px;
						 color:#fff;
						 cursor:pointer;
						 outline:none;
						 vertical-align:middle;
					 }
				 
					 .btn:hover {
						 opacity:.9;
						 color:#fff;
					 }
					 
					 .btn.reject {
						 border:1px #585858 solid;
						 background:transparent;
						 color:#585858;
					 }
					 
					 .btn.reject:hover {
						  opacity:.8;
						 color:#585858;
					 }
					 
					 input[type="button"].btn.more-btn {
						border: 1px #001B73 solid;
						border-radius: 0;
						background: none;
						color: #001B73;
						height: 35px;
						line-height: 32px;
						transition:all .5s;
					 }
					 
					 input[type="button"].btn.more-btn:hover {
						background: #001B73;
						color: #fff;
						text-decoration:none;
					 }
					 
		.map-area {
			height: 200px;
			margin-bottom: 10px;
		}
		
		.contact-content a:hover {
			text-decoration:underline;
		}
			
		#footer {
			max-width:none;
			padding-left:0;
			padding-right:0;
			background:#fafafa;
			font-size:13px;
			color:#868686;
		}
		
			.footer {
				max-width:1440px;
				width:100%;
				margin:auto;
				padding-top:30px;
				padding-bottom:12px;
				padding-left: 20px;
				padding-right: 20px;
				display: flex;
				justify-content: space-between;
			}
			
				.footer-left,
				.footer-right {
					
				}
			
				.footer-left {
					width:67%;
				}
			
					.footer .nav-menu {
						margin-bottom:20px;
						height: auto;
						text-transform:uppercase;
						display:block;
						width: 40%;
					}					
										
						.footer .nav-menu li {
							display: inline-block;
							width: 49%;
							padding-bottom: 13px;
						}
					
							.footer .nav-menu a {
								color:#333;
							}
						
							.footer .nav-menu a:hover {
								text-decoration:underline;
							}
				
					.footer-left .taglinee {
						margin-bottom:20px;
						line-height:18px;
					}
					
						.footer-left .taglinee a {
							text-decoration:underline;
						}
						
						.footer-left .taglinee a:hover {
							text-decoration:none;
						}
			
				.footer-right {
					width:16%;
					display: flex;
					flex-direction: column;
				}
				
					.footer-right h4 {
						margin-bottom:30px;
						font-size:20px;
						font-weight:400;
						color:#000;
					}
					
					.footer-right .phone-number {
						margin-bottom:10px;
						font-size:18px;
						font-weight:300;
						color:#565656;
					}
					
					.footer-right .email-address {
						margin-bottom:10px;
						font-size:15px;							
					}
					
					.footer-right .fa-phone,
					.footer-right .fa-envelope {
						margin-right:10px;
						font-size:16px;
						color:#565656;
					}
					
					.footer-right .social-media {
						margin:10px 0;
					}
					
						.footer-right .social-media li {
							display:inline-block;
						}
						
							.footer-right .social-media li .fa {
								margin-right:15px;
								font-size:20px;
							}
							
							.footer-right .social-media li .fa:hover {
								text-decoration:none;
							}
					
					.site-author {
						margin-top:30px;
					}
					
						.site-author a {
							color:#868686;
						}
					
						.site-author a:hover {
							text-decoration:underline;
						}
						
	.popup-container {
		position: fixed;
		z-index: 1;
		background: rgba(0, 0, 0, .6);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	
		.popup-body {
			margin:20px;
			max-width:1070px;
			width:100%;
			max-height:726px;
			height:100%;
			background:#f5f5f5;
			border-radius:10px;
			padding: 50px 54px 20px 54px;
			position: relative;
		}
		
			.popup-body-inner {
				padding-right:50px;
				height:81%;
				overflow-y:auto;
			}
		
				.popup-body-inner h1 {
					margin-bottom:17px;
					font-size:30px;
					font-weight:500;
				}
			
				.popup-body-inner h2 {
					margin-bottom:27px;
					font-size:24px;
				}
			
				.popup-body-inner p {
					margin-bottom:17px;
					font-size:17px;
					line-height:24px;
				}
				
			.popup-control {
				padding: 20px;
				position: absolute;
				bottom: 5px;
				left: 0;
				right: 0;
				text-align: center;
			}
			
				.popup-control span {
					display:block;
					margin-bottom:20px;
					font-size:20px;
				}
				
				.popup-control .btn {
					margin:0 10px;
					padding-left:15px;
					padding-right:15px;
				}
				
					.popup-control .btn i {
						margin-right:10px;
					}
				
	
/* datepicker customization on the "Fund" page */
#ui-datepicker-div {
	border-top: 0;
	border-radius: 0;
	font-family: "Open Sans";
	font-size: 15.75px;
}

	.ui-datepicker .ui-datepicker-header {
	    border-radius: 0;
	}

		.ui-datepicker-month {
			font-size: 14px;
			vertical-align: bottom;
		}
	
		.ui-datepicker-year {
			font-family: "Open Sans" !important;
			font-size: 13px !important;
		}
		
		.ui-datepicker .ui-datepicker-prev {
			left: 0 !important;
		}
		
		.ui-datepicker .ui-datepicker-prev:before {
			content: "\f0a8";
		}
		
			.ui-datepicker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w {
				background-image:none;
			}
		
		.ui-datepicker .ui-datepicker-next {
			right: 0 !important;
		}
		
		.ui-datepicker .ui-datepicker-next:before {
			content: "\f0a9";
		}
		
			.ui-datepicker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
				background-image:none;				
			}
		
		.ui-datepicker .ui-datepicker-prev,
		.ui-datepicker .ui-datepicker-next {
			cursor:pointer;
			top: 3px !important;
			border: 1px transparent solid !important;
			text-align: center;
			line-height: 25px;
			font-weight: normal !important;
		}
		
		.ui-datepicker .ui-datepicker-prev:before,
		.ui-datepicker .ui-datepicker-next:before {
			font-family: FontAwesome;
			color:#001B73;
		}
		
		.ui-datepicker .ui-datepicker-prev:hover:before,
		.ui-datepicker .ui-datepicker-next:hover:before {
			opacity:.8;
		}
		
		.ui-widget-content .ui-state-active {
			background: #001B73 !important;
			border: 0 !important;
		}
		
		.ui-widget-content .ui-state-highlight {
			background: #c4c5e6 !important;
			border: 0 !important;
			color: #fff !important;
		}
	
	.ui-datepicker th {
	    font-size: 14px;
	}
	
	.ui-datepicker td {
	    font-size: 13px;
	}
							
@media screen and (max-width:1200px) {
	.nav-menu ul li a {
		text-transform: capitalize;
	}
	
	.header > div {
		width: 100%;
		padding-right: 5%;
	}
	
	.main {
		display: block;
	}
	
		.inner-header div {
			right:45px;
			line-height: 44px;
			text-align:center;
		}
	
		.main-left,
		.main-right {
			width: 100%;
		}
				
	.blue-content {
		margin-bottom: 40px;
	}
		
	.footer {
		display:block;
	}
	
		.footer-left,
		.footer .nav-menu,
		.footer-right {
			width:100%;
			text-align: center;
		}
		
		.footer-left {
			margin-bottom:20px;
		}
		
			.footer .nav-menu li {
				width:auto;
				padding: 0 10px 10px;
				text-transform: capitalize;
			}
			
			.footer-right h4 {
				margin-bottom: 10px;
			}
			
			.site-author {
				margin-top: 10px;
			}
}

@media screen and (max-width:1080px) {
	.logo img {
		max-width:320px;
		width:100%;
	}
	
	.supervisory-board,
	.main-right {
		display: block;
	}

		.facility-block {
			width:100%;
			margin-bottom: 20px;
		}
}

@media screen and (max-width:667px) {
	.toggle-menu {
		display:block;
	}
	
	.nav-menu .hamburger-menu input[type="checkbox"] ~ ul {
		visibility:hidden;
		height:0;
		opacity:0;
	}
	
	.nav-menu .hamburger-menu input[type="checkbox"]:checked ~ .toggle-menu {
		transition:all .5s;
	}
	
		.nav-menu .hamburger-menu input[type="checkbox"]:checked ~ .toggle-menu em {
			opacity:0;
			transition:all .5s;
		}
	
	.nav-menu .hamburger-menu input[type="checkbox"]:checked ~ .toggle-menu:before {
		transform: rotateZ(45deg) translate3d(-2px, -2px, 0);
		top: 50%;
		transition:all .5s;
	}
	
	.nav-menu .hamburger-menu input[type="checkbox"]:checked ~ .toggle-menu:after {
		transform: rotateZ(-45deg) translate3d(0, 1px, 0);
		bottom: 50%;
		transition:all .5s;
	}
	
	.nav-menu .hamburger-menu input[type="checkbox"]:checked ~ ul {
		visibility:visible;
		height:auto;
		opacity:1;
		transition:all 1s;
	}
	
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	
		.logo img {
			max-width:260px;
			width:100%;
		}
		
		.top .social-media {
			white-space: nowrap;
		}
		
			.top .social-media li {
				margin-left: 10px;
			}
		
		.nav-menu {
			display: block;
			height: auto;
		}
		
			.nav-menu ul li {
				display: block;
				padding: 7px 0;
			}
			
		.header h3 {
			font-size: 36px;
		}
		
		.main,
		.footer {
			padding-left: 0;
			padding-right: 0;
		}
			
			.main-right {
				display: block;
			}
			
				.facility-block {
					width: 100%;
				}
				
		#footer {
			padding-left: 10px;
			padding-right: 10px;
		}
}

@media screen and (max-width:568px) {
	.popup-body {
		margin: 0;
		padding: 20px;
	}

		.popup-body-inner {
			padding-right: 20px;
			height: 66%;
		}

			.popup-body-inner h1 {
				margin-bottom: 0;
			}

			.popup-body-inner h2 {
			    margin-bottom: 10px;
			    font-size: 19px;
			}

			.popup-body-inner p {
			    font-size: 15px;
			    line-height: 18px;
			    text-align: justify;
			}

			.popup-control span {
			    margin-bottom: 10px;
			}

			.popup-control .btn {
			    margin-bottom: 3px;
			}
}

@media screen and (max-width:414px) {
	.inner-header div {
		left: 0;
		right: 0;
		bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
}
.error-msg{
	font-size: 12px;
	color: #f00;
	margin-top: -15px;
	margin-bottom: 10px;
}
.chart-filter{
	display: inline-flex;
	font-size: 13px;
}
.chart-filter > input,
.chart-filter > span {
	word-break: keep-all;
	white-space: nowrap;
	height: 27px;
	line-height: 27px;
	font-size: 13px;
	font-weight: 400;
}
.chart-filter > span{
	padding: 0 10px;
}
.chart-filter span:first-of-type {
	/*padding-left: 0;*/
}
.chart-filter > span.from-to{
	border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
}
.chart-filter > input{
	box-sizing: border-box;
	border: 1px #ccc solid;
    text-align: center;
}

.chart-container{
	position: relative;
}
.chart-loader{
	position: absolute;
	z-index:1000;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: url("/assets/images/three-dots.svg") center no-repeat rgba(0, 0, 0, 0.09);
}
.no-header-img {
	height:auto;
}
.no-header-img > div{
	background: none;
	color: #565656;
}

.no-header-img-title{
	padding: 17px;
	font-size: 32px;
	color: #565656	;
	padding-bottom: 0;
	margin-bottom: -15px;
}

.factsheet-drop{
	cursor: pointer;
	color: #001B73 !important;
}

.factsheet-inner-list{
	display: none;
}