html * { 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; 
}
body { background: #fff; font-size:16px; color:#000; font-family:"Open Sans", sans-serif; overflow-x:hidden; letter-spacing:0; font-weight:400; }
input, textarea { border-radius:0; }
input, textarea, select, label { font-family:"Open Sans", sans-serif; outline:0; }
input:focus, input:hover { outline:0; }
::-webkit-input-placeholder { color:#5E5E5E; opacity:1; }
:-moz-placeholder { color:#5E5E5E; opacity:1; }
::-moz-placeholder { color:#5E5E5E; opacity:1; }
:-ms-input-placeholder { color:#5E5E5E; opacity:1; }

#ps2id-dummy-offset {height: 60px !important;}

h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 15px 0; line-height:1.3; font-weight:700; letter-spacing:0; outline:0; }
h1 { font-size:36px; }
h2 { font-size:36px; }
h3 { font-size:28px; }
h4 { font-size:18px; }
h5 { font-size:18px; }
h6 { font-size:18px; }
img { display:block; max-width:100%; height:auto; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active, input[type=submit] { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
p { margin:0 0 25px 0; line-height:1.4; }
.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
strong { font-weight:700; }
.button, .btn { display:inline-block; color:#FFF !important; background:#FE620D; padding:13px 20px 11px 20px; min-width: 155px; border-radius:30px; text-align:center; font-family:"Montserrat", sans-serif; font-size:14px; font-weight:700; text-decoration: none !important; }
.button:hover, .btn:hover { background:#2E3192; color:#FFF !important; }
.button.white { border:2px solid #FE620D; background:none; color:#FE620D !important; padding:12px 5px 12px 5px; }
.button.white:hover { background:#2E3192; border:2px solid #2E3192; color:#FFF !important; }

a.post-edit-link {color: #FE620D;}
	a.post-edit-link:hover {color: #FE620D; text-decoration: underline;}

.content ul, .content ol {margin:0 0 25px 0; line-height:1.4;}
	.content ul li {list-style: disc; margin: 0 0 5px 20px; padding: 0 0 0 5px;}
	.content ol li {list-style: decimal; margin: 0 0 5px 20px; padding: 0 0 0 5px;}


/*-----------------------------------------------------------------------------------*/
/* Structure
/*-----------------------------------------------------------------------------------*/

.container { margin:0 auto; width: 100%; max-width:1600px; padding-left:50px; padding-right:50px;}
.flex-container { display:flex; justify-content:space-between; align-items:center; }
.view-mobile { display:none; }

.alignleft {float: left;}
.aligncenter {margin: auto; display: block;}
.alignright {float: right;}

.button-holder {margin: 40px auto 0 auto; display: flex; justify-content: center;}

#header {z-index: 20; padding: 25px 50px 25px 50px; position: fixed; top: 0; left: 0; width: 100%; background-color: transparent; transition: background-color 0.3s ease;}
#header.scrolled {
	background-color: rgba(46, 49, 146, 0.9);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
	#header .logo:hover {opacity: 0.8;}

	#header-nav {position: absolute; right: 50px; top: 44px;}
		#header-nav ul {display: flex; color: #fff; font-weight:700; letter-spacing:0; font-family:"Montserrat", sans-serif;}
			#header-nav ul li {display: flex; border-right: solid 1px #fff; padding-left: 25px; align-items: center;}
			#header-nav ul li a:hover {opacity: 0.8;}
			#header-nav ul li:last-of-type {border-right: none;}
			#header-nav ul li:last-of-type:hover {opacity: 0.8;}
			#header-nav ul li:last-of-type {cursor: pointer;}
				#header-nav a {color: #fff; font-weight: 700; margin-right: 25px;}
				#header-nav img {margin-left: 15px;}

#menu {
	position: fixed; top: 0; right: 0; z-index: 25; 
	width: 100%; height: 100vh; max-width: 480px; padding: 120px 0 50px 0; background-color: #2E3192; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	transform: translateX(100%); transition: transform 0.4s ease; overflow-y: auto;
}
#menu.active {transform: translateX(0);}
	#menu-close {position: absolute; top: 50px; right: 50px;}
	#menu-close:hover {opacity: 0.8;}
	#menu-nav ul {margin: -25px 0 0 0; padding: 0; list-style: none;}
		#menu-nav ul li {margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 18px; border-bottom: solid 1px #fff;}
		#menu-nav ul li:last-of-type {border-bottom: none;}
			#menu-nav ul li a {color: #fff; font-weight: 500;}
			#menu-nav ul li a:hover {text-decoration: underline;}

#footer {background:#F5F5F5; padding:30px 0 25px 0;}

	#footer .footer-top { display:flex; justify-content: center; align-items:center; padding:0 0 75px 0; }
		#footer .footer-top .footer-left { }
			#footer .footer-top .footer-left img { margin:0 0 20px 0; }
			#footer .footer-top .footer-left img:hover {opacity: 0.8;}
		#footer .footer-top .footer-left .social-links { display:flex; justify-content:center; margin:0; }
			#footer .footer-top .footer-left .social-links li { margin:0 10px 0 0; width:24px; height: 24px; padding: 0; background:#2E3192; border-radius:5px; }
				#footer .footer-top .footer-left .social-links li:last-child { margin:0; }
				#footer .footer-top .footer-left .social-links li a { 
					display:block; width: 100%; line-height:24px; color:#FFF; text-align:center; 
					font-size:16px; padding: 0; margin: 0;
				}
				#footer .footer-top .footer-left .social-links li:hover { background:#FE620D; }
					#footer .footer-top .footer-left .social-links li:hover a { color:#FFF; }
				#footer .footer-top .footer-left .social-links li a span { display:inline-block; line-height:25px; }
	footer .footer-bottom { padding:25px 0 0 0; border-top:1px solid #C9C9C9; display:flex; justify-content:space-between; align-items:center; font-size:12px; }
		#footer .footer-bottom p { margin:0; }
		#footer .footer-bottom ul { margin:0 0 0 auto; display:flex; flex-wrap: wrap;}
			#footer .footer-bottom ul li { margin:0 25px 0 0; }
			#footer .footer-bottom ul li:last-child { margin:0; }
			#footer .footer-bottom ul li a { color:#000; text-decoration:underline; }
			#footer .footer-bottom ul li a:hover { color:#FE620D; }


/*-----------------------------------------------------------------------------------*/
/* HERO
/*-----------------------------------------------------------------------------------*/

#hero {
	color: #fff; background: url(../images/annual-report/hero-bg.png) lightgray 50% / cover no-repeat; background-color: #2E3192; background-blend-mode: multiply;
}
	
	#hero-top {height: 100vh; display: flex; align-items: center; position: relative; top: 0; left: 0; width: 100%;}
		#hero-top-content {padding: 0 50px;}
			#hero-top h1 {font-weight: 400; font-size: 125px; letter-spacing: -5px; padding: 0; margin: 0; line-height: 1;}
			#hero-top h2 {font-weight: 800; font-size: 149px; letter-spacing: 0; padding: 0; margin: 0; line-height: 1;}
			#hero-top h3 {font-weight: 400; font-size: 28px;}

		#icon-scroll {position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%);}
			#icon-scroll:hover {opacity: 0.5;}

	#highlights {top: 100vh; left: 0; width: 100%;}
		#highlights img.logo-icon {position: relative; margin-top: 50px; left: -10px; max-width: 60%; height: auto;}
		#hightlights-content {padding: 0 50px;}
			#highlights h2 {
				font-size: 20px; font-weight: 700; margin: 80px 0; text-transform: uppercase; letter-spacing: 10%; font-family:"Montserrat", sans-serif;
			}
			#highlight-numbers {display: flex; flex-wrap: wrap;}
				#highlight-numbers li {width: calc(33.333% - 40px); margin: 0 40px 140px 0;}
					#highlight-numbers li .icon-holder {height: 120px; margin: 0 0 15px 0; text-align: left; display: flex; align-items: center;}
						#highlight-numbers li .icon-holder img {height: auto; width: auto; object-fit: contain; margin: 0; display: block;}
					#highlight-numbers h3 {font-size: 68px; font-weight: 800;}
					#highlight-numbers p {font-size: 32px; font-style: italic;}


/*-----------------------------------------------------------------------------------*/
/* BLOCKS
/*-----------------------------------------------------------------------------------*/

/* board of directors */
.board-of-directors {padding: 80px 0;}
	.board-of-directors h2 {
		color: rgba(46, 49, 146, 1); font-size: 20px; font-weight: 700; margin: 0 0 20px 0; text-transform: uppercase; letter-spacing: 10%; font-family:"Montserrat", sans-serif;
	}
	.board-of-directors ul {display: flex; flex-wrap: wrap; width: calc(100% + 50px); margin: 0 -25px;}
		.board-of-directors ul li {width: calc(20% - 50px); margin: 25px;}
			.board-of-directors ul li .board-photo {height: 260px; max-width: 260px; width: 100%; margin: 0 0 20px 0;}
				.board-of-directors ul li .board-photo img {width: 100%; height: 100%; object-fit: cover;}
			.board-of-directors h3 {font-size: 16px; font-weight: 700; margin: 0; padding: 0;}
			.board-of-directors h4 {font-size: 16px; font-weight: 400; margin: 0; padding: 0 0 20px 0;}
			.board-of-directors p {font-size: 16px; font-style: italic; margin: 0; padding: 0;}

/* message from slider */
.message-from {padding: 80px 0; background: url(../images/annual-report/message-from-bg.png) no-repeat center top / 100% auto;}
	.message-from .message-from-top h2 {
		color: rgba(46, 49, 146, 1); font-size: 20px; font-weight: 700; margin: 0 0 20px 0; text-transform: uppercase; letter-spacing: 10%; font-family:"Montserrat", sans-serif;
	}
	.content-slider-carousel {margin-top: 100px;}
		.message-from .item {display: flex; column-gap: 80px; align-items: flex-start; flex-wrap: wrap;}
			.message-from .slide-text {width: calc(50% - 40px); margin-left: -40px; padding: 0 0 40px 40px;}
				.message-from .slide-text h2 {font-weight: 400; margin-bottom: 30px;}
				.message-from .slide-text h3 {font-weight: 400;}
				.message-from .slide-text p {line-height: 1.5}
			.message-from .slide-photo {width: calc(50%);}
				.message-from .slide-photo img {width: 100%; height: 100%; display: block; object-fit: cover;}
	.content-slider-carousel .owl-nav {position: absolute; left: 0; bottom: -40px; z-index: 5; display: flex; gap: 10px;}
	.content-slider-carousel .owl-nav button {position: static;}
	.content-slider-carousel .owl-nav button:hover {opacity: 0.8;}

/* blockquote */
.blockquote {padding: 100px 0;}
	.blockquote .container {max-width: 1040px;}
		.blockquote blockquote {padding: 0 0 0 120px; margin: 25px 0; background: url(../images/annual-report/icon-quote-left.svg) no-repeat left center / 55px 44px;}
			.blockquote blockquote p {border-left: solid 4px rgba(0, 167, 157, 1); font-size: 32px; padding: 5px 0 5px 40px; margin: 0; line-height: 1.5;}
		.blockquote-author {font-size: 20px; font-weight: 700; margin: 40px 0 20px 164px; text-transform: uppercase; letter-spacing: 10%; font-family:"Montserrat", sans-serif;}

/* text split */
.text-split {padding: 80px 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);}
	.text-split .container {max-width: 1260px;}
		.text-split h2 {
			color: rgba(46, 49, 146, 1); font-size: 20px; font-weight: 700; margin: 0 0 20px 0; text-transform: uppercase; letter-spacing: 10%; font-family:"Montserrat", sans-serif;
		}
		.text-split .two-columns {columns: 2 30ch; column-gap: 80px;}

/* photo / text split */
.photo-text-split {padding: 80px 0;}
	.photo-text-split .container {display: flex; align-items: stretch; column-gap: 80px;}
		.split-photo {width: 50%; min-height: 0; max-height: 720px;}
			.split-photo img {object-fit: cover; width: 100%; height: 100%; display: block;}
		.split-text {width: 50%; padding: 30px 0 15px 0;}
			.split-text h2 {font-weight: 400;}
			.split-text h3 {font-weight: 400;}
		/* photo right */
		.split-right .split-photo {order: 2;}
		.split-right .split-text { order: 1;}

/* mid hero */
.mid-hero {background: #2E3192; color: #fff; overflow: hidden;}
	.mid-hero .container {display: flex; flex-wrap: wrap; position: relative; }
		.mid-hero-left {width: 33.333%; padding-right: 40px;}
			.mid-hero-quote {margin: 80px 0;}
				.mid-hero-quote blockquote {
					font-size: 25px; font-style: italic; 
					border-left: solid 4px rgba(0, 167, 157, 1); padding: 0 0 0 20px; margin: 0; line-height: 1.5;
				}
			.mid-hero-stats {margin: 80px 0 0 0; border-left: solid 4px rgba(0, 167, 157, 1); padding: 0 0 0 20px;}
				.mid-hero-stats h3 {font-size: 54px; font-weight: 800; padding: 0; margin: 0;}
				.mid-hero-stats p {font-size: 24px; font-style: italic;}
		.mid-hero-right {width: 66.666%; padding: 80px 0 0 40px;}
			.mid-hero-right h2 {font-weight: 400; font-size: 32px; padding: 0; margin: 0 0 30px 0;}
			.mid-hero-right h3 {font-weight: 400;}
	.mid-hero .logo-icon {position: relative; left: 80px; bottom: -30px; margin-top: -50px; transform: rotate(-90deg); width: 310px;}

/* photo carousel */
.photo-slider-carousel {position: relative;}
.photo-slider-carousel, 
.photo-slider-carousel .owl-stage-outer, 
.photo-slider-carousel .owl-stage, 
.photo-slider-carousel .owl-item, 
.photo-slider-carousel .item,
.photo-slider-gradient {
	height: 100vh; max-height: 720px;
}
.photo-slider-carousel .item {position: relative; overflow: hidden;}
	.photo-slider-carousel .owl-item img, .photo-slider-carousel.owl-carousel .owl-item img {width: 100%; height: 100%; object-fit: cover; display: block;}

	.photo-slider-gradient {position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}

	.slider-inner {z-index: 2; position: absolute; left: 80px; bottom: 80px; width: 50%; max-width: 680px;}
		.slider-inner h2 {font-weight: 400; color: #fff;}

.photo-slider-carousel .owl-nav {position: absolute; right: 50px; bottom: 50px; z-index: 5; display: flex; gap: 10px;}
	.photo-slider-carousel .owl-nav img {width: 41px; height: 41px; display: block;}
	.photo-slider-carousel .owl-nav button {width: 41px; height: 41px; padding: 0; border: 0; background: none;}
	.photo-slider-carousel .owl-nav button:hover {opacity: 0.8;}

/* financials */
.financials {padding: 80px 0;}
	.financials h2 {
		color: rgba(46, 49, 146, 1); font-size: 20px; font-weight: 700; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 10%; font-family:"Montserrat", sans-serif;
	}
	.financials-date {font-size: 18px; font-style: italic;}

	.finances-table {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: solid 3px #000; margin: 50px 0 0 0;}
		.finances-table tr th {text-align: right; text-transform: uppercase; font-weight: bold; border-bottom: solid 1px #000; padding: 40px 0 12px 0;}
			.finances-table tr th:first-of-type {text-align: left; border-bottom: solid 1px #000;}
			.finances-table tr.current-row th {font-weight: 400; padding: 12px 0;}
		.finances-table tr td {text-align: right; border-bottom: solid 1px #000; padding: 12px 0;}
			.finances-table tr td:first-of-type {text-align: left; border-bottom: solid 1px #000;}
			.finances-table tr.currency-symbol-row td {border-bottom: solid 3px #000; }
			.finances-table tr.year-row td {font-weight: bold;}
			.finances-table tr.total-row td {font-weight: bold; border-top: solid 2px #000; border-bottom-width: 1px; }
			.finances-table tr.grand-total-row td {font-weight: bold; border-top: solid 2px #000; border-bottom-width: 3px; }
		
@media only screen and (max-width: 1600px) {

	.board-of-directors ul li {width: calc(25% - 50px);}

}


@media only screen and (max-width: 1199px) {

	#highlight-numbers h3 {font-size: 64px;}
	#highlight-numbers p {font-size: 28px;}

	/* board of directors */
	.board-of-directors ul li {width: calc(33.33% - 50px);}
	
	/* photo carousel */
	.slider-inner {width: calc(100% - 160px); max-width: 100%;}
		.slider-inner h2 {font-size: 32px;}

}


@media only screen and (max-width: 1023px) {

	.container, #hero-top-content {padding-left:25px; padding-right:25px;}
	
	#header {padding: 20px 25px 20px 25px;}
		#header-nav {right: 25px; top: 40px;}
		#menu-close {right: 25px; top: 25px}
	
	#hero-top h1 {font-size: 96px; letter-spacing: -4px;}
	#hero-top h2 {font-size: 72px; margin: 15px 0;}
	#hero-top h3 {font-size: 24px;}

	#hightlights-content {padding: 0 25px;}
	#highlight-numbers li {width: calc(50% - 40px); margin-bottom: 80px;}

	/* message from slider */
	.message-from h2 br {display: none;}
	.content-slider-carousel {margin-top: 25px;}
		.message-from .item {column-gap: 50px;}
			.message-from .slide-text {width: calc(50% - 25px);}
				.message-from .slide-text h3 {font-size: 24px;}
			.message-from .slide-photo {width: calc(50% - 25px);}
	.content-slider-carousel .owl-nav {bottom: 0;}
		.content-slider-carousel .owl-nav img {width: 32px; height: 32px;}
		.content-slider-carousel .owl-nav button {width: 32px; height: 32px;}
	
	/* blockquote */
	.blockquote blockquote {padding: 0 0 0 105px;}
		.blockquote blockquote p {font-size: 24px; padding-right: 20px; }
	.blockquote-author {margin-left: 149px;}

	/* photo / text split */
	.photo-text-split .container {flex-wrap: wrap;}
		.split-photo {width: 100%; min-height: 0; max-height: auto;}
		.split-text {width: 100%; padding: 30px 0 15px 0;}
		/* photo right */
		.split-right .split-photo {order: 1;}
		.split-right .split-text { order: 2;}

	/* mid hero */
	.mid-hero-quote blockquote {font-size: 21px;}
	.mid-hero-stats {margin: 50px 0 0 0;}
		.mid-hero-stats h3 {font-size: 48px;}
		.mid-hero-stats p {font-size: 21px;}
	.mid-hero-right {padding-top: 50px;}
		.mid-hero-right h2 {font-size: 28px;}
	.mid-hero .logo-icon {left: 0; max-width: 60%;}

	/* photo carousel */
	.slider-inner {left: 25px; bottom: 80px; width: calc(100% - 50px);}
		.slider-inner h2 {font-size: 24px;}
	.photo-slider-carousel .owl-nav {right: 25px; bottom: 25px;}
		.photo-slider-carousel .owl-nav img {width: 32px; height: 32px;}
		.photo-slider-carousel .owl-nav button {width: 32px; height: 32px;}

}


@media only screen and (max-width: 999px) {
	
	/* message from slider */
	.message-from .slide-text {width: 100%; order: 2;}
	.message-from .slide-photo {width: 100%; order: 1; margin-bottom: 25px;}

}


@media only screen and (max-width: 768px) {
	
	.split-text h2 {font-size: 28px;}
	.split-text h3 {font-size: 21px;}
	
	#header-nav {right: 25px; top: 40px;}
	
	#footer .footer-top {padding-bottom: 25px;}
	#footer .footer-bottom { display:block; }
		#footer .footer-bottom p { margin: 0; width: 100%; text-align: center; }
		#footer .footer-bottom ul { margin:10px 0 0 0; width: 100%;}
			#footer .footer-bottom ul li {text-align: center; width: 100%; margin: 5px 0 0 0;}
	
	#hero-top h1 {font-size: 96px; letter-spacing: -4px;}
	#hero-top h2 {font-size: 72px; margin: 15px 0;}
	#hero-top h3 {font-size: 24px;}
	
	#highlights {padding-bottom: 40px;}
		#highlights h2 {margin-bottom: 60px;}
		#highlight-numbers li {margin-bottom: 40px;}
			#highlight-numbers h3 {font-size: 60px; margin-bottom: 5px;}
			#highlight-numbers p {font-size: 24px;}

	/* board of directors */
	.board-of-directors ul li {width: calc(50% - 50px);}
	
	/* blockquote */
	.blockquote blockquote {padding: 0 0 0 60px; margin: 25px 0; background-size: 32px auto; background-position: left 7px;}
		.blockquote blockquote p {border-left: none; padding: 0; font-size: 21px;}
	.blockquote-author {font-size: 18px; margin-left: 60px;}
	
	/* mid hero */
	.mid-hero .container {display: flex; flex-wrap: wrap; position: relative; }
		.mid-hero-left {width: 100%; padding-right: 0;}
		.mid-hero-right {width: 100%; padding-left: 0;}
	.mid-hero-right {padding-top: 25px;}
	.mid-hero .logo-icon {margin-top: 25px; width: 200px;}

	/* photo carousel */
	.photo-slider-gradient {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
	.photo-slider-carousel .slider-inner {bottom: 25px;}
	.photo-slider-carousel .owl-nav {top: 25px; right: 25px; bottom: inherit;}

}


@media only screen and (max-width: 639px) {

	#header .logo img {width: 180px; height: auto;}
	
	#header-nav {right: 25px; top: 32px;}
		#header-nav ul li {font-size: 14px;}
		#header-nav ul li:first-of-type {display: none;}
		#header-nav ul li:last-of-type {border: none; right: 25px;}
		#header-nav img {width: 32px; height: auto;}
		
	#hero-top h1 {font-size: 64px; letter-spacing: -3px;}
	#hero-top h2 {font-size: 48px;}

	#highlight-numbers li {width: 100%; margin: 0 0 40px 0;}
	
	/* board of directors */
	.board-of-directors ul {width: 100%; margin: 0;}
		.board-of-directors ul li {width: 248px; margin: 20px auto;}
	
	/* photo carousel */
	.photo-slider-carousel, 
	.photo-slider-carousel .owl-stage-outer, 
	.photo-slider-carousel .owl-stage, 
	.photo-slider-carousel .owl-item, 
	.photo-slider-carousel .item,
	.photo-slider-gradient {
		max-height: 480px;
	}
	.slider-inner h2 {font-size: 18px;}
	
}


@media only screen and (max-width: 499px) {

	/* blockquote */
	.blockquote blockquote p {font-size: 18px;}
	.blockquote-author {font-size: 16px;}

	/* photo carousel */
	.photo-slider-carousel, 
	.photo-slider-carousel .owl-stage-outer, 
	.photo-slider-carousel .owl-stage, 
	.photo-slider-carousel .owl-item, 
	.photo-slider-carousel .item,
	.photo-slider-gradient {
		max-height: 400px;
	}
	
}