/*
Theme Name: Clicks Group
Theme URI: 
Author: Kali
Author URI: http://ninepoint.cc
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ----------------------------- 
Theme Basics 
----------------------------- */

/* =Structure */
html {
	height: 100%;
}
body {
	background: #fff;
	height: 100%;
}
#page {
	background: #fff;
	min-height: 100%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* =Global */
body, input, textarea {
	color: #000000;
	font-size: 16px; 
	font-family:"itc-avant-garde-gothic-pro";
	font-weight: 300;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 5px;
}

/* Media */
.entry-content img,
.comment-content img,
.widget img {
	max-width:100%;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; 
}
img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; 
	height: auto;
}
embed,
iframe,
object {
	max-width: 100%;
}

/* Text elements */
ul, ol {
	margin: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}

/* Links */
a {
	color: #849698;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* =Menu */
.topmenu {
}
.topmenu li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 40px;
	padding: 0 0 8px 0;
}
.topmenu a:link, .topmenu a:visited {
	font-size: 13px;
	line-height: 17px;
	color: #003760;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.2em;
}
.topmenu li.menu-item-has-children a:link, .topmenu li.menu-item-has-children a:visited {
  padding: 0 18px 8px 0;
}
.topmenu li.menu-item-has-children::after {
	content: '';
	display: block;
	width: 0;
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #003760;
	position: absolute;
	top: 6px;
	right: 0;
}
.topmenu li.menubtn a:link, .topmenu li.menubtn a:visited {
	display: block;
	font-weight: 700;
	background-color: #1db4e0;
	padding: 8px 16px;
	border-radius: 20px;
	letter-spacing: 0.1em;
	color: #FFF;
}
.mainmenu {
}
.mainmenu li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0;
	border-bottom: 7px solid #FFF;
	transition: 0.3s linear;
	margin-left: 24px;
}
.mainmenu li.menu-item-has-children::after {
	content: '';
	display: block;
	width: 0;
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #003760;
	position: absolute;
	top: 10px;
	right: 0;
}
.mainmenu a:link, .mainmenu a:visited {
	display: block;
	font-weight: 500;
	font-size: 17px;
	line-height: 21px;
	color: #003760;
	text-decoration: none;
	transition: 0.3s linear;
	padding: 0 0 8px 0;
}
.mainmenu li.menu-item-has-children a:link, .mainmenu li.menu-item-has-children a:visited {
	padding: 0 18px 8px 0;
}
.mainmenu li:hover, .mainmenu > li.current_page_item.menu-item-has-children,  .mainmenu > li.current-page-parent {
	border-bottom: 7px solid #7fb543;
}
.mainmenu ul, .topmenu ul {
	display: none;
	position: absolute;
	background-color: #FFF;
	top: 36px;
	left: -36px;
	box-sizing: border-box;
	padding: 24px 18px 18px;
	/* width: 260px; */
	width: 281px;
	box-shadow: #d4d4d4 0px 1px 2px 1px;
	z-index: 3000;
}
.topmenu ul {
	top: 25px;
	width: 220px;
}
.mainmenu ul li, .topmenu ul li {
	display: block;
	padding: 0;
	margin: 0 0 5px 0;
	border: 0px;
	text-align: left;
}
.mainmenu li.menu-item-has-children ul.sub-menu a:link, .mainmenu li.menu-item-has-children ul.sub-menu a:visited, .topmenu li.menu-item-has-children ul.sub-menu a:link, .topmenu li.menu-item-has-children ul.sub-menu a:visited {
	display: block;
	padding: 6px 18px;
	font-weight: 300;
	font-size: 17px;
	line-height: 21px;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
}
.mainmenu ul li:hover {
	border: 0px;
}
.mainmenu ul a:hover, .topmenu ul a:hover {
	background-color: #e9f6fa;
}
.mainmenu li:hover > ul, .topmenu li:hover > ul {
	display: block;
}


/* 404 */
.result-404 { text-align: center; }
.result-404 .entry-title { color: #003760;padding-top: 10vw; font-size: 30px; }
.result-404 .entry-content { padding: 50px 0 15vw; font-size: 17px; }

/* Fonts */
@font-face {
  font-family: 'Socicon';
  src: url('fonts/socicon.ttf') format('truetype'), url('fonts/socicon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
[class^="socicon-"],
[class*=" socicon-"] {
  font-family: 'Socicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.socicon-linkedin:before {
	content: "\e04c";
}
.socicon-facebook:before {
	content: "\e028";
}
.socicon-twitter:before {
	content: "\e08d";
}
.socicon-instagram:before {
	content: "\e044";
}
.socicon-youtube:before {
	content: "\e0a5";
}

/* ----------------------------- 
Theme Custom 
----------------------------- */
p {
	line-height: 28px;
	margin-bottom: 25px;
}
.ibvtop {
	display: inline-block;
	vertical-align: top;
}
.ibvmid {
	display: inline-block;
	vertical-align: middle;
}
.ibvbtm {
	display: inline-block;
	vertical-align: bottom;
}
.stdlink a {
	color: inherit;
	text-decoration: none;
}
.stdh {
	position: relative;
	padding: 26px 100px 0 5%;
	text-align: justify;
	font-size: 0;
}
.stdh::after {
	content: '';
	display: inline-block;
	width: 100%;
}
.hlogo {
}
.hlogo img {
	width: 247px;
	max-height: 56px;
}
.hright {
}
.hr-top {
	text-align: right;
	padding-bottom: 7px;
}
.hsearch {
	position: relative;
	color: #727272;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 0 24px 8px 0;
	cursor: pointer;
}
.hsearch::after {
	content: '';
	position: absolute;
	top: -1px;
	right: 0;
	background-image: url('images/icon-search.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 18px;
	height: 20px;
}
.searchbox {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 10;
	box-sizing: border-box;
	background-color: #FFF;
	padding: 30px 4% 0;
}
.searchboxw {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}
.searchbox #searchform {
	position: relative;
}
.searchbox #s, .hmenu #s {
	width: calc(100% - 40px);
	color: #727272;
	background-color: transparent;
	border: 0px;
	box-shadow: none;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 4px 40px 4px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #727272;
}
.searchbox #s::-moz-placeholder, .hmenu #s::-moz-placeholder {
	opacity: 1;
}
.searchbox #s::-webkit-input-placeholder, .hmenu #s::-webkit-input-placeholder {
	color: #727272;
}
.searchbox #searchsubmit, .hmenu #searchsubmit {
	position: absolute;
	top: 0;
	right: 40px;
	background-image: url('images/icon-search.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 23px;
	height: 25px;
	background-color: transparent;
	border: 0px;
	box-shadow: none;
	cursor: pointer;
}
.searchbox-close {
	position: absolute;
	top: 2px;
	right: 0;
	height: 22px;
	width: 22px;
	cursor: pointer;
}
.searchbox-close::before, .searchbox-close::after {
	position: absolute;
	content: '';
	display: block;
	top: -12px;
	border-bottom: 2px solid #727272;
	width: 25px;
	height: 25px;
}
.searchbox-close::before {
	left: -12px;
	transform: translateZ(1px) rotate(-45deg);
}
.searchbox-close::after {
	left: 6px;
	transform: translateZ(1px) rotate(45deg);
}
.hr-btm {
	padding: 15px 0 0;
	border-top: 1px solid #dfdfdf;
}
.floath {
	display: none;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 2000;
	box-sizing: border-box;
	padding: 10px 3% 0;
	text-align: justify;
	background-color: #FFF;
	font-size: 0;
}
.floath::after {
	content: '';
	display: inline-block;
	width: 100%;
}
.floath .hr-btm {
	display: inline-block;
	vertical-align: middle;
	padding: 0 34px 0 0;
	border: 0px;
}
.floath .hr-top {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 5px;
}
.floath .searchbox {
	padding: 8px 4% 0;
}
.hmtog {
	display: none;
	width: 30px;
	cursor: pointer;
}
.hmtog div {
	background-color: #003760;
	height: 2px;
	margin: 5px 0;
}
.floath .hlogo {
	position: relative;
	top: -5px;
}
.floath .hlogo img {
	width: 160px;
}
.hmenu {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 7000;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 65px 40px 0;
	width: 320px;
}
.hmenuw {
	overflow-y: auto;
	box-sizing: border-box;
	padding-bottom: 30px;
}
.hmclose {
	position: absolute;
	top: 15px;
	right: 35px;
	z-index: 10;
	cursor: pointer;
	width: 24px;
	height: 24px;
}
.hmclose::before {
	content: '';
	display: block;
	width: 26px;
	height: 2px;
	background-color: #003760;
	transform: translateZ(1px) rotate(-45deg);
	position: relative;
	top: 12px;
	left: -2px;
}
.hmclose::after {
	content: '';
	display: block;
	width: 26px;
	height: 2px;
	background-color: #003760;
	transform: translateZ(1px) rotate(45deg);
	position: relative;
	top: 10px;
	left: -2px;
}
.stdtitle, .cntflx-content h2, .cntflx-content h1 {
	font-size: 42px;
	line-height: 46px;
}
.stdtxt {
}
.stdtxt h2 {
	color: #003760;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 21px;
	letter-spacing: 0.1em;
}
.stdtxt h3 {
	color: #003760;
	font-size: 29px;
	line-height: 39px;
}
.cntflx-content h5 a, .cvc-content h5 a, .prflban-intro h5 a, .invstfinc h5 a, .invstshblk-item h5 a, .sustnftr-txt h5 a, .govrn-intro h5 a {
	position: relative;
	display: inline-block;
	background-color: #003760;
	color: #FFF;
	padding: 22px 62px 22px 30px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-decoration: none;
	transition: 0.3s linear;
	margin-bottom: 10px;
}
.prflban-intro h5 a, .invstfinc h5 a, .invstshblk-item h5 a {
	margin-bottom: 0;
}
.cntflx-content h5 a:hover, .cvc-content h5 a:hover, .prflban-intro h5 a:hover, .invstfinc h5 a:hover, .invstshblk-item h5 a:hover, .sustnftr-txt h5 a:hover, .govrn-intro h5 a:hover {
	opacity: 0.8;
}
.cntflx-content h5 a::after, .cvc-content h5 a::after, .prflban-intro h5 a::after, .invstfinc h5 a::after, .invstshblk-item h5 a::after, .sustnftr-txt h5 a::after, .govrn-intro h5 a::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	top: 23px;
	right: 37px;
}
.cntflx-content h5 a::before, .cvc-content h5 a::before, .prflban-intro h5 a::before, .invstfinc h5 a::before, .invstshblk-item h5 a::before, .sustnftr-txt h5 a::before, .govrn-intro h5 a::before {
	content: '';
	display: block;
	width: 18px;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	top: 28px;
	right: 36px;
}
.cntflx-content h5 a:hover, .cntflx-content h5 a:focus {
	text-decoration: none;
}
.sensheader {
	position: fixed; 
	bottom: 0; 
	left: 0; 
	height: 65px;
	width: 100%; 
	z-index: 5000; 
	text-align: center; 
	background-color: #f7f7f7;
}
.sensheader iframe {
	width: 100%;
	position: absolute;
	top: 20px;
	left: 20px;
	width: calc(100% - 40px);
	height: auto;
}


