@import "fonts.css";

.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */

html, body {font-family: "TexgyreRegular", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; scroll-behavior: smooth;}
html {font-size:18px;}

.bold {font-weight:bold;}
.blue, p.blue, .article  p.blue h3.blue {color:#009BCE;}
.darkblue, p.darkblue, .article  p.darkblue {color:#004282 !important;}
.gray, p.gray, .article  p.gray {color:#92969c;}
.black {color:#231f20 !important;}
.white {color:#ffffff !important;}
.img-responsive {max-width:100%; height: auto;}
h1, h2, h4, h5, .highlight-table .highlight, .header-textline strong {font-family: "TexgyreBold", Arial, sans-serif;}
.font-MetaNormal, .sidebar, .right-sidebar, .footer-copyright {font-family: "Meta Normal", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
h3, p, .page-title, .link-border a, .menu-items {font-family: 'TexgyreRegular', Arial, sans-serif;}
hr {border-top: 1px solid #009BCE;}

h1, .h1 {font-size:1.25rem; line-height:1.5; color:#004282; font-weight:bold; margin-bottom:1rem; letter-spacing:0.125rem;}
h2, .h2 {font-size:1.125rem; line-height:1.5; color:#004282; font-weight:bold; margin-bottom:2rem; letter-spacing:0.025rem;}
h3, .h3 {font-size:1.125rem; line-height:1.25; color:#004282; font-weight:bold; margin:0; margin-bottom: 1rem; letter-spacing:0.125rem;}
h4 {font-size:1.5rem; line-height:1.5; color:#004282; font-weight:bold; margin:0; margin-bottom: 0rem; letter-spacing:0.05rem;}
h5 {font-size:0.85rem; line-height:1.5; color: #009BCE; font-weight:bold; margin:1.25rem 0; letter-spacing:0.05rem;}
h6 {font-size:0.85rem; line-height:1.25; color: #009BCE; font-weight:bold; margin-bottom: 1rem; letter-spacing:0.025rem;}
h6.white {color:#ffffff; line-height:1.55rem;}
p {font-size:0.85rem; color:#231f20; line-height:1.65; margin-bottom: 1.25rem; border-color: #231f20;}
p strong, li strong {font-family: "TexgyreBold", Arial, sans-serif;}
sup {vertical-align: super; font-size: smaller; padding: 0 0.125rem;}
.remarks {margin-top: 0.75rem; margin-bottom: 0.75rem;}
.nowrap {white-space: nowrap; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;}
a {color:#004282; text-decoration: none;}
.i {font-style: italic; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;}
strong {font-weight:bold; font-family: inherit; font-size: inherit; line-height: inherit;}

section {float: left; margin-bottom: 2.25rem;}
.container {max-width: 1270px; min-height: 1px; margin:0 auto; padding-left: 0; padding-right: 0;}
.container.transparent {background:transparent;}
.flex-container {max-width: 1270px; margin:0 auto; display: flex; flex-direction: row;}
.col {float: left; padding-right: 20px;}
.col.last {margin-right:0;}
.col-1 {width:8.333%;}
.col-2 {width:16.666%;}
.col-3 {width:25%;}
.col-4 {width:33.333%;}
.col-5 {width:41.666%;}
.col-6 {width:50%;}
.col-7 {width:58.333%;}
.col-8 {width:66.666%;}
.col-9 {width:75%;}
.col-10 {width:83.333%%;}
.col-11 {width:91.666%;}
.col-12 {width:100%;}

.w50p {width:50%;}
.w65p {width:65%;}
.no-margin{margin:0 !important;}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-01 {padding-bottom: 1px !important;}
.pl-0 {padding-left: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: 1rem !important;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.max-full {max-width: 100% !important;}

/* Navigation */
.nav {position:fixed; top:0; display:block; width:100%; z-index:5;}
.nav-container {margin:0 auto; position:relative;}
.nav-upper {background-color: #FFFFFF; max-height: 205px;}
.logo {width: auto; height: 95px; float:left; margin: 3rem 0 1rem 5.5rem;}
.logo img {display:inline-block; max-width:177px;}
.header-textline {font-size:15px; line-height:1.5; color:#004282; float: left; margin: 62px 30px 0 0;}
.header-textline a {color:#004282;}
.nav-top-action { float:left; width: 16px; margin-top: 62px; transition:.2s linear;}
.header-right-block { float: right; padding-top: 3rem; display: flex; align-items: center; padding-right: 40px; font-size: 0.875rem;}
.header-right-block a { color:#004282; margin-left: 20px; line-height: 18px;text-decoration: none;}
.header-right-block a:hover,
.header-right-block a.active,
.header-right-block #sharing.open { color:#009BCE;}
.header-lower-block {width: 100%; display: inline-block;}
.header-lower-right {margin-left: 10rem; border-bottom: 2px solid #004282;}

.menu-icon {padding-right: 5px; width: 1.25rem; vertical-align: bottom;}

#menu{width:16px;height:16px;display:block;cursor:pointer;-webkit-transform:rotate(0);transform:rotate(0);z-index:30}
#menu span{content:'';background-color:#004282;display:block;width:100%;height:2px;position:absolute;left:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#menu span:nth-child(1){top:5px;-webkit-transform-origin:left center;transform-origin:left center}
#menu span:nth-child(2){top:10px;-webkit-transform-origin:left center;transform-origin:left center}
#menu span:nth-child(3){top:15px;-webkit-transform-origin:left center;transform-origin:left center}
.nav-container.open #menu span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:3px}
.nav-container.open #menu span:nth-child(2){width:0%;opacity:0}
.nav-container.open #menu span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:16px;left:3px}

.nav .nav-body {padding:42px 0; display:none; background:rgba(0,66,130, 0.90); width:100%; height: 100vh; position:relative;}
.menu-items {width:100%; padding-left: 21.5%;height: 75px;}
.menu-items .active>a {color:#FFFFFF; font-weight:bold;}
.menu-items>li {width: 125px; height: 100%; float: left; padding: 0 30px 0 10px; position: relative;}
.menu-items li {border-left: 1px solid #009BCE;}
.menu-items li a {display:block; font-size:0.875rem; line-height:1.5; color:#A7A9AC;}
.menu-items li a:hover, .menu-items li a.active {font-weight: bold; color:#FFFFFF;}
.menu-items .menu-sub-items {padding-top: 2rem;}
.menu-sub-items li {font-family: "Meta Normal", Arial, sans-serif; font-weight: normal; margin:20px 0 0; border: none;}
.menu-sub-items li a {font-size:0.85rem; line-height:1.5; color:#A7A9AC; margin-bottom:0; letter-spacing:0.05rem; text-transform:initial; position: relative;}
.menu-sub-items li a.active{color:#FFFFFF; font-weight:bold;}
.menu-sub-items li a:hover:before {border-color: #FFFFFF}
.menu-sub-items li a.active:before {border-color: #FFFFFF}

/* Sharing menu */
.nav .share-body {padding:38px 0; display:none; background:rgba(255,255,255, 0.95); width:100%; height: auto; position:relative;}
.nav .share-body .container {display: flex; width: 100%;}
.nav .share-body .menu-items li {color:#231f20;}
.nav .share-body .menu-items li:hover {color:#009BCE;}
.nav .share-body .menu-items>li {width: auto; cursor: pointer;}
.nav .share-body .menu-items {width: auto; margin-left: auto; margin-right: 10px; padding: 0;}

/* Body */
.main-body {min-height:350px; padding-left: 10rem; margin: 0 auto;}
.main-body.full-height {height: 100vh; margin: 0 auto;}
.main-image {width: 100%; height: 100vh; background-repeat: no-repeat; background-position-x: right; background-position-y: 130px;}

.page-wrap {padding-top: 188px;}
.content-full {float: left; width: 100%; max-width: 1270px; min-height: calc(100vh - 16rem);}
.ar-col {padding: 0; padding-bottom: 2rem;}
.cover-image {float: left; padding-right: 35%; padding-bottom: 0.5rem;}
.cover-image img {width: 100%; height: auto; border: 1px solid #231f20;}
.cover-image {/*background-image: url('../images/cover-hover.png'); background-size: 75%; background-repeat: no-repeat;*/}
.cover-image:hover img {opacity: 0.75; border: 1px solid #009BCE;}
.cover-image:hover .cover-years h4 {color: #009BCE; text-decoration: none;}
.cover-image:hover a {text-decoration: none;}
.cover-years h4 {text-align: center;}
.content-ctr {text-align: center; justify-content: center;}

.content-wrap {width: 78.5%; max-width: 78.5%;}
.content {background-color: #FFFFFF; padding: 30px 0px 20px 0px;}
.full-content {padding: 0px 0 0 40px;}
.page-header {display: inline-block; width: 100%; position: sticky; top: 188px; z-index: 10; padding-top: 1.875rem; padding-bottom: 2.25rem; margin-bottom: 1px; background-color: #fff;}

/* footer */
.footer {padding: 40px 0px; background-color: #FFFFFF;}
.footer-copyright {float: right; padding-right: 40px;}
.footer-copyright a, .footer-copyright span{color: #231916; font-size: 14px;}
.footer-copyright a:hover, .footer-copyright a.active {color: #009BCE;}

#btn-goto-top {position: fixed; bottom: 36px; width: 35px; height: 35px; margin-left: 1235px; cursor: pointer;}
/*#btn-goto-top {position: sticky; float: right; bottom: 36px; width: 35px; height: 35px; cursor: pointer;}*/
#btn-goto-top img, #mobile-top img {width:35px; height: auto;}

.showMobile{display: none !important;}

/* coming soon */
.img-ctr {display: block; margin: 0 auto;}
.coming h1 {font-size: 3rem; letter-spacing: 0.25rem;}
.coming-logo {width: 10rem; max-width: 10rem; margin-bottom: 8vh;}
.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}
.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}
.modal-block {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 99;
	max-width: unset;
	box-sizing: border-box;
	background: transparent;
	padding: 30px;
	text-align: left;
}

@media (max-width:1270px) {
  .menu-items {padding-left: 40px;}
  .menu-items>li {padding: 0 10px;}
  .nav .share-body .menu-items {margin-right: 30px;}
}
@media (max-width:996px) {
	html.noscroll {overflow: hidden;}
	.content-wrap {width: 80%;}
	.menu-items {padding-left: 40px;}
	.menu-items>li {padding: 0 10px;width: 105px; color: #ffffff;}
	.menu-items>li:last-child {border-bottom: none;}
	.menu-items.add-on .menu-icon {padding-right: 8px; vertical-align: middle;}
	.menu-items.add-on {padding-top: 0; padding-bottom: 5rem;}
	.menu-items.add-on div.sharing {display: inline-block; padding-left: 0.75rem;}
	.menu-items.add-on .sharing .menu-icon {padding-right: 0px;}
	.menu-items.add-on div.sharing.first {border-left: 1px solid #ffffff; margin-left: 0.75rem;}
	.menu-items.add-on .showMobile {display: block;}
	.menu-items.add-on > li:first-child {border-top: 1px solid #009BCE;}
	.header-right-block, .share-group {display: none;}
	#btn-goto-top {display: none;}
	#mobile-top {position: fixed; bottom: 45px; right: 0; opacity: 1;}

	.cover-image {padding-right: 25%;}

}

@media (max-width:768px) {
	h1, .h1, .keyheader {font-size: 1.25rem; line-height: 1.5;}
	h1.small {font-size: 1.5rem;}
	h2 {font-size: 1rem; margin-bottom: 1rem;}
	h3 {font-size: 1.125rem; margin-top: 0.0rem;}
	h4 {font-size: 1.25rem; padding-top: 0.75rem;}
	h5 {margin-top: 0.5rem;}
	h6 {margin-bottom: 1.5rem;}
	img {max-width: 100%;}
	h2.mb-0 {margin-bottom: 1rem !important;}

	.hideMobile {display: none;}
	.showMobile {display: block !important;}

	.logo{ margin: 1rem 0 1.75rem 1.5rem; max-width: 150px; height: auto;}
	.logo a {display:block;}
	.logo img {display:inline-block; max-width:150px;}

	.header-textline{ font-size: 14px; line-height: 18px; margin: 45px 10px 0 0;}
	.header-right-block{ display: none; }
	.nav-top-action{float: right; width: 30px; margin-top: 42px; margin-right: 26px;}
	.nav-container{min-height: unset;}
	#menu {width: 36px; height: 40px;}
	#menu span:nth-child(1) {top: 5px;}
	#menu span:nth-child(2) {top: 15px;}
	#menu span:nth-child(3) {top: 25px;}
	#menu span {height: 3px;}
	.nav-container.open #menu span:nth-child(3) {top: 30px;}

	.nav .nav-body{position: absolute; width: 100%; height: calc(100vh - 110px); padding: 10px 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
	.nav-upper {max-height: 130px; border-bottom: 2px solid #004282;}
	.menu-items {padding-left:20px;height: auto;}
	.menu-items li a {color: #FFFFFF;}
	.menu-items>li {float:none;width:100%;border-left:none;border-bottom:1px solid #009BCE;padding:10px 0px;}
	.menu-items .menu-sub-items {padding-top: 0.125rem;}
	.menu-items .menu-sub-items a {display: block; padding-left: 24px; background:url('../images/icon-arrow-white.png') center left no-repeat; font-size: 0.89rem; line-height: 1.25;}
	.menu-sub-items li {margin:15px 0 0;}

	.content{padding: 10px 1.5rem;}
	.full-content{padding:0;}

	.main-image{display: none;}
	.main-body{padding: 0;}

	.content-wrap{width:100%; max-width: 100%;}
	.page-wrap {padding-top: 130px; min-height: calc(100vh - 130px);}

	.page-header {top: 130px; padding: 1rem 0;}
	.cover-image {padding-right: 20%;}

	.footer{padding: 40px 20px}
	.footer-copyright{padding-right: 0; line-height: 1.5;}

	/* coming soon */
	.coming h1 {font-size: 2rem; letter-spacing: 0.25rem;}
	.coming-logo {width: 10rem; max-width: 10rem; margin-bottom: 6vh;}

}

@media (max-width:540px) {
	h1 {font-size: 1.125rem;}
	h3 {font-size: 1rem;}

	/* coming soon */
	.coming-logo {width: 10rem; max-width: 10rem; margin-bottom: 5vh;}

}

@media (max-width:360px) {
	.logo {}
}