/* home */
#home {
}
.hbanner {
	position: relative;
	margin-bottom: 130px;
}
.hbannerw {
	display: table;
	width: 100%;
}
.hb-slideshow {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding-top: 47%;
}
.hb-slideshow.hb-slsml {
	width: calc(73% - 10px);
	box-sizing: border-box;
	margin: 0 10px 0 0;
}
.hb-slideshow.hb-slsml .hslide {
	width: calc(100% - 10px);
}
.hslide {
	width: 100%;
	background-size: cover;
	background-position: 100% 50%;
	/*padding-top: 56.5%*/
	height: 100%;
}
.hsl-txt {
	position: absolute;
	bottom: 100px;
	left: 0;
	background-color: rgba(255, 255, 255, 0.93);
	width: 600px;
}
.hsl-txtw {
	padding: 60px 48px 60px 80px;
	color: #000;
	font-size: 16px;
	line-height: 28px;
}
.hsl-txtw h3 {
	font-weight: 500;
	color: #0055ad;
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 20px;
}
.hb-slnav {
	position: absolute;
	bottom: 100px;
	left: calc(600px - 112px);
	width: 112px;
	z-index: 1050;
	background-color: #0055ad;
	box-sizing: border-box;
	padding: 12px;
	color: #FFF;
	font-weight: 700;
}
.hb-slnav::before {
	content: '';
	width: 1px;
	height: 21px;
	background-color: #FFF;
	position: absolute;
	top: 12px;
	left: 56px;
	transform: translateZ(1px) rotate(30deg);
}
.hb-slnavl {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-right: 48px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
.hb-slnavl::after {
	content: '';
	display: block;
	height: 12px;
	width: 12px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	transform: translateZ(1px) rotate(-45deg);
	position: absolute;
	top: 4px;
	left: 1px;
}
.hb-slnavr {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
.hb-slnavr::after {
	content: '';
	display: block;
	height: 12px;
	width: 12px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	top: 4px;
	right: 1px;
}
.hb-slnavl::before, .hb-slnavr::before {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	background-color: #FFF;
	position: absolute;
	top: 10px;
	left: 0;
	opacity: 0.7;
}
.hb-results {
	display: table-cell;
	vertical-align: middle;
	width: 23%;
	box-sizing: border-box;
	background-color: #003760;
	position: relative;
}
.hb-resultsw {
	color: #FFF;
	padding: 20px 2% 5px 12%;
}
.hb-restitle {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
}
.hb-resdesc {
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 25px;
	max-width: 240px;
}
.hb-resitems {
}
.hb-resitem {
	z-index: 2;
	-webkit-transform: translate3d(0,0,0);
	margin-bottom: 20px;
}
.hb-resitem h4 {
	font-weight: 500;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 4px;
}
.hb-resitem p {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 3px;
}
.hbresi-val {
	font-size: 29px;
	line-height: 33px;
	margin-right: 12px;
}
.hbresi-indi {
	position: relative;
	width: 20px;
	height: 22px;
	text-align: center;
}
.hbresi-indi-up::before, .hbresi-indi-down::before {
	content: '';
	display: inline-block;
	background-color: #7fb543;
	width: 2px;
	height: 22px;
}
.hbresi-indi-up::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-top: 2px solid #7fb543;
	border-right: 2px solid #7fb543;
	transform: translateZ(1px) rotate(-45deg);
	position: absolute;
	top: 1px;
	left: 3px;
}
.hbresi-indi-down::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-bottom: 2px solid #7fb543;
	border-right: 2px solid #7fb543;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	bottom: 1px;
	left: 3px;
}
.hbresi-indi-none {
}
.hintro {
	padding: 0 4%;
	margin-bottom: 80px;
}
.hintrow {
	max-width: 940px;
	margin: 0 auto;
	text-align: center;
}
.hintro h2 {
	margin-bottom: 45px;
}
.hintro h3 {
	margin-bottom: 25px;
}
.hintro p {
	color: #000;
	line-height: 30px;
}
.hintro img {
	vertical-align: middle;
	margin: 0 16px 20px;
}
.hblocksw {
	padding: 0 60px 100px;
}
.hblocks {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 15px;
}
.hblk-gap {
	display: table-cell;
	vertical-align: top;
	width: 15px;
}
.htitle {
	font-size: 30px;
	line-height: 40px;
}
.hblk-link {
	position: absolute;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	background-color: #FFF;
}
.hblk-link a {
	position: relative;
	display: block;
	padding: 22px 62px 22px 30px;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	transition: 0.3s linear;
}
.hblk-link a:hover {
	opacity: 0.8;
}
.hblk-link a::before {
	content: '';
	display: block;
	width: 18px;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	top: 28px;
	right: 36px;
}
.hblk-link a::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	top: 23px;
	right: 37px;
}
.hblk-sens {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 41%;
	box-sizing: border-box;
	background-color: #003760;
	padding: 48px 3% 65px;
}
.hblksens-title {
	color: #FFF;
	padding-bottom: 40px;
}
.hblksens-content {
	position: relative;
	padding-top: 380px;
	color: #FFF;
	font-size: 15px;
	line-height: 25px;
	overflow-y: auto;
}
.hblksens-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hblksens-link a {
	background-color: #1db5e1;
}
.hblk-res {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 59%;
	box-sizing: border-box;
	background-color: #e9f6fa;
	padding: 48px 3% 65px;
}
.hblkres-l {
	width: 52%;
	box-sizing: border-box;
	padding: 0 11% 0 0;
}
.hblkres-title {
	color: #003760;
	margin-bottom: 25px;
}
.hblkres-intro {
	color: #000;
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 35px;
}
.hblkres-links {
	max-width: 260px;
}
.hblkres-links a {
	color: #000;
	font-size: 15px;
	line-height: 24px;
	padding: 4px 0;
	margin-left: 15px;
	display: block;
	border-bottom: 1px solid #0055ad;
	transition: 0.3s linear;
}
.hblkres-links a:hover, .hblkres-links a.hblkres-linkp:hover {
	color: #1db5e1;
}
.hblkres-links a.hblkres-linkp {
	font-size: 17px;
	line-height: 27px;
	margin-left: 0px;
	padding: 10px 0 4px;
	color: #003760;
	border-bottom: 2px solid #0055ad;
	font-weight: 500;
}
.hblkres-r {
	width: 48%;
	box-sizing: border-box;
	padding: 0 15.8% 0 0;
}
.hblkres-r a {
	display: block;
}
.hblk-resimg {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 141%;
	margin-bottom: 15px;
	transition: 0.3s linear;
}
.hblk-resimg:hover {
	opacity: 0.8;
}
.hblk-resftl {
	width: 84%;
}
.hblk-resfttitle {
	color: #003760;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 10px;
	transition: 0.3s linear;
}
.hblk-resfttitle:hover {
	color: #1db5e1;
}
.hblk-resftmeta {
	color: #000;
	font-size: 15px;
	line-height: 25px;
}
.hblk-resftr {
	width: 16%;
	text-align: right;
	padding-top: 6px;
}
.hblk-resftr span {
	position: relative;
	display: inline-block;
	border-bottom: 2px solid #0055ad;
	width: 30px;
	height: 31px;
}
.hblk-resftr span::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border-right: 2px solid #0055ad;
	border-bottom: 2px solid #0055ad;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	left: 6px;
	bottom: 7px;
}
.hblk-resftr span::before {
	content: '';
	display: block;
	width: 2px;
	height: 26px;
	background-color: #0055ad;
	margin: 0 auto;
}
.hblkres-link a {
	background-color: #0055ad;
}
.hblk-fprint {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 59%;
	box-sizing: border-box;
	padding: 60px 3% 65px;
	background-size: cover;
	background-position: 100% 0%;
}
.hblk-fprint::after {
	content: '';
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.6);
}
.hblk-fprintw {
	position: relative;
	z-index: 6;
	max-width: 490px;
}
.hblkfpr-title {
	color: #003760;
	padding-bottom: 20px;
}
.hblkfpr-content {
}
#tbl_footprint {
	width: 100%;
	font-size: 13px;
	line-height: 21px;
}
#tbl_footprint p {
	font-size: 13px;
	line-height: 21px;
}
#tbl_footprint img {
	max-width: 23px;
}
#tbl_footprint strong, #tbl_footprint b {
	font-weight: 700;
	font-weight: normal;
	font-size: 15px;
	line-height: 23px;
}
#tbl_footprint h3 {
	font-weight: 500;
	font-size: 48px;
	line-height: 52px;
}
#tbl_footprint h4 {
	font-size: 48px;
	line-height: 52px;
}
#tbl_footprint h5 {
	font-weight: 700;
	font-size: 13px;
	line-height: 21px;
}
#tbl_footprint td.col1, #tbl_footprint td.col2, #tbl_footprint td.col4, #tbl_footprint td.col5 {
	width: 24%;
}
#tbl_footprint .clrborder1 {
	border-bottom: 2px solid #0055ad;
	padding-bottom: 12px;
}
#tbl_footprint .clrborder2 {
	border-bottom: 2px solid #003760;
	padding-bottom: 12px;
}
#tbl_footprint .clrborder3 {
	border-bottom: 2px solid #1db5e1;
	padding-bottom: 12px;
}
#tbl_footprint .clrtxt1 {
	color: #0055ad;
}
#tbl_footprint .clrtxt2 {
	color: #003760;
}
#tbl_footprint .clrtxt3 {
	color: #1db5e1;
}
.hblkfpr-link a {
	background-color: #003760;
}
.hblk-sus {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 41%;
	box-sizing: border-box;
	padding: 60px 3% 65px;
	background-size: cover;
	background-position: 50% 50%;
}
.hblk-susw {
	max-width: 279px;
}
.hblksus-title {
	color: #FFF;
	padding-bottom: 30px;
}
.hblksus-content {
	color: #FFF;
}
.hblksus-content p {
	font-size: 17px;
	line-height: 27px;
}
.hblksus-link a {
	background-color: #80b644;
}
.hposts {
	padding: 120px 4% 20px;
	background-color: #e9f6fa;
}
.hpostsw {
	max-width: 1200px;
	margin: 0 auto;
}
.hposts-title {
	color: #003760;
	padding: 0 25px 20px;
}
.hposts-items {
}
.hpost-item {
	width: calc(33.333% - 50px);
	box-sizing: border-box;
	margin: 0 25px 40px;
	border-top: 2px solid #003760;
	padding-top: 15px;
}
.hposti-img {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 65%;
	position: relative;
	margin: 0 0 12px;
}
.hposti-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.hposti-date {
	font-weight: 700;
	color: #003760;
	padding: 0 0 10px;
	font-size: 16px;
	line-height: 20px;
}
.hposti-title {
	font-weight: 500;
	color: #0055ad;
	font-size: 23px;
	line-height: 31px;
	margin-bottom: 12px;
}
.hposti-desc {
	color: #000;
	font-size: 17px;
	line-height: 27px;
}
.hfeat {
	background-color: #003760;
	padding: 110px 4% 70px;
}
.hfeatw {
	max-width: 1200px;
	margin: 0 auto;
}
.hfeat-title {
	color: #FFF;
	padding: 0 25px 20px;
}
.hfeat-items {
}
.hfeat-item {
	width: calc(33.333% - 50px);
	box-sizing: border-box;
	margin: 0 25px 40px;
	border-top: 2px solid #FFF;
	color: #FFF;
}
.hfeati-img {
	margin: 15px 0 20px;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 83.7%;
	position: relative;
	transition: 0.3s linear;
}
.hfeati-img:hover {
	opacity: 0.8;
}
.hfeati-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.hfeati-title {
	position: relative;
	padding: 0 50px 15px 0;
	font-size: 22px;
	line-height: 32px;
	transition: 0.3s linear;
}
.hfeati-title:hover {
	color: #1db5e1;
}
.hfeati-icon-local, .hfeati-icon-offsite, .hfeati-icon-download {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	background-size: contain;
	background-repeat: no-repeat;
}
.hfeati-icon-local {
	background-image: url('images/icongr-local.svg');
}
.hfeati-icon-offsite {
	background-image: url('images/icongr-offsite.svg');
}
.hfeati-icon-download {
	background-image: url('images/icongr-dl.svg');
}
.hfeati-desc {
	width: 80%;
	font-size: 16px;
	line-height: 24px;
}


/* standard */
.stdpg {
	padding: 80px 4% 60px;
}
.stdpgw {
	max-width: 1080px;
	margin: 0 auto;
}
.stdpg-title {
	color: #003760;
	margin-bottom: 60px;
}
.stdpg-content h3 {
	color: #003760;
	font-size: 24px;
	line-height: 28px;
}
.stdpg-content table {
	margin-bottom: 40px;
}
.stdpg-content td {
	line-height: 28px;
}
.stdpg-content strong, .stdpg-content b {
	font-weight: normal;
	font-weight: 700;
}


/* team */
#teampg {
}
.teamw {
	padding: 90px 4% 0;
	background-color: #FFF;
}
.teamth-blue {
	background-color: #003760;
}
.team-inner {
	max-width: 1390px;
	margin: 0 auto;
}
.teamh {
	text-align: justify;
	font-size: 0;
}
.teamh::after {
	content: '';
	display: inline-block;
	width: 100%;
}
.teamtitle {
	color: #003760;
	margin-bottom: 30px;
}
.teamclegend {
	background-color: #f0f0f1;
	padding: 20px 30px;
}
.teamclegend img {
	width: 200px;
}
.teamth-blue .teamtitle {
	color: #FFF;
}
.team-grps {
}
.team-grp {
	padding: 15px 0 50px;
}
.teamth-blue .team-grp {
	border-top: 2px solid #FFF;
}
.team-grptitle {
	color: #003760;
	font-size: 30px;
	line-height: 34px;
	padding-bottom: 20px;
}
.team-grpitems {
	overflow: hidden;
}
.team-grpitemsw {
	position: relative;
	width: calc(100% + 14px);
	left: -7px
}
.team-grpitem {
	width: 25%;
	box-sizing: border-box;
	padding: 15px 7px 60px;
}
.teamgrpi-img {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 100%;
	transition: 0.3s linear;
}
.teamgrpi-img:hover {
	opacity: 0.8;
}
.teamgrpi-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.teamgrpi-name {
	position: relative;
	color: #0055ad;
	font-size: 24px;
	line-height: 28px;
	margin: 25px 0 5px;
	padding: 0 45px 0 0;
}
.teamgrpi-name a {
	display: block;
}
.teamgrpi-name span {
	opacity: 0;
	position: absolute;
	top: -5px;
	right: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: transparent;
	transition: 0.3s linear;
}
.teamgrpi-name span::before {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	background-color: #0055ad;
	position: absolute;
	left: calc(50% - 12px);
	top: calc(50% - 1px);
	transition: 0.3s linear;
}
.teamgrpi-name span::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-top: 2px solid #0055ad;
	border-right: 2px solid #0055ad;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	right: 8px;
	top: 11px;
	transition: 0.3s linear;
}
.teamgrpi-name a:hover > span {
	opacity: 1;
	background-color: #0055ad;
}
.teamgrpi-name a:hover > span::before {
	background-color: #FFF;
}
.teamgrpi-name a:hover > span::after {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
.teamth-blue .teamgrpi-name {
	color: #FFF;
}
.teamth-blue .teamgrpi-name span::before {
	background-color: #FFF;
}
.teamth-blue .teamgrpi-name span::after {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
.teamth-blue .teamgrpi-name a:hover > span {
	background-color: #FFF;
}
.teamth-blue .teamgrpi-name a:hover > span::before {
	background-color: #0055ad;
}
.teamth-blue .teamgrpi-name a:hover > span::after {
	border-top: 2px solid #0055ad;
	border-right: 2px solid #0055ad;
}
.teamgrpi-title {
	font-weight: 500;
	color: #003760;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
}
.teamth-blue .teamgrpi-title {
	color: #66c8e5;
}
.teamgrpi-committees {
	margin-bottom: 15px;
}
.teamgrpi-committees div, .teamgrpi-committees span {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	box-sizing: border-box;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
	line-height: 0px;
	padding: 12px 0 0;
	margin-right: 4px;
}
.teamgrpi-committees div {
	border: 1px solid #0055ad;
	background-color: #0055ad;
	color: #FFF;
}
.teamgrpi-committees span {
	border: 1px solid #0055ad;
	color: #0055ad;
}
.team-addcontent {
	background-color: #e9f6fa;
	padding: 120px 4%;
}
.teamth-blue .team-addcontent {
}
.team-addcontentw {
	max-width: 1390px;
	margin: 0 auto;
}
.team-addcontent h3 {
	color: #003760;
	font-size: 30px;
	line-height: 34px;
	padding: 0 0 30px;
}
.team-addcontent h4 {
	font-weight: 700;
	color: #0055ad;
	font-size: 15px;
	line-height: 19px;
	padding-bottom: 10px;
}
.team-addcontent p {
	font-size: 16px;
	line-height: 28px;
}
.team-adctxt {
	width: 100%;
	box-sizing: border-box;
	padding: 0 5% 0 0;
}
.team-adctxt.ibvtop {
	width: 40%;
}
.team-adcimg {
	width: 60%;
}
.team-adcimg img {
	max-width: 100%;
}


/* cv */
#cvpg {
}
.cvw {
	background-color: #FFF;
	padding: 60px 4% 110px;
}
.cvw.cvth-blue {
	background-color: #003760;
	color: #FFF;
}
.cv-inner {
	max-width: 1390px;
	margin: 0 auto;
}
.cvh {
	padding: 0 0 50px 0;
	border-bottom: 2px solid #003760;
}
.cvth-blue .cvh {
	border-bottom: 2px solid #FFF;
}
.cv-back {
	position: relative;
	color: #0055ad;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.1em;
	padding-left: 30px;
	margin-bottom: 30px;
	cursor: pointer;
	width: 50px;
}
.cv-back::before {
	content: '';
	display: block;
	width: 18px;
	height: 1px;
	background-color: #0055ad;
	position: absolute;
	top: 5px;
	left: 0;
}
.cv-back::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #0055ad;
	border-left: 1px solid #0055ad;
	transform: translateZ(1px) rotate(-45deg);
	position: absolute;
	top: 0px;
	left: 0;
}
.cvth-blue .cv-back {
	color: #66c8e5;
}
.cvth-blue .cv-back::before {
	background-color: #66c8e5;
}
.cvth-blue .cv-back::after {
	border-top: 1px solid #66c8e5;
	border-left: 1px solid #66c8e5;
}
.cv-title {
	color: #0055ad;
}
.cvth-blue .cv-title {
	color: #FFF;
}
.cvc {
	padding: 70px 0 0;
}
.cv-img {
	width: calc(33.5% - 9%);
	margin: 0 9% 0 0;
	padding-top: calc(33.5% - 9%);
	background-size: cover;
	background-position: 50% 50%;
}
.cv-r {
	width: 66.5%;
	box-sizing: border-box;
	padding: 0 14% 0 0;
}
.cvc-title {
	color: #0055ad;
	font-size: 30px;
	line-height: 34px;
	padding-bottom: 25px;
}
.cvth-blue .cvc-title {
	color: #66c8e5;
}
.cvc-meta {
	padding: 0 80px 0 0;
}
.cvc-content {
}
.cvc-content h4 {
	color: #003760;
	font-weight: 700;
	font-size: 15px;
	line-height: 19px;
	padding-bottom: 5px;
}
.cvth-blue .cvc-content h4 {
	color: #FFF;
}
.cvc .cvc-content h5 a {
	padding: 22px 72px 22px 40px;
	background-color: #0055ad;
	color: #FFF;
}
.cvc-content p {
	font-size: 17px;
	line-height: 27px;
}
.cvc-content ul {
	margin: 0 0 0 16px;
	line-height: 27px;
}


/* results */
#resultspg {
	padding-bottom: 80px;
}
.results-top {
	background-color: #003760;
	padding: 70px 4% 100px;
}
.results-topw {
	max-width: 1370px;
	margin: 0 auto;
}
.resltst-h {
	padding: 0 0 40px 115px;
	max-width: 750px;
}
.resltst-h .cntflx-bcrumb {
	color: #FFF;
}
.resltst-title {
	color: #FFF;
}
.resltst-feat {
	width: 25.5%;
	box-sizing: border-box;
	padding: 0 4.5% 0 0;
}
.resltst-feat.resltst-featmbl {
	display: none;
	padding: 40px 0 0 0;
}
.resltst-feat a {
	display: block;
}
.resltsfeat-img {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 141.5%;
	margin-bottom: 12px;
	transition: 0.3s linear;
	border: 1px solid #FFF;
	line-height: 0;
	background-repeat: no-repeat;
}
.resltsfeat-img:hover {
	opacity: 0.8;
}
.resltsfeat-l {
	width: 84%;
	color: #FFF;
}
.resltsfeat-title {
	font-weight: 500;
	font-size: 19px;
	line-height: 25px;
	padding-bottom: 8px;
	transition: 0.3s linear;
}
.resltsfeat-title:hover {
	color: #80b644;
}
.resltsfeat-meta {
	font-size: 14px;
	line-height: 20px;
}
.resltsfeat-r {
	width: 16%;
	text-align: right;
	padding-top: 6px;
}
.resltsfeat-r span {
	position: relative;
	display: inline-block;
	border-bottom: 2px solid #87c846;
	width: 34px;
	height: 35px;
}
.resltsfeat-r span::before {
	content: '';
	display: block;
	width: 2px;
	height: 30px;
	background-color: #87c846;
	margin: 0 auto;
}
.resltsfeat-r span::after {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	border-right: 2px solid #87c846;
	border-bottom: 2px solid #87c846;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	left: 7px;
	bottom: 7px;
}
.resltst-items {
	width: 74.5%;
}
.resltst-resnav {
}
.resltst-resnitem {
	font-weight: 700;
	font-size: 17px;
	line-height: 17px;
	background-color: #e9f6fa;
	color: #82add9;
	margin-right: 4px;
	padding: 12px 4px;
	box-sizing: border-box;
	text-align: center;
	width: calc(14.25% - 4px);
	cursor: pointer;
}
.resltst-resnitemc {
	background-color: #FFF;
	color: #0055ad;
	cursor: auto;
}
.resltst-resitems {
	width: calc(100% - 6px);
}
.resltst-resires {
	display: none;
	box-sizing: border-box;
	background-color: #FFF;
	padding: 55px 4.5% 40px;
}
.resltst-resiresc {
	display: block;
}
.resltst-resires table {
	width: 100%;
	table-layout: fixed;
}
.resltst-resires table td {
	width: 33.333%;
	padding: 0 30px 30px 0;
}
.resltst-resires h3 {
	color: #0055ad;
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	padding-bottom: 15px;
	border-bottom: 1px solid #003760;
	min-height: 72px;
	box-sizing: border-box;
}
.resltst-resires a {
	display: block;
	font-weight: 700;
	color: #003760;
	font-size: 15px;
	line-height: 19px;
	text-decoration: none;
	padding: 14px 0;
	border-bottom: 1px solid #003760;
	transition: 0.3s linear;
}
.resltst-resires a:hover {
	color: #1db5e1;
}
.resltst-resires p {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
.results-latest {
	padding: 80px 4% 0;
}
.resltslt-outer {
	max-width: 1370px;
	margin: 0 auto;
}
.resltslt-inner {
	background-color: #e9f6fa;
	padding: 45px 2% 65px 4%;
}
.resltslt-l {
	width: 34%;
	box-sizing: border-box;
	padding: 0 4% 0 0;
}
.resltslt-r {
	width: 66%;
}
.resltslt-title {
	color: #003760;
	font-size: 28px;
	line-height: 32px;
	padding-bottom: 22px;
}
.resltslt-intro {
	font-size: 17px;
	line-height: 27px;
	/*max-width: 210px;*/
}
.resltslt-items {
	max-width: 950px;
}
.resltslt-item {
	border-top: 2px solid #003760;
	width: calc(33.333% - 3%);
	box-sizing: border-box;
	padding: 8px 0 30px;
	margin-right: 3%;
}
.resltslt-itemtitle {
	color: #003760;
	font-weight: 700;
	font-size: 15px;
	line-height: 21px;
	padding: 0 15% 0 0;
}
.resltslt-itemval {
	color: #0055ad;
	font-size: 44px;
	line-height: 48px;
}
.resltslt-itemdesc {
	color: #003760;
	font-size: 15px;
	line-height: 21px;
}
.resltslt-fnote {
	font-size: 14px;
	line-height: 20px;
}


/* landing */
#lndpg {
}
.lndban {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 28%;
}
.lndbanw {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.lndbanw::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.lndban-title {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.5em);
	box-sizing: border-box;
	padding: 0 1% 0 57.5%;
}
.lndcontent {
	padding: 80px 4% 60px;
}
.lndcontentw {
	max-width: 990px;
	margin: 0 auto;
	text-align: center;
}
.lndctxt {
	padding-bottom: 50px;
}
.lndctxt h2 {
	margin-bottom: 40px;
}
.lndctxt h3 {
	margin-bottom: 30px;
}
.lndctxt p {
}
.lndclinks {
	text-align: center;
}
.lndclink {
	position: static;
	margin: 0 17px 17px 0;
}
.lndclink a {
}


/* profile */
#profilepg {
}
.prflban-min {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 27.2%;
	margin-bottom: 80px;
}
.prflban-minw {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.prflban-minw::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.prflban-title {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.5em);
	box-sizing: border-box;
	padding: 0 1% 0 57.5%;
}
.bantxtl .prflban-title {
	padding: 0 45% 0 10%;
}
.bantitle {
	color: #003760;
	font-size: 40px;
	line-height: 44px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.prflban-intro {
	padding: 0 4% 80px;
}
.prflban-introw {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	color: #003760;
}
.prflban-intro h2 {
	margin-bottom: 40px;
}
.prflban-intro h3 {
	margin-bottom: 40px;
}
.prflban-intro h5 a {
	background-color: #80b644;
}
.prflban-fll {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 44.1%;
	margin-bottom: 80px;
}
.prflban-fllw {
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	bottom: 4.5vw;
}
.prflban-fll .prflban-title {
	padding: 0 0 6vw 6%;
	text-align: left;
}
.prflban-fll .prflban-intro {
	background-color: rgba(255, 255, 255, 0.85);
	padding: 50px 6%;
	max-width: 780px;
	box-sizing: border-box;
	position: relative;
}
.prflban-fll .prflban-introw {
	max-width: none;
	text-align: left;
}
.prflban-fll .prflban-intro h2 {
	color: #0055ad;
	text-transform: none;
	margin-bottom: 15px;
	font-size: 23px;
	line-height: 27px;
	font-weight: 500;
}
.prflban-fll .prflban-intro h3 {
	color: #000;
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 20px;
}
.prflban-fll .prflban-intro h5 {
	position: absolute;
	bottom: 0;
	right: 0;
}
.prfl-blks {
	display: table;
	table-layout: fixed;
	width: calc(100% - 8%);
	margin: 0 4% 85px;
}
.prflblk-gap {
	display: table-cell;
	vertical-align: top;
	width: 16px;
}
.prfl-about {
	display: table-cell;
	vertical-align: top;
	position: relative;
	width: 41%;
	box-sizing: border-box;
	background-color: #e9f6fa;
	padding: 70px 4.5% 70px;
}
.prflabt-content {
	color: #003760;
}
.prflabt-content p {
	font-size: 22px;
	line-height: 32px;
}
.prflabt-link a {
	background-color: #0055ad;
}
.prfl-values {
	display: table-cell;
	vertical-align: top;
	width: 59%;
	box-sizing: border-box;
	background-size: cover;
	background-position: 100% 100%;
	padding: 50px 24% 150px 3%;
	background-color: #edf4e2;
}
.prflvls-title {
	color: #003760;
	font-size: 28px;
	line-height: 32px;
	padding-bottom: 50px;
}
.prflvls-items {
}
.prflvls-item {
	width: 50%;
	box-sizing: border-box;
	padding: 0 3% 30px 0;
}
.prflvls-item img {
	width: 40px;
	margin-bottom: 12px;
}
.prflvls-item div {
	color: #003760;
	font-size: 20px;
	line-height: 28px;
}
.prflvls-item div b, .prflvls-item div strong {
	font-weight: normal;
	font-weight: 500;
}
.prfl-brands {
	background-color: #003760;
	padding-bottom: 100px;
}
.prfl-brandsw {
	padding: 65px 4% 0;
}
.prflbrnd-intro {
	margin-bottom: 60px;
	text-align: center;
}
.prflbrnd-introw {
	max-width: 1000px;
	margin: 0 auto;
}
.prflbrnd-intro h2 {
	color: #FFF;
	margin-bottom: 35px;
}
.prflbrnd-intro h3 {
	color: #FFF;
}
.prflbrnd-blks {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 75px;
}
.prflbrnd-hlights {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 31.6%;
	box-sizing: border-box;
	background-color: #0055ad;
	padding: 40px 3.5% 20px;
}
.prflbrnd-hlights h3 {
	color: #FFF;
	font-size: 46px;
	line-height: 50px;
	padding: 0 0 5px;
}
.prflbrnd-hlights h4 {
	border-top: 2px solid #1db5e1;
	color: #1db5e1;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	padding: 10px 0;
}
.prflbrnd-hlights p {
	color: #FFF;
	margin-bottom: 10px;
}
.prflbrnd-feat {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 68.4%;
	box-sizing: border-box;
	background-size: cover;
	background-position: 100% 100%;
	padding: 40px 3.5%;
	color: #003760;
}
.prflbrnd-feat h2 {
	font-size: 28px;
	line-height: 32px;
	padding: 0 0 12px 0;
	margin: 0 0 40px 0;
	border-bottom: 2px solid #003760;
}
.prflbrnd-feat img {
	margin: 0 25px 0 0;
}
.prflbrnd-items {
	max-width: 1000px;
	margin: 0 auto;
}
.prflbrnd-items-title {
	max-width: 1000px;
	margin: 0 auto 60px;
}
.prflbrnd-items-title .prfl-slidertitle {
	padding-left: 16px;
}
.prflbrnd-item {
	width: calc(33.333% - 32px);
	margin: 0 16px 50px;
	color: #FFF;
	border-top: 2px solid #FFF;
	box-sizing: border-box;
}
.prfl-sliders {
	padding: 0 0 0 6%;
}
.slidenavgrp {
	padding-left: 16px;
	margin-bottom: 60px;
}
.prfl-slidertitle {
	color: #FFF;
	font-size: 28px;
	line-height: 32px;
	margin-right: 20px;
}
.slnav-prev, .slnav-next {
	width: 48px;
	height: 48px;
	background-color: #FFF;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	margin-right: 6px;
}
.slnav-prev span, .slnav-next span {
	position: relative;
	display: inline-block;
	height: 2px;
	width: 20px;
	background-color: #003760;
	margin-top: 23px;
}
.slnav-prev span::before {
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left: 1px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #003760;
	border-left: 2px solid #003760;
	transform: translateZ(1px) rotate(-45deg);
}
.slnav-next span::before {
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	right: 1px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #003760;
	border-right: 2px solid #003760;
	transform: translateZ(1px) rotate(45deg);
}
.slnavinactive {
	opacity: 0.5;
	cursor: auto;
}
.sliderparent.sliderpmobile {display: none;}
.sliderwrap {
	position: relative;
}
.sliderouter {
	overflow-x: hidden;
	position: relative;
}
.sliderinner {
	display: table; 
	table-layout: fixed;
	position: relative; 
	left: 0;
	overflow: hidden;
	height: 100%;
}
.hslidergrp {
	display: table-cell;
	vertical-align: top;
	width: 20%; 
	height: 100%;
}
.hslideritem {
	width: calc(20% - 32px); 
	margin: 0 16px;
	color: #FFF;
	border-top: 2px solid #FFF;
	box-sizing: border-box;
}
.sliderpmobile .hslideritem {
	width: calc(100% - 32px); 
	margin: 0 16px;
}
.sliderpmobile .hslidergrp {
	width: 10%; 
}
.hslideritem a {
	display: block;
}
.hslidei-img {
	position: relative;
	padding-top: 72.5%;
	overflow: hidden;
	margin: 30px 0 25px;
	background-size: cover;
	background-position: 50% 50%;
	transition: linear 0.3s;
}
.hslidei-img:hover {
	opacity: 0.8;
}
.hslidei-icon {
	margin-bottom: 25px;
}
.hslidei-icon img {
	max-height: 58px;
}
.hslidei-title {
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	padding-bottom: 10px;
}
.hslidei-desc {
	font-size: 16px;
	line-height: 28px;
}
.prfl-ftprint {
}
.prflftp-img {
	width: 60%;
	background-size: cover;
	background-position: 0% 0%;
	padding-top: 61.6%;
}
.prflftp-txt {
	width: 40%;
	box-sizing: border-box;
	padding: 90px 0 60px 5%;
}
.prflftp-txt h2 {
	color: #003760;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 30px;
}
.prflftp-txt p, .hblkfpr-content p {
	font-size: 14px;
	line-height: 22px;
}
#tbl_footprint_profile {
}
#tbl_footprint_profile table {
	border-top: 2px solid #003760;
	color: #003760;
	font-size: 14px;
	line-height: 22px;
	box-sizing: border-box;
	padding: 5px 0 0px;
	margin-right: 15px;
}
#tbl_footprint_profile p {
	line-height: 22px;
	margin-bottom: 15px;
}
#tbl_footprint_profile b, #tbl_footprint_profile strong {
	font-weight: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
}
#tbl_footprint_profile h3, #tbl_footprint_profile h4 {
	font-weight: 500;
	margin-top: 12px;
	font-size: 46px;
	line-height: 50px;
}
#tbl_footprint_profile h4 {
	color: #1db5e1;
}
#tbl_footprint_profile table td {
	box-sizing: border-box;
	padding: 0 10px 0 0;
}
#tbl_footprint_profile table#tbl_ftprtp_1 {
	width: calc(100% - 15px);
}
#tbl_footprint_profile table#tbl_ftprtp_1 td {
	width: 100%;
}
#tbl_footprint_profile table#tbl_ftprtp_2 {
	width: 80%;
}
#tbl_footprint_profile table#tbl_ftprtp_2 td {
	width: 50%;
}
#tbl_footprint_profile table#tbl_ftprtp_4 {
	width: 100%;
	table-layout: fixed;
}
#tbl_footprint_profile table#tbl_ftprtp_4 td {
	width: 25%;
}
.tbl_footprint_profile1 {
	width: 100%;
	table-layout: fixed;
}
.tbl_footprint_profile2 {
	width: 88%;
	table-layout: fixed;
}
.tbl_footprint_profile2 td:nth-child(1) {
	width: 28%;
}
.tbl_footprint_profile3 {
	width: 65%;
	table-layout: fixed;
}
.tbl_footprint_profile3 td:nth-child(1) {
	width: 25%;
}
.tbl_footprint_profile3 td:nth-child(2) {
	width: 40%;
}
.tbl_footprint_profile4 {
	width: 50%;
	table-layout: fixed;
}
#tbl_footprint_profile.tbl_footprint_profile4 table#tbl_ftprtp_1 {
	width: calc(50% - 15px);
}


/* investors */
#investpg {
}
.hblk-shperf {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 59%;
	box-sizing: border-box;
	background-color: #f7f7f7;
	padding: 48px 3% 65px;
}
.hblkshperf-title {
	color: #003760;
	padding-bottom: 40px;
}
.hblkshperf-content {
	position: relative;
	padding-top: 360px;
}
.hblkshperf-dl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
}
.hblkshperf-dl2 {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 280px;
}
.hblkshperf-link a {
	background-color: #0055ad;
}
.invst-fin {
	background-color: #e9f6fa;
	padding: 90px 4% 60px;
}
.invst-finw {
	max-width: 1180px;
	margin: 0 auto;
}
.invstfinc {
	width: 40%;
	box-sizing: border-box;
	padding: 0 10% 0 0;
}
.invstfinc h2 {
	font-size: 28px;
	line-height: 38px;
	color: #003760;
	margin-bottom: 20px;
}
.invstfinc h5 a {
	background-color: #003760;
}
.invstfin-dls {
	width: 60%;
}
.invstfin-dls .resltst-feat {
	width: 50%;
	padding: 0 8.5% 0 0;
}
.invstfin-dls .resltsfeat-l {
	color: #003760;
}
.invstfin-dls .resltsfeat-meta {
	color: #000;
}
.invstfin-dls .resltsfeat-r span {
	border-bottom: 2px solid #003760;
}
.invstfin-dls .resltsfeat-r span::before {
	background-color: #003760;
}
.invstfin-dls .resltsfeat-r span::after {
	border-right: 2px solid #003760;
	border-bottom: 2px solid #003760;
}
.invst-shblk {
	background-size: cover;
	background-position: 50% 50%;
	padding: 110px 7% 110px 14.5%;
}
.invst-shblkw {
	max-width: 1000px;
}
.invstshblk-item {
	box-sizing: border-box;
	padding: 0 12% 40px 0;
}
.invstshblk-item:nth-child(odd) {
	width: 55.5%;
}
.invstshblk-item:nth-child(even) {
	width: 44.5%;
}
.invstshblk-item h2 {
	font-size: 28px;
	line-height: 38px;
	color: #FFF;
	margin-bottom: 20px;
}
.invstshblk-item p {
	color: #1db5e1;
}
.invstshblk-item h5 a {
	background-color: #0055ad;
}


/* investment case */
#invmntpg {
}
.invmnt-banner {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 28%;
	margin-bottom: 50px;
}
.invmntban-outer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 4;
	box-sizing: border-box;
	padding: 0 2% 0 58%;
}
.invmntban-outer::after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.invmntban-inner {
	width: calc(100% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	max-width: 570px;
}
.invmnt-bcrumb {
	color: #003760;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 50px;
}
.invmnt-title {
	color: #003760;
	margin-bottom: 20px;
}
.invmnt-intro {
	font-size: 16px;
	line-height: 28px;
}
.banafter-mbl {
	display: none;
	padding: 0 4% 50px;
}
.invmnt-content {
	padding: 0 4% 110px;
}
.invmnt-contentw {
	max-width: 1090px;
	margin: 0 auto;
	border-bottom: 2px solid #003760;
}
.invmnt-item {
	border-top: 2px solid #003760;
	padding: 45px 0 27px;
}
.invmnti-icon {
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin: 0 40px 0 0;
}
.invmnti-txt {
	width: calc(100% - 90px);
}
.invmnti-txt.invmnti-txtacc {
	position: relative;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.invmnti-nav {
	width: 18px;
	height: 18px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.invmnti-nav::before {
	content: '';
	display: block;
	width: 18px;
	height: 2px;
	background-color: #003760;
	position: absolute;
	top: 7px;
	right: 0px;
}
.invmnti-nav::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #003760;
	border-right: 2px solid #003760;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	top: 2px;
	right: 1px;
}
.invmnti-txtaccopen .invmnti-nav::before {
	width: 2px;
	height: 18px;
	top: 0px;
	right: 7px;
}
.invmnti-txtaccopen .invmnti-nav::after {
	transform: translateZ(1px) rotate(-45deg);
	top: 1px;
	right: 2px;
}
.invmnti-title {
	color: #003760;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 18px;
}
.invmnti-title b, .invmnti-title strong {
	font-weight: normal;
	font-weight: 500;
}
.invmnti-intro {
	color: #0055ad;
	font-weight: 500;
	font-size: 19px;
	line-height: 27px;
	margin-bottom: 18px;
	max-width: calc(100% - 30px);
}
.invmnti-cnt {
	display: none;
}
.invmnti-cnt p {
	margin-bottom: 18px;
}
.invmnt-ftr {
	padding: 120px 4%;
}
.invmnt-ftr .sustnftr-txt h3 {
	max-width: 480px;
}


/* investment case 2 */
#investcpg {
	padding: 65px 4% 100px;
}
#investcpg .stdtxt h1 {
	font-weight: 500;
	font-size: 42px;
	line-height: 46px;
	color: #003760;
	padding-bottom: 30px;
}
#investcpg .stdtxt h2 {
	color: #003760;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.05em;
	margin-bottom: 35px;
	text-transform: none;
}
#investcpg .accorh {
	cursor: pointer;
}
#investcpg .accorc {
	display: none;
}
.investintro {
	max-width: 1380px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 16% 15px 0;
}
.investmain {
	max-width: 1050px;
	margin: 0 auto;
}
.investitem {
	position: relative;
	padding: 30px 25px 0;
	box-sizing: border-box;
	border-radius: 25px;
	margin-bottom: 25px;
}
.investi-icon {
	background-size: contain;
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	margin-right: 35px;
}
.investi-content {
	width: calc(100% - 52px - 35px);
	box-sizing: border-box;
	padding: 0 12% 0 0;
}
.investic-item {
	background-size: 0px;
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
	border-top: 1px solid #888;
	padding: 35px 0;
}
.investic-item:first-child {
	border-top: 0px;
	padding-top: 0px;
}
.investic-item.accor-itemopen {
	background-size: 30%;
}
.investic-item .accorbtn {
	position: absolute;
	top: 52px;
	right: calc(-16% + 30px);
}
.investic-item:first-child .accorbtn {
	top: 18px;
}
.investic-item .accorbtn::after {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	border-top: 2px solid #003760;
	border-right: 2px solid #003760;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	top: -7px;
	right: 1px;
}
.investic-item .accorbtn::before {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background-color: #003760;
	position: absolute;
	top: 0px;
	right: 0px;
}
.investic-item.accor-itemopen .accorbtn {
	height: 22px;
	width: 22px;
	top: 42px;
}
.investic-item.accor-itemopen:first-child .accorbtn {
	top: 8px;
}
.investic-item.accor-itemopen .accorbtn::before {
	content: '';
	display: block;
	width: 26px;
	height: 2px;
	background-color: #003760;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	top: 10px;
	right: -2px;
}
.investic-item.accor-itemopen .accorbtn::after {
	content: '';
	display: block;
	width: 26px;
	height: 2px;
	border: 0px;
	background-color: #003760;
	transform: translateZ(1px) rotate(-45deg);
	position: absolute;
	top: 10px;
	right: -2px;
}
.investici-h {
}
.investici-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 5px;
}
.investici-intro {
	font-weight: 500;
	color: #003760;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: 0.01em;
}
.investici-txt {
	color: #000;
	width: 75%;
}
.investici-txt ul {
	margin: 20px 0 150px 14px;
}
.investic-itemnoimg .investici-txt ul {
	margin: 20px 0 0 14px;
}
.investici-txt li {
	padding-left: 10px;
	line-height: 26px;
}
.investici-txt h4 {
	font-weight: 500;
	color: #003760;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: 0.01em;
}
.investici-txt h5 {
	font-size: 12px;
	line-height: 18px;
}


/* sustainability */
#sustainpg {
}
.sustn-blks {
	display: table;
	table-layout: fixed;
	width: calc(100% - 8%);
	margin: 0 4% 85px;
}
.sustn-grp {
	display: table-cell;
	vertical-align: top;
	position: relative;
	width: 41%;
	box-sizing: border-box;
	background-color: #003760;
	padding: 50px 4.5% 10px;
}
.sustngrp-title {
	color: #FFF;
	margin-bottom: 40px;
}
.sustngrp-items {
	position: relative;
	left: -3.5%;
	width: 107%;
}
.sustngrp-item {
	width: 50%;
	box-sizing: border-box;
	padding: 0 3.5% 30px;
}
.sustngrpi-title {
	border-top: 2px solid #66c8e5;
	color: #66c8e5;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	padding: 10px 0;
}
.sustngrpi-val {
	color: #FFF;
	font-size: 46px;
	line-height: 50px;
	padding: 0 4px 0 0;
}
.sustngrpi-desc {
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
}
.sustnblk-gap {
	display: table-cell;
	vertical-align: top;
	width: 16px;
}
.sustn-jse {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 59%;
	box-sizing: border-box;
	background-color: #e9f6fa;
	padding: 50px 3.5% 60px 3.5%;
}
.sustnjse-title {
	color: #003760;
	margin-bottom: 30px;
}
.sustnjse-intro {
	line-height: 28px;
	margin-bottom: 50px;
}
.sustnjse-content {
}
.sustnjse-graph {
	width: 53%;
	box-sizing: border-box;
	padding: 0 8.5% 0 0;
}
.sustnjse-graph img {
	max-width: 100%;
}
.sustnjse-txt {
	width: 47%;
	box-sizing: border-box;
	border-left: 2px solid #80b644;
	padding: 0 0 0 20px;
	color: #0055ad;
	font-size: 16px;
	line-height: 20px;
}
.sustnjse-txt h3 {
	color: #003760;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 15px;
}
.sustnjse-txt p {
	margin-bottom: 4px;
}
.sustnjse-icotxt {
	margin-bottom: 40px;
}
.sustnjse-icotxt p {
	font-size: 16px;
}
.sustnjse-icotxt h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 25px;
}
.sustnjse-icons {
	max-width: 700px;
}
.sustnjse-icon {
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 10px 30px;
}
.sustnjsei-img {
	margin-bottom: 12px;
}
.sustnjsei-img img {
	height: 100px;
}
.sustnjsei-lbl {
	font-size: 16px;
	line-height: 22px;
}
.sustnjse-link a {
	background-color: #003760;
}
.sustn-areas {
	background-color: #FFF;
	padding: 55px 8% 20px;
}
.sustn-focus {
	text-align: center;
	max-width: 960px;
	margin: 0 auto 100px;
}
.sustn-focus h2, .sustn-focus h3, .sustn-focus p {
	color: #003760;
}
.sustn-focus h2 {
	margin-bottom: 35px;
}
.sustn-focusitems {
	padding: 0 3%;
}
.sustn-focusrow {
	margin-bottom: 95px;
}
.sustnfocusr-img {
	width: 54.5%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 37.25%;
}
.sustnfocusr-imgm {
	display: none;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 68.3%;
}
.sustnfocusr-txt {
	width: 45.5%;
	box-sizing: border-box;
	padding: 0 8.5% 0 4.5%;
}
.sustn-focusroweven .sustnfocusr-txt {
	padding: 0 4.5% 0 8.5%;
}
.sustnfocusr-group {
	font-weight: 500;
	color: #003760;
	padding: 0 0 15px;
	font-size: 16px;
	line-height: 20px;
}
.sustnfocusr-title {
	font-weight: 500;
	color: #0055ad;
	font-size: 23px;
	line-height: 31px;
	margin-bottom: 12px;
}
.sustnfocusr-desc {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 30px;
}
.sustnfocusr-link {
	display: inline-block;
	position: static;
}
.sustnfocusr-link a {
	background-color: #0055ad;
}

.sustn-hub {
	background-color: #e9f6fa;
	padding: 120px 4%;
}
.sustn-hubw {
	max-width: 1160px;
	margin: 0 auto;
}
.sustnhub-title {
	color: #003760;
	padding: 0 5.5% 50px;
}
.sustnhub-col {
	width: 50%;
	box-sizing: border-box;
	padding: 0 5.5%;
}
.sustnhub-col h3 {
	border-top: 2px solid #003760;
	color: #0055ad;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	padding: 10px 0 20px;
	margin: 20px 0 0;
}
.sustnhub-col p {
	margin-bottom: 6px;
}
.sustnhub-col a {
	position: relative;
	color: #003760;
	font-size: 20px;
	line-height: 24px;
}
.sustnhub-col a::before {
	content: '';
	display: block;
	width: 18px;
	height: 2px;
	background-color: #003760;
	position: absolute;
	top: 12px;
	right: -24px;
	opacity: 0;
}
.sustnhub-col a::after {
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid #003760;
	border-right: 2px solid #003760;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	top: 8px;
	right: -24px;
	opacity: 0;
}
.sustnhub-col a:hover::before, .sustnhub-col a:hover::after {
	opacity: 1;
}
.sustn-ftr {
	background-size: cover;
	background-position: 50% 50%;
	padding: 120px 4%;
}
.sustn-ftrw {
	max-width: 1160px;
	margin: 0 auto;
}
.sustnftr-txt {
	padding: 0 5.5%;
}
.sustnftr-txt h3 {
	color: #FFF;
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 20px;
}
.sustnftr-txt p {
	color: #1db5e1;
	font-size: 24px;
	line-height: 32px;
}
.sustnftr-txt h5 a {
	background-color: #0055ad;
	color: #FFF;
}


/* sustainability article */
#susartpg {
}
.susartban {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 34.5%;
	margin-bottom: 70px;
}
.susartban-back {
	position: absolute;
	top: 4vw;
	left: 10%;
	z-index: 8;
	color: #003760;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.susartban-back a {
	display: inline-block;
	position: relative;
	left: -34px;
}
.susartban-back a::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 1px;
	width: 18px;
	margin: 0 16px 2px 0;
	background-color: #003760;
}
.susartban-back a::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #003760;
	border-left: 1px solid #003760;
	transform: translateZ(1px) rotate(-45deg);
	position: absolute;
	top: 3px;
	left: 1px;
}
.susartbanw {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 4;
	box-sizing: border-box;
	padding: 6vw 0 6vw 10%;
}
.susartbanw::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.susartban-title {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(610px - 0.5em);
	text-transform: none;
}
.susart-blks {
	display: table;
	width: calc(100% - 8%);
	margin: 0 4% 130px;
	table-layout: fixed;
}
.susart-grp {
	display: table-cell;
	vertical-align: top;
	position: relative;
	width: 41%;
	box-sizing: border-box;
	background-color: #003760;
	padding: 50px 4.5% 10px;
}
.susartgrp-title {
	color: #FFF;
	margin-bottom: 40px;
}
.susartgrp-items {
	position: relative;
	left: -3.5%;
	width: 107%;
}
.susartgrp-items .sustngrpi-title {
	border-top: 2px solid #1db5e1;
	color: #FFF;
}
.susartgrp-items .sustngrpi-val {
	color: #FFF;
}
.susart-feat {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 59%;
	box-sizing: border-box;
	background-color: #e9f6fa;
}
.susartfeat-content {
	width: 42%;
	box-sizing: border-box;
	padding: 50px 5% 25px;
}
.susartfeat-content h2 {
	color: #003760;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 15px;
}
.susartfeat-content h3 {
	color: #0055ad;
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 15px;
}
.susartfeat-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 58%;
	background-size: cover;
	background-position: 50% 50%;
}
.susartfeat-link a {
	background-color: #0055ad;
}
.susart-posts {
	padding: 0 4% 45px;
}
.susart-postsw {
	max-width: 1220px;
	margin: 0 auto;
}
.susart-post {
	border-top: 2px solid #003760;
	width: calc(33.333% - 5%);
	box-sizing: border-box;
	margin: 0 2.5%;
	padding: 25px 0 45px;
}
.susartp-img {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 67.5%;
	margin-bottom: 30px;
}
.susartp-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.susartp-title {
	color: #0055ad;
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 15px;
}
.susartp-desc {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 35px;
}
.susartp-link {
	position: static;
}
.susartp-link a {
	display: inline-block;
	background-color: #0055ad;
}


/* history */
#historypg {
	background-color: #e9f6fa;
	padding: 100px 4%;
}
.hst-intro {
	max-width: 920px;
	margin: 0 auto 100px;
	text-align: center;
}
.hst-intro h2 {
	margin-bottom: 40px;
}
.hst-featv {
	position: relative;
	max-width: 770px;
	margin: 0 auto 50px;
}
.hst-featv video {
	width: 100%;
}
.hstc {
	position: relative;
	overflow: hidden;
}
.hstc::after {
	content: '';
	display: block;
	width: 4px;
	background-color: #003760;
	position: absolute;
	top: 0;
	left: calc(50% - 2px);
	bottom: 0;
	z-index: 2;
}
.hstc-row {
	position: relative;
}
.hstc-row:nth-child(1)::before {
	top: 0px;
}
.hstc-row::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 4px solid #003760;
	background-color: #e9f6fa;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	z-index: 4;
	left: calc(50% - 9px);
}
.hstcr-nfo {
	width: 50%;
	box-sizing: border-box;
	padding: 0 0 0 35px;
}
.hstc-row.hstc-rowodd .hstcr-nfo {
	text-align: right;
	padding: 0 35px 0 0;
}
.hstcr-nfow {
	position: relative;
	opacity: 0;
	top: 100px;
	display: inline-block;
	max-width: 400px;
}
.hstcr-year {
	color: #0055ad;
	font-size: 48px;
	line-height: 54px;
	margin-bottom: 15px;
}
.hstcr-title {
	color: #003760;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 10px;
}
.hstcr-txt h3 {
	color: #003760;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 15px;
}
.hstcr-txt p {
	font-size: 16px;
	line-height: 28px;
}
.hstcr-media {
	width: 50%;
	box-sizing: border-box;
	padding: 0 0 45px 35px;
}
.hstc-row.hstc-roweven .hstcr-media {
	text-align: right;
	padding: 0 35px 45px 0;
}
.hstcr-media video {
	max-width: 100%;
}
.hstcr-media img {
	max-width: 100%;
}
.hstc-row.hstc-rowodd .hstcrm-item {
	position: relative;
	left: 100%;
	opacity: 0;
}
.hstc-row.hstc-roweven .hstcrm-item {
	position: relative;
	left: -100%;
	opacity: 0;
}


/* gallery */
#gallerypg {
	padding: 60px 4% 0;
}
.gallery-h {
	max-width: 1160px;
	margin: 0 auto 90px;
}
.gallery-h .press-bcrumb {
	margin-bottom: 40px;
}
.gallery-intro {
	max-width: 520px;
	color: #0055ad;
	font-size: 24px;
	line-height: 34px;
}
.galleryc {
	max-width: 1400px;
	margin: 0 auto 140px;
}
.galleryc-nav {
	border-top: 2px solid #003760;
	padding: 15px 0 20px 0;
}
.galleryc-navitem {
	color: #003760;
	font-size: 19px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 55px 20px 0;
}
.galleryc-navitemc {
	font-weight: 700;
}
.gallery-ftr {
	background-size: cover;
	background-position: 50% 50%;
	padding: 100px 4%;
}


/* governance */
#governpg {
}
.govrnban {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 28%;
	margin-bottom: 110px;
}
.govrnbanw {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 4;
	box-sizing: border-box;
	padding: 0 0 0 10%;
}
.govrnbanw::after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.govrnban-title {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.5em);
	box-sizing: border-box;
	padding: 0 1% 0 57.5%;
}
.bantxtl .govrnban-title {
	padding: 0 57.5% 0 0;
}
.govrn-intro {
	padding: 0 4%;
	margin-bottom: 120px;
	text-align: center;
}
.govrn-introw {
	max-width: 1000px;
	margin: 0 auto;
}
.govrn-intro h3 {
	margin-bottom: 40px;
}
.govrn-links {
	background-color: #e9f6fa;
	padding: 100px 4%;
}
.govrn-linksw {
	max-width: 1240px;
	margin: 0 auto;
}
.govrn-link {
	border-top: 2px solid #003760;
	width: calc(33.333% - 5%);
	margin: 0 2.5% 45px;
	box-sizing: border-box;
	padding: 30px 0 0;
}
.govrnl-title {
	margin-bottom: 15px;
}
.govrnl-title a {
	position: relative;
	display: block;
	padding: 0 60px 0 0;
	color: #0055ad;
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
}
.govrnl-title a::before {
	content: '';
	display: block;
	width: 28px;
	height: 2px;
	background-color: #003760;
	position: absolute;
	top: 15px;
	right: 16px;
}
.govrnl-title a::after {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	border-top: 2px solid #003760;
	border-right: 2px solid #003760;
	transform: translateZ(1px) rotate(45deg);
	position: absolute;
	top: 8px;
	right: 17px;
}
.govrnl-desc {
	font-size: 16px;
	line-height: 28px;
}
.govrn-ftr {
	background-size: cover;
	background-position: 50% 50%;
	padding: 75px 4%;
}


/* content & accordion flexible */
#cntflxpg, #accorflexpg {
	background-color: #e9f6fa;
	padding: 70px 8% 90px;
}
.cntflxw {
}
.cntflxw.cntflxwnrw {
	max-width: 1160px;
	margin: 0 auto;
}
.cntflx-bcrumb {
	color: #003760;
	font-size: 13px;
	line-height: 17px;
	padding-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.cntflx-content {
}
.cntflx-content h1, .cntflx-content h2 {
	color: #003760;
	padding-bottom: 60px;
}
.cntflx-content h4 {
	border-top: 2px solid #003760;
	font-weight: 700;
	color: #003760;
	font-size: 15px;
	line-height: 21px;
	padding: 8px 0 10px;
}
.cntflx-content b, .cntflx-content strong {
	font-weight: normal;
	font-weight: 700;
	color: #003760;
}
.cntflx-content ul {
	margin: 0 0 0 15px;
}
.cntflx-content ul ul {
	margin: 5px 0 0 25px;
}
.cntflx-content li {
	line-height: 28px;
	padding: 0 0 8px;
}
.cntflx-content iframe {
	width: 100%;
}
.cntflx-contenttxt, .cntflx-contentaccr {
	margin-bottom: 60px;
}
.accorc-item {
	border-bottom: 1px solid #003760;
	margin-bottom: 10px;
}
.accorch {
	position: relative;
	font-weight: 500;
	color: #003760;
	font-size: 16px;
	line-height: 22px;
	padding: 0 0 15px;
	cursor: pointer;
}
.accorch::after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #003760;
	position: absolute;
	top: 10px;
	right: 2px;
	transform: rotate(-90deg) translateZ(1px);
	transition: 0.3s linear;
}
.accorc-itemopen .accorch::after {
	transform: rotate(0deg) translateZ(1px);
}
.accorch span {
	margin-right: 10px;
}
.accorctxt {
	display: none;
	padding: 0 0 40px;
}
#tbl_corpnfo {
	table-layout: fixed;
	font-size: 14px;
	line-height: 22px;
}
#tbl_corpnfo td {
	width: 33.333%;
	padding: 0 6% 10px 0;
}
#tbl_contact {
	font-size: 16px;
	line-height: 28px;
}
#tbl_contact p {
	line-height: 28px;
}
#tbl_contact h4 {
	border-top: 2px solid #003760;
	color: #0055ad;
}
#tbl_contact td:nth-child(1) {
	width: 42%;
	padding: 0 17% 10px 0;
}
#tbl_contact td:nth-child(2) {
	width: 25%;
	padding: 0 6% 10px 0;
}
#tbl_contact td:nth-child(3) {
	width: 33%;
	padding: 0 6% 10px 0;
}
#tbl_analysts {
	table-layout: fixed;
	width: 100%;
}
#tbl_analysts th {
	font-weight: 700;
	color: #003760;
	font-size: 18px;
	line-height: 24px;
	border-bottom: 2px solid #003760;
	padding-bottom: 8px;
}
#tbl_analysts th:nth-child(1) {
	width: 28%;
}
#tbl_analysts th:nth-child(2) {
	width: 30%;
}
#tbl_analysts th:nth-child(3) {
	width: 42%;
}
#tbl_analysts td {
	font-size: 20px;
	line-height: 24px;
	padding: 12px 5px 12px 0;
	border-bottom: 1px solid #003760;
}
#tbl_analysts td a {
	text-decoration: none;
	color: #0055ad;
}


/* shareholder diary */
.shdiary-title {
	color: #003760;
	margin-bottom: 40px;
}
.shdiary-content {
}
.shdiary-entries {
	position: relative;
	width: 54%;
	box-sizing: border-box;
	padding: 0 8% 0 0;
}
.shdiary-entries::before {
	content: '';
	display: block;
	width: 2px;
	background-color: #003760;
	position: absolute;
	top: 4px;
	left: 246px;
	bottom: -14px;
}
.shdiary-enrow {
	padding: 7px 0;
}
.shdiary-endate {
	width: 260px;
	font-size: 16px;
	line-height: 22px;
	padding: 0 28px 0 0;
	text-align: right;
	box-sizing: border-box;
}
.shdiary-endate.shdiary-enyear {
	font-weight: 700;
	color: #003760;
	font-size: 15px;
	line-height: 23px;
}
.shdiary-entitle {
	width: calc(100% - 260px);
	font-size: 16px;
	line-height: 22px;
}
.shdiary-enrow b {
	font-weight: 700;
	color: #003760;
	font-size: 15px;
	line-height: 23px;
}
.shdiary-enrow span {
	font-weight: 700;
	color: #0055ad;
	font-size: 15px;
	line-height: 23px;
}
.shdiary-upc {
	position: relative;
	width: 46%;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 45px 50px 100px;
}
.shdiaryupc-lbl {
	max-width: 325px;
	font-weight: 700;
	color: #003760;
	font-size: 15px;
	line-height: 23px;
	border-bottom: 2px solid #003760;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.shdiaryupc-title {
	font-weight: 500;
	color: #0055ad;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 12px;
}
.shdiaryupc-date {
	font-size: 16px;
	line-height: 22px;
}
.shdiaryupc-link a {
	background-color: #0055ad;
}


/* brands */
#brandspg {
	padding: 65px 4% 35px;
}
.brnds-h {
	max-width: 1380px;
	margin: 0 auto;
	padding-bottom: 115px;
}
.brnds-title {
	color: #003760;
}
.brnds-content {
	max-width: 1380px;
	margin: 0 auto;
}
.brnds-row {
	padding-bottom: 75px;
}
.brndsr-img {
	width: 55%;
	padding-top: 39%;
	background-size: cover;
	background-position: 50% 50%;
}
.brndsr-imgm {
	display: none;
	padding-top: 70.9%;
	background-size: cover;
	background-position: 50% 50%;
}
.brndsr-txt {
	width: 45%;
	box-sizing: border-box;
	padding: 0 0 0 4.5%;
}
.brnds-roweven .brndsr-txt {
	padding: 0 4.5% 0 4.5%;
}
.brndsr-txt h3 {
	font-weight: 500;
	color: #0055ad;
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 20px;
}
.brndsr-txt p {
}
.brndsr-txt img {
	max-width: 100%;
}
.brndsr-txt h5 a {
	position: relative;
	display: inline-block;
	padding: 20px 78px 20px 36px;
	color: #FFF;
	background-color: #0055ad;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.15em;
	transition: 0.3s linear;
}
.brndsr-txt h5 a:hover {
	background-color: #003760;
}
.brndsr-txt h5 a::after {
	content: '';
	display: block;
	background-image: url('images/iconwh-offsite.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 17px;
	right: 32px;
}


/* media centre */
#mdcntrpg {
}
.mdcnban {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 27.5%;
	margin-bottom: 80px;
}
.mdcnban-outer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 4;
	box-sizing: border-box;
	padding: 0 0 0 10%;
}
.mdcnban-outer::after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.mdcnban-inner {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.5em);
	box-sizing: border-box;
	padding: 0 1% 0 57.5%;
}
.mdcnban-title {
	color: #003760;
	padding-bottom: 25px;
}
.mdcnban-intro {
	color: #0055ad;
	font-size: 24px;
	line-height: 34px;
	max-width: 470px;
}
.mdcn-news {
	padding: 0 5.5% 80px;
}
.mdcn-newsw {
	max-width: 1500px;
	margin: 0 auto;
}
.mdcn-newsl {
	width: 26%;
	box-sizing: border-box;
}
.mdcn-newstitle {
	color: #003760;
	margin-bottom: 30px;
}
.mdcn-newslink {
	display: inline-block;
	position: static;
}
.mdcn-newslink a {
	background-color: #80b644;
	padding: 22px 60px 22px 25px;
}
.mdcn-newsr {
	width: 74%;
}
.mdcn-newsr .hpost-item {
	width: calc(50% - 36px);
	margin: 0 18px 50px;
	padding-top: 30px;
}
.mdcn-newsr .hposti-img {
	margin: 0 0 25px;
}
.hposti-rmore {
	margin-top: 20px;
	display: inline-block;
	position: static;
}
.hposti-rmore a {
	background-color: #0055ad;
}
.mdcn-blocks {
	padding: 0 60px 40px;
}
.hblk-press {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 59%;
	box-sizing: border-box;
	background-color: #f7f7f7;
	padding: 48px 3% 65px;
}
.hblkpress-title {
	color: #003760;
	margin-bottom: 30px;
}
.hblkpress-content {
}
.hblkpress-content .hpost-item {
	width: calc(50% - 50px);
	margin: 0 50px 50px 0;
}
.hblkpress-content .hposti-title {
	font-size: 21px;
	line-height: 29px;
}
.hblkpress-link a {
	background-color: #003760;
}
.mdcn-media {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 34.2%;
}
.mdcn-media .sustn-ftrw {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 4;
	box-sizing: border-box;
	padding: 0 0 0 9%;
}
.mdcn-media .sustn-ftrw::after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.mdcn-media .sustnftr-txt {
	width: calc(100% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0;
	max-width: 1160px;
	margin: 0 auto;
}
.mdcn-media .sustnftr-txt h3 {
	color: #003760;
	font-weight: 500;
}
.mdcn-media .sustnftr-txt p {
	color: #000;
	font-size: 17px;
	line-height: 27px;
}


/* press release */
#presspg {
}
.pressw {
	border-top: 2px solid #003760;
	padding: 60px 0 0;
	margin: 0 5%;
}
.press-h {
	max-width: 1260px;
	margin: 0 auto;
}
.press-hw {
	padding: 0 2.5%;
}
.press-bcrumb {
	color: #003760;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}
.press-title {
	color: #003760;
	margin-bottom: 35px;
}
.press-intro {
	max-width: 460px;
	color: #003760;
	font-size: 30px;
	line-height: 44px;
	margin-bottom: 35px;
}
.press-nav {
	margin-bottom: 50px;
}
.pressnav-year {
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	font-size: 17px;
	line-height: 17px;
	background-color: #e9f6fa;
	color: #82add9;
	margin: 0 4px 4px 0;
	padding: 12px 4px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	width: 100%;
	max-width: 126px;
}
.pressnav-yearc {
	color: #FFF;
	background-color: #0055ad;
	cursor: auto;
}
.press-posts {
	text-align: center;
	padding: 0 0 130px;
}
.press-postload {
	margin-top: 35px;
	display: inline-block;
	position: static;
}
.press-postload a {
	background-color: #1db5e1;
}
.press-ftr {
	background-size: cover;
	background-position: 50% 50%;
	padding: 125px 4%;
}


/* news */
#index {
}
.idx-banner {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 23%;
	margin-bottom: 50px;
}
.idx-bcrumb {
	position: absolute;
	top: 2vw;
	left: 10%;
	z-index: 6;
	color: #003760;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.idxban-outer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 4;
	box-sizing: border-box;
	padding: 50px 0 50px 10%;
}
.idxban-outer::after {
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.idxban-inner {
	width: calc(100% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.idx-title {
	color: #003760;
	margin-bottom: 30px;
}
.idx-intro {
	max-width: 400px;
	color: #0055ad;
	font-size: 26px;
	line-height: 36px;
}
.idx-feat {
	padding: 0 4% 45px;
}
.idx-featw {
	border-top: 2px solid #003760;
	max-width: 1390px;
	margin: 0 auto;
	padding: 10px 0 0;
}
.idxfeat-title {
	color: #003760;
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 40px;
}
.idxfeat-items {
}
.idxfeat-item {
	padding-bottom: 45px;
}
.idxfeat-item.idxfeat-itemodd {
}
.idxfeat-item.idxfeat-itemeven {
}
.idxft-img {
	width: 54.5%;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 37.6%;
}
.idxft-imgm {
	display: none;
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 68.9%;
}
.idxft-txt {
	width: 45.5%;
	box-sizing: border-box;
	padding: 0 12% 0 4%;
}
.idxfeat-itemeven .idxft-txt {
	padding: 0 4% 0 12%;
}
.idxft-date {
	font-size: 15px;
	line-height: 19px;
	color: #003760;
	font-weight: 700;
	margin-bottom: 10px;
}
.idxft-title {
	color: #0055ad;
	font-size: 28px;
	line-height: 38px;
	font-weight: 500;
	margin-bottom: 15px;
}
.idxft-intro {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 35px;
}
.idxft-link {
	display: inline-block;
	position: static;
}
.idxft-link a {
	background-color: #0055ad;
}
.idx-posts {
	background-color: #e9f6fa;
	padding: 100px 4% 125px;
	text-align: center;
}
.idx-postsw {
	max-width: 1260px;
	margin: 0 auto;
}
.idx-postload {
	margin-top: 35px;
	display: inline-block;
	position: static;
}
.idx-postload a {
	background-color: #1db5e1;
}
.postitem {
	border-top: 2px solid #003760;
	width: calc(33.333% - 4px - 5%);
	box-sizing: border-box;
	text-align: left;
	padding: 20px 0 65px;
	margin: 0 2.5%;
}
.posti-img {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #FFF;
	padding-top: 68.9%;
	margin-bottom: 10px;
}
.posti-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
}
.posti-date {
	font-size: 15px;
	line-height: 19px;
	color: #003760;
	font-weight: 700;
	margin-bottom: 10px;
}
.posti-title {
	color: #0055ad;
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	margin-bottom: 15px;
}
.posti-intro {
	font-size: 16px;
	line-height: 28px;
}
.idx-ftr {
	padding: 100px 4%;
}
#search {
	border-top: 2px solid #003760;
	padding: 60px 0 40px;
	margin: 0 5%;
}
.searchw {
	max-width: 1260px;
	margin: 0 auto;
	text-align: center;
}
.search-title {
	text-align: left;
	color: #003760;
	margin: 0 0 35px 2.5%;
}
.search-postload {
	position: static;
	display: inline-block;
}
.search-postload a {
	background-color: #1db5e1;
}


/* single */
.stdpost {
	padding: 70px 4% 0;
}
.spostw {
	max-width: 1170px;
	margin: 0 auto;
}
.stdpost .idx-bcrumb {
	position: static;
	padding-bottom: 20px;
}
.sposth {
	color: #003760;
	text-align: center;
}
.spost-banner {
	background-size: cover;
	background-position: 50% 50%;
	padding-top: 42.5%;
	margin-bottom: 65px;
}
.spost-nobanner {
	margin-bottom: 65px;
}
.spost-date {
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 20px;
}
.spost-title {
	text-transform: uppercase;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.spostinnrw {
	max-width: 1040px;
	margin: 0 auto;
}
.spost-content {
	margin-bottom: 80px;
}
.spost-content h3 {
	text-align: center;
	color: #003760;
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 50px;
}
.spost-content blockquote {
	display: inline-block;
	background-color: #f2f2f2;
	padding: 20px 20px 1px;
	font-size: 14px;
	line-height: 24px;
}
.spost-content ul, .stdpg-content ul, .spost-content ol, .stdpg-content ol, .invmnti-cnt ul, .invmnti-cnt ol {
	margin: 0 0 20px 16px;
}
.spost-content li, .stdpg-content li, .invmnti-cnt li {
	line-height: 28px;
	margin-bottom: 5px;
}
.backtotop {
	display: inline-block;
	cursor: pointer;
	color: #003760;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.1em;
	margin-bottom: 100px;
}
.backtotop::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #003760;
	border-right: 2px solid #003760;
	transform: translateZ(1px) rotate(-45deg);
	margin: 2px 0 0 8px;
}
.spost-nav {
	border-top: 2px solid #003760;
	padding: 30px 0 75px;
}
.spostnavl {
	width: calc(100% - 32px);
	box-sizing: border-box;
	padding: 0 20px 0 0;
}
.spostnav-title {
	color: #003760;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px;
	padding-bottom: 10px;
}
.spostnav-link {
	max-width: 740px;
	font-weight: 500;
	color: #0055ad;
	font-size: 30px;
	line-height: 38px;
}
.spostnavarr {
	width: 32px;
}
.spostnavarr a {
	position: relative;
	display: block;
	height: 25px;
}
.spostnavarr a::before {
	content: '';
	display: block;
	background-color: #003760;
	height: 2px;
	position: relative;
	top: 8px;
}
.spostnavarr a::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	right: 1px;
	width: 16px;
	height: 16px;
	border-top: 2px solid #003760;
	border-right: 2px solid #003760;
	transform: translateZ(1px) rotate(45deg);
}


/* footer */
#footer {
	padding: 0 0 100px;
	font-size: 12px;
}
.ftr-topw {
	background-color: #f0f0f0;
	padding: 55px 8% 45px;
}
.ftr-top {
	max-width: 1080px;
	margin: 0 auto;
}
.ftr-top h3.widget-title {
	color: #003760;
	font-weight: 700;
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 24px;
}
.ftr-top p {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 10px;
}
.ftr-top a {
	transition: 0.3s linear;
}
.ftr-top a:hover {
	color: #0055ad;
}
.ftr-top b, .ftr-top strong {
	font-weight: normal;
	font-weight: 700;
}
.ftr-tl {
	text-align: justify;
	font-size: 0;
}
.ftr-tl::after {
	content: '';
	display: inline-block;
	width: 100%;
}
.ftr-tl .widget {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 20px 0;
}
.ftr-btmw {
	padding: 0 8%;
}
.ftr-btm {
	max-width: 1080px;
	margin: 0 auto;
	padding: 35px 0 0;
}
.ftr-br {
	color: #534f4f;
	width: 100%;
}
.ftr-btm p {
	margin-bottom: 0;
}
.ftrsocial a {
	margin-right: 34px;
	font-size: 14px;
}
.ftr-btm .widget {
	display: inline-block;
	vertical-align: top;
}
.ftr-btm .widget_nav_menu {
	margin: 0 0 0 60px;
}
.ftr-btm .widget_nav_menu ul {
	list-style: none;
	margin: 0;
}
.ftr-btm .widget_nav_menu li {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px 0 0;
	line-height: 28px;
}