@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;

    outline: 0;
}
figure {
	margin: 0;
}
img {
	width:100%;
	display:block;
	margin: 0;
}
:root {
    --c-black: #000;
    --c-white: #fff;
    --c-red: #AA182C;
    --c-gold: #C3A37D;
    --c-grey-f: #f5f5f5;
    --c-grey-d: #d6d6d6;
    --c-grey-9: #9e9e9e;
    --c-grey-5: #505050;
    --f-s: 15px;
    --f-xs: 12px;
}
html {
    font-family: 'Barlow', sans-serif;
    font-size:100%;
	line-height: 1.4;
    color: var(--c-grey-5);
}

@media screen and (min-width:26.75em ) {
	html {
		font-size:112.5%;
	}
}

body {
    margin: 0;
}

body.tc,
body.sc {
	line-height: 1.75;
}
.pagetitle {
	position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}
.dark-overlay {
	position: fixed;
	z-index: 102;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	display: none;
	background-color: rgba(0,0,0,0.8);
}
.popup-container {
	position: fixed;
	z-index: 103;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display: none;
	
    overflow: hidden;
}
.popup-container .close {
	
    display: block;
    width: 2em;
    height: 2em;
    background-image: url(images/nav_close.png);
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: center;
    cursor: pointer;
	float: right;
	margin:-0.5em -0.5em 0.5em 0;
}
.popup{
	 background:var(--c-white);
	clear:both;
	padding:1em;
	overflow-y:auto;
	height:100%;
	
    width: 90vw;
    max-width: 64em;
    max-height: 80vh;
}
@media screen and (min-width:48em) {
	
.popup{
	padding:2em; 
	}

}

@media screen and (min-width:64em) {
	
 
	 
}


a {
    color:var(--c-grey-5);
    text-decoration: none;
}
section {
}
/*section:first-of-type {
    margin:0 auto;
}*/
h1,h2,h3,h4,h5,h6 {
	line-height:1.5;
}
section hgroup h2 {
    font-size:2.23em;
    font-weight:500;
	line-height: 1.1;
    
    margin: 0.5em 0; 
} 
section hgroup h3 {
    font-size:1.67em;
    font-weight:500;
	line-height: 1.2;
	margin:0.5em auto;
} 
section hgroup h4 {
    font-size:1.4em;
    font-weight:500;
	line-height: 1.2;
	color:var(--c-red);
	margin: 1em 0;
} 

@media screen and (min-width:48em) {
    
section hgroup h3 {
    font-size:2.23em; 
} 
}
@media screen and (min-width:64em) {
    
section hgroup h3 {
    font-size:2.78em; 
} 
}
@media screen and (min-width:48em) {
    
section hgroup h2 {
    font-size:2.78em; 
    margin:   0.5em auto;
} 
}
@media screen and (min-width:64em) {
    
section hgroup h2 {
    font-size:2.78em; 
    margin:   0.5em auto;
} 
}

 .cta a.btn {
	display: block;
	border:1px solid var(--c-red);
	color:var(--c-red);
	font-size:0.833333333em;
	text-transform:uppercase;
	position:relative;
	cursor: pointer;
	line-height: 1;
}

 
.cta a.btn.solid {
	color:var(--c-white);
}

 
.cta a.btn span.text {
	display:block;
	position:relative;
	padding:0.8em 2.4em 0.8em 0.8em ;
	z-index: 2;

    white-space: nowrap;
}
.cta a.btn span.text::after {
	content:'';
	position: absolute;
	top:50%;
	right:1em;
	background-image:url(images/cta_btn_icon.png);
	background-repeat: no-repeat;
	background-size:contain;
	width:0.8em;
	height:0.8em;
	margin-top:-0.4em;
}

.cta a.btn.solid span.text::after {
	background-image:url(images/cta_btn_icon_w.png);
}

.cta a.btn span.bg {
	content:'';
	background:var(--c-red);
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	width:0%;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	z-index: 1;
}


.cta a.btn.solid span.bg {
	width:100%;
	background:var(--c-red);
}
.cta a.btn:hover {
color:var(--c-white);
}


.cta a.btn:hover span.bg {
	width:100%;
}


.cta a.btn.outline:hover {
	color:var(--c-red);
}
.cta a.btn.outline:hover span.bg {
	width:0%;
}
.cta a.btn:hover span.text::after{

	background-image:url(images/cta_btn_icon_w.png);
}

.cta a.btn.outline:hover span.text::after{

	background-image:url(images/cta_btn_icon.png);
}


 .cta a.btn.white {
	 
	border:1px solid var(--c-white);
	color:var(--c-white);
}

.cta a.btn.white span.text::after {
	
	background-image:url(images/cta_btn_icon_w.png);
}


.cta a.btn.white span.bg {
	background-color:var(--c-white);
}
.cta a.btn.white:hover span.bg {
	width:100%;
}

.cta a.btn.white:hover {
	color:var(--c-red);
}
.cta a.btn.white:hover span.text::after{

	background-image:url(images/cta_btn_icon.png);
}


main input[type="text"],
main input[type="email"]
 {
	font-family: 'Barlow', sans-serif;
    background-color: var(--c-grey-f);
    border: none;
    padding: 0.8em 0.6em;
    border-radius: 0;
    display: block;
    width: 100%;
    font-size: 1.25em;
}
main input[type="checkbox"] {
    border-radius: 0;
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0 0;
	border:1px solid var(--c-grey-d);
    
}

main .cta .btn input[type="submit"] {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	cursor: pointer;
}
.a-item {
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
    opacity: 0;
}
.a-item.a-zoom-out {
	transform:scale(1.1);
}
.a-item.a-bottom-top {
transform:translate(0,50%);
}
.a-item.a-left-right {
transform:translate(-100%,0);
}
.a-item.a-right-left {
transform:translate(100%,0);
}

.a-full {
    opacity: 1!important;
    transform:scale(1) translate(0%,0%)!important;
	
}

.a-done {
	transition-delay:0s!important;
}

.wrap {
    padding:0  1em;
	margin: auto;
}



@media screen and (min-width:48em) {
	.wrap {
    padding:0 2em;
		max-width:74em;
}
}
header {
    background:var(--c-white);
	position: relative;

    z-index: 101;
    
}
header.sticky {
position: fixed;
    top:0;
    left:0;
    width:100%;
    /*box-shadow: 0 0 1em var(--c-grey-9);*/
}
.nav-active header.sticky {
 /*    background:none;
   box-shadow: none;*/
}
@media screen and (min-width:48em) {

    }
header .wrap {
	
	background-color:var(--c-white);
}
header .logo {
	position: relative;
	width: 100%;
}

header .logo hgroup a {

    text-indent: -99999em;
    width:9em;
    height:2em;
	background-color:var(--c-white);
    background-image:url(images/logo_ks60.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: top left;
    display: block;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
	position: relative;
}
.ks60-logo-animate canvas {
    width: 100%!important;
    height: 100%!important;
}


@media screen and (min-width:48em) {
.nav-active header.sticky .logo hgroup a,	 
header .logo hgroup a{
    
    width:13em;
    height:50px;
    }
}
header.sticky .logo hgroup a{
    
    width:9em;
    height:2em;
}

header .logo .ks60-logo-animate {
    position: absolute;
    top: 0;
    left: 68%;
    width: auto!important;
    padding-right: 32%;
    display: none;
    height: 100%!important;
}

.nav-active header .logo .ks60-logo-animate { 
	opacity: 0;
}

header>.wrap {
    display:flex;
    align-items:center;
    justify-content: space-between;
    padding-top:1em;
    padding-bottom:1em;
}

header .lang {
    font-size: var(--f-s);
    white-space: nowrap; 	
	position: relative;
	z-index: 2;
}
header .lang a {
    display: inline-block;
    padding:0.5em;
}

header .nav-toggle {

	position: relative;
	z-index: 2;
	margin-left:0.5em;
	padding-left:0.5em;
}

header .nav-toggle:after {
border-right: 1px solid #D6D6D6;
content:'';
position: absolute;
	top:50%;
	left:0;
	height:1em;
	width:0;
	margin-top:-0.5em;
}
header .nav-toggle span {
    display: block;
    width:2em;
    height:2em;
    background-image:url(images/nav_toggle.png);
    background-repeat: no-repeat;
    background-size:50%;
    background-position: center;
    cursor: pointer;
}

.nav-active header .nav-toggle span {

    background-image:url(images/nav_toggle_close.png);
}

.subscribe {
text-align:center;
margin: 0 auto 4em auto;
}

.subscribe h3 {
	font-weight: 300;
}

.subscribe .cta {
	
}

.subscribe a {
	text-align: left;
	max-width:16em;
	margin: auto;
}

@media screen and (min-width:48em) {

.subscribe h3 {
	font-size:225%;
}
}
.popup.subscribe { 
	margin: 0 auto;
	}
.popup.subscribe hgroup h3 {
margin:0;
}



.popup.subscribe .wrap {
	width:40em;
}
.popup.subscribe .wpcf7 {
	text-align: left;
}

.popup.subscribe .wpcf7 label {
font-size: var(--f-s);
}
.popup.subscribe .wpcf7 .accept span {
	margin-left:0;
}
.popup.subscribe .wpcf7 .accept span input {

}
.popup.subscribe .wpcf7 .wpcf7-not-valid-tip,
.popup.subscribe .wpcf7 .privacy,
.popup.subscribe .wpcf7 .unsub {
font-size:var(--f-xs);
}

.popup.subscribe .cta {
	margin:2em auto; 
}

.popup.subscribe .wpcf7 .recaptcha {
margin: 1.5em auto;
}
.popup.subscribe .wpcf7 .wpcf7-form.sent>p,
.popup.subscribe .wpcf7 .wpcf7-form.sent>div:not(.wpcf7-response-output) {
	display: none;
}
.popup.subscribe .wpcf7 .wpcf7-not-valid-tip {

	color:var(--c-red);
}

.popup.subscribe .wpcf7 .wpcf7-form.sent>.wpcf7-response-output {
	border:none;
	text-align: center;
}

.popup.subscribe .wpcf7 .wpcf7-spinner {

    visibility: visible;
     display: none;
    margin: auto;
    margin-top: 1em;
    background: none; 
    opacity: 1; 
}

.popup.subscribe .wpcf7 .wpcf7-form.submitting .cta .btn {
	display: none;
}
.popup.subscribe .wpcf7 .wpcf7-form.submitting .wpcf7-spinner {
	display: block;
}
.popup.subscribe .wpcf7 .wpcf7-spinner:before {
	
    background-color: var(--c-red);
}
.popup.subscribe .wpcf7 .wpcf7-form.invalid>.wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: var(--f-s);
	color:var(--c-red);
}
footer {
    background:var(--c-grey-f);
  clear: both;
    
}

footer .wrap {
    padding-top:2em;
    padding-bottom:2em;  position: relative;
}
footer .social {
    position: absolute;
    top:2em;
    right:1em;
}
footer .social ul,
footer nav.footer ul {
    margin: 0;
    padding: 0;
}
footer nav.footer ul li {
  list-style: none;
  font-size: var(--f-s);
}
footer nav.footer a {
    padding: 0.25em 0;
    color: var(--c-grey-5);
    display: inline-block;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

footer nav.footer a:hover {
    color: var(--c-red);
}
footer .copyright {
    font-size:0.67em;
}
footer .logo {
    height:2.23em;
    width:8em;
    background-image:url(images/logo_ks_type.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:top left;
    margin:2em 0 1em 0;
}

footer .social li {
	padding: 0 0 0 1em;
}


.nav-active header  {
      z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
   
}
.nav-active header .logo {
	z-index: 2;
}
 
@media screen and (min-width:48em) {
	footer .social {
		
    top: auto;
    bottom: 2em;
    right: 2em;
	}
	
	 
}

footer nav.footer>.menu-footer-container>ul>li>a {
	font-weight:700;
}

footer nav.footer>.menu-footer-container .sub-menu li {
	font-size:0.8em;
}


footer nav.footer>.menu-footer-container .sub-menu  li li {
	font-size:0.8em;
}
footer nav.footer>.menu-footer-container .sub-menu .sub-menu a{
	 
	color:var(--c-grey-9);
}

footer nav.footer>.menu-footer-container .sub-menu .sub-menu a:hover{

    color: var(--c-red);
}
@media screen and (max-width:767px) {

	
}

@media screen and (min-width:48em) {
	
	footer nav.footer  {
		
		text-align: left;
		width:100%;
		margin-top:-0.5em;  
	}
	footer nav.footer>.menu-footer-container>ul {

        display:grid;
	gap:2em;
	grid-template-columns: repeat(3, 1fr);
		 
	}
  
}

@media screen and (min-width:64em) {
	
	footer nav.footer>.menu-footer-container>ul {
		display:flex;
		align-items:start;
		gap:2em;
	}
	footer nav.footer>.menu-footer-container>ul>li {
 
		width: auto;
		flex:1;
	}
}
.footer-logo {
background-color:var(--c-white);
}

.footer-logo .wrap {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.footer-logo ul {
	text-align: center;
	margin: 0;
	padding:0;
}
.footer-logo ul li {
	display:inline-block;
	vertical-align: middle;
}
.footer-logo ul figure {
	margin:0.5em 0.5em;
}

@media screen and (min-width:48em) {
	.footer-logo ul figure {
		margin:0.5em 1em;
	}		 
}
@media screen and (min-width:64em) {
	.footer-logo ul figure {
		margin:0.5em 1.5em;
	}		 
}
 
@media screen and (min-width:90em) {
	.footer-logo ul figure {
		margin:0.5em 2em;
	}		 
}
.footer-logo ul figure img{
	max-width:4em;
	max-height:2em;
}


@media screen and (min-width:48em) {
	.footer-logo ul figure img{
		max-width:6em;
		max-height:3em;
	}
	
}
.footer-logo ul figure img {
}
@media screen and (min-width:72em) {
	 
    
	header .logo {
		width:auto;
	}
	header>.wrap {
		display: flex;
		align-items:center;
	}
		header {
		transition-duration: 0.4s;
		transition-timing-function: ease-out;
	}
	header:hover {
		
    box-shadow: 0 0.2em 0.2em rgba(0,0,0,0.1);
	}	
}


nav.primary ul{
    margin: 0;
    padding: 0;
}
nav.primary ul li{
    list-style: none;
}

.data-for-nav {
	display: none;
	}
@media screen and (max-width:1151px) {
	
	
.nav-active {
    overflow: hidden;
}

nav.sub-menu-container{
	display: none;
}

nav.primary {

    z-index: 1;
    position: fixed;
    top:4em;
    left:-100%;
    width: 100vw;
    overflow: hidden;
    opacity: 0;transition-duration: 0.4s;
    transition-timing-function: ease-out;
	background-color:var(--c-white);
	bottom: 0;
	overflow-y: auto;

	border-top:1px solid var(--c-grey-d);
	 
}
.nav-active nav.primary {
	 left:0;
    opacity: 1;
}

.nav-active nav.primary {
}
 
nav.primary .wrap {
	padding: 0;
  }
nav.primary .primary li.current_page_item>a {
    
    font-weight:500;
}
nav.primary .primary li a {
  
	  cursor: default;
}

nav.primary .primary li a {
    padding:1em;
    display: block;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	}
	
nav.primary .primary>li {
	border-bottom:1px solid var(--c-grey-d);

}
 
nav.primary .primary>li>.sub-menu{
  padding:0 0 0.5em 0;
	margin-top:-0.5em;
}
	
nav.primary .primary>li>.sub-menu>li>a {
	padding: 0.5em 1em 0.5em 1.5em;	
	}
nav.primary .primary li .menu-item-has-children>a {
 /*   color:var(--c-red);*/
	font-weight:500;
}


nav.primary .primary>li>.sub-menu>li>.sub-menu>li>a {	

padding: 0.5em 1em 0.5em 2em;
}
	
nav.primary .primary>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {	

	padding: 0.5em 1em 0.5em 2.5em;
	}
	nav.primary .primary li.hover>a {
	transform:translateX(0.5em); 
    color:var(--c-red);
 
	  cursor: pointer;
	}
      
	nav.primary .primary li a {
		position: relative;
	}
	
nav.primary #menu-top>li>a:after,
	nav.primary .primary>li>a:after,
	nav.primary .primary li.menu-item:not(.menu-item-has-children)>a:after {
		position: absolute;
		top:50%;
		margin-top:-0.25em;
		width:0.5em;
		height: 0.5em;
		display: block;
		content:'';
		right:1em;
		background-size:contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image:url(images/scroll_down_arrow_b.png);
		transform:rotate(-90deg);
	}	
	
nav.primary #menu-top>li.hover>a:after,
	nav.primary .primary>li.menu-item.hover>a:after,
	nav.primary .primary li.menu-item.hover:not(.menu-item-has-children)>a:after { 
		right:1.5em;
		background-image:url(images/scroll_down_arrow_red.png);
	}
	nav.primary .primary  .sub-menu {
		display: none;
	}
	
	nav.primary .primary .hover .sub-menu {
		display: block;
	}
	nav.primary .primary>li.menu-item.hover:is(.menu-item-has-children)>a:after {
transform:rotate(0deg);
}





body>nav.top {
	display: none;
}


nav.primary #menu-top {
background-color:var(--c-grey-f);
padding:0.5em 0;
}


nav.primary #menu-top>li {
}
nav.primary #menu-top>li>a {
	display:block;
	padding:0.5em 1.2em;
	font-size:var(--f-s);
	position: relative;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

nav.primary #menu-top>li.hover>a {

	transform:translateX(0.5em); 
}

nav.primary #menu-top>li>a:after {
	right:1.25em;
}
}

@media screen and (min-width:48em) {
	nav.primary {
		top:4.7em;
	}
}

@media screen and (min-width:72em) {
 
nav.primary #menu-top {
	display: none;
}
nav.top {
position: relative;
z-index: 99;
background-color:var(--c-grey-f);
}
nav.top #menu-top  {
	text-align:right;
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	justify-content: flex-end;
	margin-right:-0.8em;
}


nav.top #menu-top li {
	list-style: none;
}

nav.top #menu-top li a {
	font-size: var(--f-s);
	padding: 0.5em 1.5em;
    display: block;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

nav.top #menu-top li a:hover {
	color:var(--c-red);
}
	header .nav-toggle {
		display: none!important;
	}
 nav.primary {
	top:auto;
	position: relative;
	z-index: 99;
	left:auto;
	opacity: 1;
	width:auto;
	display:block!important;
	white-space: nowrap;
	padding: 0;
	text-align: right;
	width:100%;
	background: none!important;
    overflow: visible;
	bottom: auto;
	}

	nav.primary .wrap {
		padding: 0;
	}
	
	nav.primary .primary {
		display: flex;
		align-items:center;
		justify-content: center;
	}
nav.primary .primary >li {
	 
    position: relative;
	}
nav.primary .primary>li>a {

    padding:0.5em 1.5vw;
	border:none;
}


nav.primary .primary a:hover { 

    color:var(--c-red);
}
	nav.primary .primary .sub-menu {
		display: none;
	}


nav.sub-menu-container {
	position: fixed;
	top:-150%;
	left:0;
	right:0;
	background:#fff;
	z-index: 100;
    box-shadow: 0 0.2em 0.2em rgba(0,0,0,0.1);
	opacity: 0;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	border-top:1px solid var(--c-grey-d);

}	

nav.sub-menu-container.activities {
	padding-top:2em;
}

nav.sub-menu-container.active {
	top:4.7777777777777777em;
	opacity: 1;
}

.admin-bar nav.sub-menu-container.active {

	top:calc(4.7777777777777777em + 32px);
}

header.sticky ~ nav.sub-menu-container.active {
	top:4em;
}


nav.sub-menu-container>.wrap ul {
margin:0;
padding:0;
}

nav.sub-menu-container>.wrap li {
list-style: none;
}


nav.sub-menu-container.activities {

}



nav.sub-menu-container.activities .wrap {
display:flex;
align-items:start;
}


nav.sub-menu-container.activities .first-level {

}


nav.sub-menu-container.activities .first-level>li.menu-item-has-children>a {
font-size:2em;
white-space: nowrap;
margin-bottom:0.5em;
display: block;
padding: 0 0 0.5em 0;
}

nav.sub-menu-container.activities .first-level>li.menu-item-has-children:hover a,
nav.sub-menu-container.activities .first-level>li.menu-item-has-children.active a {
	color:var(--c-red);
	position: relative;
}

nav.sub-menu-container.activities .first-level>li.menu-item-has-children a:before {
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background-color:var(--c-grey-d);
	z-index: 1;
	content:'';
	display: block;
}

nav.sub-menu-container.activities .first-level>li.menu-item-has-children a:after {

	content:'';
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	width:0%;
	height:1px;
	background-color:var(--c-red);
	z-index: 2;
	transition-duration: 0.8s;
	transition-timing-function:ease-out;
}

nav.sub-menu-container.activities .first-level>li.menu-item-has-children.active a:after {
	width:100%;
}

nav.sub-menu-container.activities .first-level>li:not(.menu-item-has-children) {
	margin:1.5em 0;
}
nav.sub-menu-container.activities .second-level-wrap {
 width:100%;
}
nav.sub-menu-container.activities .second-level {
	display: none;

}
nav.sub-menu-container.activities .second-level.active {
	display: block;
}
nav.sub-menu-container.activities .second-level.active>a {
	color:var(--c-red);
}
nav.sub-menu-container.activities .second-level>ul {
	display:flex;
	flex-wrap: wrap;
}

nav.sub-menu-container .wrap>.sub-menu li.menu-item-has-children>a,
nav.sub-menu-container.activities .second-level>ul>li>a {
	font-size:120%;
	padding:0.25em 0;
	display: block;
	cursor: default;
	color:var(--c-grey-5);
font-weight:500;
}
nav.sub-menu-container.activities .second-level>ul>li {

    width: 40%;
    margin-left: 10%;
    float: left;
	margin-bottom:2em;
}



nav.sub-menu-container.projects .wrap>.all {
    position: absolute;
    bottom: 2em;
   
    left: calc((100% - 4em)* 0.3333333 + 5em);
	right:2em;
}

nav.sub-menu-container.projects .wrap>.all>a {
	
    width: calc((100% - 4em)* 0.3333333);
}
nav.sub-menu-container.projects .wrap>.all>a,
nav.sub-menu-container.activities .first-level>li:not(.menu-item-has-children)>a,
nav.sub-menu-container.activities .second-level>ul>li>ul>li>a {
	display: block;
	padding:0.25em 0;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
	display: block;
	position: relative;
}

nav.sub-menu-container.projects .wrap>.all>a:after,
nav.sub-menu-container.activities .first-level>li:not(.menu-item-has-children)>a:after,
nav.sub-menu-container.activities .second-level>ul>li>ul>li>a:after {

	position: absolute;
	top:50%;
	margin-top:-0.25em;
	width:0.5em;
	height: 0.5em;
	display: block;
	content:'';
	right:1em;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(images/scroll_down_arrow_b.png);
	transform:rotate(-90deg);
}

nav.sub-menu-container.projects .wrap>.all>a:after,
nav.sub-menu-container.activities .first-level>li:not(.menu-item-has-children)>a:after {
	right:0;
}

nav.sub-menu-container.projects .wrap>.all:hover>a,
nav.sub-menu-container.activities .first-level>li:not(.menu-item-has-children):hover>a,
nav.sub-menu-container.activities .second-level>ul>li>ul>li:hover>a {
	color:var(--c-red);	transform:translateX(0.5em); 
}



nav.sub-menu-container.projects .wrap>.all:hover>a:after,
nav.sub-menu-container.activities .first-level>li:not(.menu-item-has-children):hover>a:after,
nav.sub-menu-container.activities .second-level>ul>li>ul>li:hover>a:after {

	right:1.5em;
	background-image:url(images/scroll_down_arrow_red.png);
}


nav.sub-menu-container.activities .first-level>li:not(.menu-item-has-children):hover>a:after {
	right:0.5em;
}
nav.sub-menu-container.projects .wrap,
nav.sub-menu-container.who-we-are .wrap,
nav.sub-menu-container.talent .wrap,
nav.sub-menu-container.sustainability .wrap,
nav.sub-menu-container.whatsnew .wrap {
	display: flex;
	justify-content: stretch;
	position: relative;
}
nav.sub-menu-container.projects .wrap>div,
nav.sub-menu-container.who-we-are .wrap>div,
nav.sub-menu-container.talent .wrap>div,
nav.sub-menu-container.who-we-are .wrap>ul,
nav.sub-menu-container.talent .wrap>ul,
nav.sub-menu-container.sustainability .wrap>div,
nav.sub-menu-container.sustainability .wrap>ul,
nav.sub-menu-container.whatsnew .wrap>div,
nav.sub-menu-container.whatsnew .wrap>ul {
	flex:1;
}

nav.sub-menu-container.projects .wrap>ul {
	flex:2;
	border-left:1px solid var(--c-grey-d);
	justify-content: space-between;
}
nav.sub-menu-container.projects .wrap>div.profile,
nav.sub-menu-container.talent .wrap>div.profile,
nav.sub-menu-container.who-we-are .wrap>div.profile,
nav.sub-menu-container.sustainability .wrap>div.profile,
nav.sub-menu-container.whatsnew .wrap>div.newsroom {
	padding: 1em 2em 1em 0;
}
nav.sub-menu-container.talent .wrap>div.vision,
nav.sub-menu-container.who-we-are .wrap>div.vision,
nav.sub-menu-container.sustainability .wrap>div.publication,
nav.sub-menu-container.whatsnew .wrap>div.publication {
	padding:1em 2em;
	border-left:1px solid var(--c-grey-d);
	border-right:1px solid var(--c-grey-d);
}
nav.sub-menu-container.projects .wrap>ul.sub-menu,
nav.sub-menu-container.talent .wrap>ul.sub-menu,
nav.sub-menu-container.who-we-are .wrap>ul.sub-menu,
nav.sub-menu-container.sustainability .wrap>ul.sub-menu,
nav.sub-menu-container.whatsnew .wrap>ul.sub-menu {
	padding: 1.75em  0 2em 2em;
}
nav.sub-menu-container.projects .wrap>div.profile>div,
nav.sub-menu-container.who-we-are .wrap>div.profile>div,
nav.sub-menu-container.talent .wrap>div.profile>div,
nav.sub-menu-container.sustainability .wrap>div.profile>div,
nav.sub-menu-container.sustainability .wrap>div.publication>div,
nav.sub-menu-container.whatsnew .wrap>div.newsroom>div,
nav.sub-menu-container.whatsnew .wrap>div.publication>div {
	margin:1em 0;
}
nav.sub-menu-container.whatsnew .wrap>div.newsroom>div.date {
	color:var(--c-grey-9);
	font-size:var(--f-s);
	margin-bottom:0;
}

nav.sub-menu-container.whatsnew .wrap>div.publication>div  {
	
}
nav.sub-menu-container.whatsnew .wrap>div.newsroom>div.date,
nav.sub-menu-container.whatsnew .wrap>div.newsroom>div.title:nth-child(n+2),
nav.sub-menu-container.whatsnew .wrap>div.publication>div.title:nth-child(n+2) {
	margin:0.5em 0;
}
nav.sub-menu-container.projects .wrap>div.profile .title,
nav.sub-menu-container.who-we-are .wrap>div.profile .title,
nav.sub-menu-container.talent .wrap>div.profile .title,
nav.sub-menu-container.sustainability .wrap>div.profile .title,
nav.sub-menu-container.sustainability .wrap>div.publication .title,
nav.sub-menu-container.whatsnew .wrap>div.newsroom .title ,
nav.sub-menu-container.whatsnew .wrap>div.publication .title {
	color: var(--c-red);
	text-transform: uppercase;
	font-weight: 500;
}
nav.sub-menu-container.sustainability .wrap>div.publication .img,
nav.sub-menu-container.whatsnew .wrap>div.publication .img {
	width:60%;
	display: block;
	margin:1em auto;
} 


nav.sub-menu-container.projects .wrap>div.profile .img figure {
position: relative;
width:100%;
padding-bottom:66%;
}

nav.sub-menu-container.projects .wrap>div.profile .img img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

nav.sub-menu-container.projects .wrap>div.profile .img {
	
}
nav.sub-menu-container.sustainability .wrap>div.profile ,
nav.sub-menu-container.sustainability .wrap>div.publication ,
nav.sub-menu-container.whatsnew .wrap>div.newsroom,
nav.sub-menu-container.whatsnew .wrap>div.publication {
	position: relative;
	padding-bottom:6em;
} 
nav.sub-menu-container.sustainability .wrap>div.profile .cta,
nav.sub-menu-container.sustainability .wrap>div.publication .cta,
nav.sub-menu-container.whatsnew .wrap>div.newsroom .cta,
nav.sub-menu-container.whatsnew .wrap>div.publication .cta {
	position:absolute;
	bottom:1em;
	left:2em;
	right:2em;
}

nav.sub-menu-container.sustainability .wrap>div.profile .cta,
nav.sub-menu-container.whatsnew .wrap>div.newsroom .cta {
	left:0;
}

nav.sub-menu-container.who-we-are .wrap>div.vision {
}

nav.sub-menu-container.who-we-are .wrap>div.vision p span,
nav.sub-menu-container.talent .wrap>div.vision p span
{
    color:var(--c-grey-5)!important;
	font-weight: 500;
}

nav.sub-menu-container.who-we-are .wrap>div.vision p strong span,
nav.sub-menu-container.talent .wrap>div.vision p strong span
{
	color: var(--c-red)!important;
	font-size:120%;
} 


/**/



nav.sub-menu-container .wrap {
	padding-top:2em;
	padding-bottom:2em;
}
nav.sub-menu-container.projects .wrap,
nav.sub-menu-container.activities .wrap,
nav.sub-menu-container.talent .wrap,
nav.sub-menu-container.who-we-are .wrap,
nav.sub-menu-container.sustainability .wrap,
nav.sub-menu-container.whatsnew .wrap {
padding-top:0;
padding-bottom:0;
}

nav.sub-menu-container .wrap>.sub-menu {
display:flex;
align-items:start;
justify-content: center;
gap:2em;
flex-wrap: wrap;
}

nav.sub-menu-container.activities .wrap>.sub-menu,
nav.sub-menu-container.talent .wrap>.sub-menu,
nav.sub-menu-container.who-we-are .wrap>.sub-menu,
nav.sub-menu-container.sustainability .wrap>.sub-menu,
nav.sub-menu-container.whatsnew .wrap>.sub-menu {
	display: block;
	gap:0;
}

nav.sub-menu-container .wrap>.sub-menu>li {
	width:calc((100% - 6em) / 4);
 
}



nav.sub-menu-container.projects .wrap>.sub-menu>li {
	width:calc((100% - 4em) / 3);
 
}


nav.sub-menu-container.activities .wrap>.sub-menu>li,
nav.sub-menu-container.who-we-are .wrap>.sub-menu>li,
nav.sub-menu-container.talent .wrap>.sub-menu>li,
nav.sub-menu-container.sustainability .wrap>.sub-menu>li,
nav.sub-menu-container.whatsnew .wrap>.sub-menu>li {
	width:auto;
}

nav.sub-menu-container .wrap>.sub-menu li>a,
nav.sub-menu-container.projects .wrap>.all>a,
nav.sub-menu-container.who-we-are .wrap>.sub-menu>li>a,
nav.sub-menu-container.talent .wrap>.sub-menu>li>a,
nav.sub-menu-container.sustainability .wrap>.sub-menu>li>a,
nav.sub-menu-container.whatsnew .wrap>.sub-menu>li>a {
	padding: 0.25em 1em 0.25em 0em;	
    color:var(--c-grey-5);

    transition-duration: 0.2s;
    transition-timing-function: ease-out;
	}

	nav.sub-menu-container.projects .wrap>.all:hover>a,
nav.sub-menu-container .wrap>.sub-menu li:not(.menu-item-has-children):hover>a,
nav.sub-menu-container.who-we-are .wrap>.sub-menu>li:hover>a,
nav.sub-menu-container.talent .wrap>.sub-menu>li:hover>a,
nav.sub-menu-container.sustainability .wrap>.sub-menu>li:hover>a,
nav.sub-menu-container.whatsnew .wrap>.sub-menu>li:hover>a {	
    color:var(--c-red);
}
nav.primary .primary li .menu-item-has-children>a {
 /*   color:var(--c-red);*/
	font-weight:500;
}

.menu-item-has-children>a {
	cursor: default;
}


nav.sub-menu-container.projects .wrap>.all:hover>a,
nav.sub-menu-container .wrap>.sub-menu li:not(.menu-item-has-children):hover>a,
nav.sub-menu-container.who-we-are .wrap>.sub-menu>li:hover>a,
nav.sub-menu-container.talent .wrap>.sub-menu>li:hover>a,
nav.sub-menu-container.sustainability .wrap>.sub-menu>li:hover>a,
nav.sub-menu-container.whatsnew .wrap>.sub-menu>li:hover>a {
	transform:translateX(0.5em); 
 
	  cursor: pointer;
	}
      
nav.sub-menu-container.projects .wrap>.all>a,
nav.sub-menu-container .wrap>.sub-menu li>a,
nav.sub-menu-container.who-we-are .wrap>.sub-menu>li>a,
nav.sub-menu-container.talent .wrap>.sub-menu>li>a,
nav.sub-menu-container.sustainability .wrap>.sub-menu>li>a,
nav.sub-menu-container.whatsnew .wrap>.sub-menu>li>a {
		position: relative;
		display: block;
	}
	

	nav.sub-menu-container.projects .wrap>.all>a:after,
	nav.sub-menu-container .wrap>.sub-menu li:not(.menu-item-has-children)>a:after,
	nav.sub-menu-container.who-we-are .wrap>.sub-menu>li>a:after,
    nav.sub-menu-container.talent .wrap>.sub-menu>li>a:after,
	nav.sub-menu-container.sustainability .wrap>.sub-menu>li>a:after,
	nav.sub-menu-container.whatsnew .wrap>.sub-menu>li>a:after{
		position: absolute;
		top:50%;
		margin-top:-0.25em;
		width:0.5em;
		height: 0.5em;
		display: block;
		content:'';
		right:1em;
		background-size:contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image:url(images/scroll_down_arrow_b.png);
		transform:rotate(-90deg);
	}	
	 
nav.sub-menu-container .wrap>.sub-menu li.menu-item-has-children {
	margin-top:-0.25em;
}
nav.sub-menu-container .wrap>.sub-menu li.menu-item-has-children>a:after {

	right:0.85em;
	margin-top:-0.2em;
}

nav.sub-menu-container .wrap>.sub-menu li.menu-item-has-children:hover>a:after {

	right:1.35em;
}

nav.sub-menu-container.projects .wrap>.all:hover>a,
nav.sub-menu-container .wrap>.sub-menu li:not(.menu-item-has-children):hover>a {
	color:var(--c-red);
}

nav.sub-menu-container.projects .wrap>.all:hover>a:after,
	nav.sub-menu-container .wrap>.sub-menu li:hover>a:after,
	nav.sub-menu-container.who-we-are .wrap>.sub-menu>li:hover>a:after,
    nav.sub-menu-container.talent .wrap>.sub-menu>li:hover>a:after,
	nav.sub-menu-container.sustainability .wrap>.sub-menu>li:hover>a:after,
	nav.sub-menu-container.whatsnew .wrap>.sub-menu>li:hover>a:after { 
		right:1.5em;
		background-image:url(images/scroll_down_arrow_red.png);
	}
 


}
 
header .lang ul {
    margin: 0;
    padding: 0; 
	display: flex;
	align-items:center;
	
}

header .lang   li {
    list-style: none;
}
header .lang   li.active a {
    display: none;
}
 .social {
}
 .social   {
    margin: 0;
    padding: 0;
}
  .social li {
display:inline-block;
    list-style: none;
padding:0 0.5em;
}
  .social a {
    width:1.34em;
    height: 1.34em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
	  text-indent:-99999em;
	  
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

  .social a:hover {
opacity: 0.5;
}

  .social li.linkedin a {
      background-image:url(images/social_linkedin.png);
}
  .social li.youtube a {
      background-image:url(images/social_youtube.png);
}
.ui-selectmenu-button.ui-button {
	border:1px solid var(--c-red);
    padding: 0.8em 1em;
	color: var(--c-red);
	width:100%;
}
.ui-selectmenu-icon.ui-icon {
	
    width:0.67em;
    height:0.67em;
	
    background-image: url(images/nav_sections_arrow.png);
    background-size:contain;
    background-repeat: no-repeat;
	margin-top:calc(0.67em / 2);
		transition-duration: 0.2s;
}
.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon {
	transform:rotate(180deg);
}

.ui-selectmenu-menu {
	
    background:var(--c-red);
    color:#fff;
} 
.ui-selectmenu-menu .ui-menu {
	
}
.ui-menu .ui-menu-item:nth-child(n+2) {
	 
    margin-top: -0.2em;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin: 0; 
}
.ui-menu .ui-menu-item:hover {
	
    background-color:rgba(255,255,255,0.2);
}

.ui-menu .ui-menu-item:hover  .ui-state-active {
	 
}
.ui-menu .ui-menu-item-wrapper {
	
    padding: 0.4em 1em;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	margin:0.5em 0;
}

.ui-selectmenu-menu .ui-menu .ui-state-disabled {
	display: none;
}

nav.tab {
	
}
nav.tab ul {
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	align-items:center;
	justify-content: center;
}
nav.tab li {
	list-style: none;
	position: relative;
}
nav.tab li:nth-child(n+2)::before {
	content:'';
	width:1px;
	height:1em;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-0.5em;
	background: var(--c-grey-5);

}
nav.tab li a {

    padding: 1em 1em;
    display: block;
    cursor: pointer;
}

nav.tab li.active a {
color:var(--c-red);
}


.breadcrumbs {
	color: var(--c-grey-5);
	font-size:0.833333333em;
}
 .breadcrumbs .arrow {
    padding: 0 0.5em;
}/*
@media screen and (min-width:48em) {
.breadcrumbs {
margin:2em auto;
}
}
*/

 
.col.cover,
.comp.cover,
.home .cover {
    min-height:150vw;
    background:#000;
    position: relative;
    color:var(--c-white);
    display: table;
    width:100%;
	overflow: hidden;
}
@media screen and (min-width:48em) {
    
.col.cover,
.comp.cover,
.home  .cover {
    min-height:100vh; 
    overflow: hidden;
}  
}

.col.cover .wrap,
.comp.cover .wrap,
.home .cover .wrap {
    display:table-cell;
    width:100%;
    height:100%;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    text-align: center;
}

.col.cover .bg,
.comp.cover .bg,
.home .cover .bg,
.col.cover .bg figure,
.comp.cover .bg figure,
.home .cover .bg figure  {
   position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.col.cover .bg figure img,
.comp.cover .bg figure img,
.home .cover .bg figure img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
    opacity: 0.8;
    z-index:1; 
}

.col.cover .video,
.comp.cover .video,
.home .cover .video {
    position: absolute;

    top: 50%;
    left: 50%;
    height: 100%; 
    opacity: 0.9;
    z-index: 1;
    transform: translate(-50%,-50%);  
}

.col.cover .video video,
.comp.cover .video video,
.home .cover .video video{
 
    height:100%;
}

.col.cover.video-landscape .video,
.comp.cover.video-landscape .video,
.home .cover.video-landscape .video {
    height:auto;
    width:100%;
}

.col.cover.video-landscape .video video,
.comp.cover.video-landscape .video video,
.home .cover.video-landscape .video video {
    height:auto;
    width:100%;
}

/*
.home .cover .wrap {
    position: absolute;
    z-index: 2;
    text-align: center;
    width:100%;
  
    top: calc(50% - 4em);
    left:50%;
    transform:translate(-50%,-50%);
}
*/
.home main {
    overflow: hidden;

    margin-top: -1px;
}

.col.cover .wrap h3,
.comp.cover .wrap h3,
.home .cover .wrap h3 {
    margin:0em;
}
.col.cover .wrap h4,
.comp.cover .wrap h4,
.home .cover .wrap h4 {
	color: var(--c-white);
}
.col.cover .wrap p,
.comp.cover .wrap p,
.home .cover .wrap p   {
	font-size:1.11em;
}
.col.cover .cta,
.comp.cover .cta,
.home .cover .cta {
	margin-top:4em;
}
.col.cover .cta a,
.comp.cover .cta a,
.home .cover .cta a {
	font-size: 0.8333333em;
    border: 1px solid var(--c-white);
    color: var(--c-white);
    text-transform: uppercase;
    width: 9em;
    display: block;
    margin: auto;
    line-height: 9em;
    border-radius: 100%;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
}

.col.cover .cta:hover a,
.comp.cover .cta:hover a,
.home .cover .cta:hover a {
	background-color: var(--c-white);
	color:var(--c-red);
	animation-name: coverCta;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	position: relative;
}
.col.cover .cta:hover a::after,
.comp.cover .cta:hover a::after,
.home .cover .cta:hover a::after {
	content:'';
	display: inline-block;
	vertical-align: baseline;
	background-image:url(images/cta_btn_icon.png);
	background-repeat: no-repeat;
	background-size:contain;
	width:0.8em;
	height:0.8em;
	margin-left:0.5em;
}

@keyframes coverCta {
	0% {transform:translateX(0);}
	50% {transform:translateX(5%);}
	100% {transform:translateX(0%);}
}
@media screen and (min-width:48em) {
	.col.cover .wrap,
.comp.cover .wrap,
	.home .cover .wrap {
		display: flex;
		align-items:center;
		justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	}
	.col.cover .wrap .txt-wrap,
.comp.cover .wrap .txt-wrap,
	.home .cover .wrap .txt-wrap {
		text-align: left;
		max-width:56em;
		margin-right:2em;
	}
	.col.cover .cta,
	.comp.cover .cta,
	.home .cover .cta {
		margin: 0;
	}
}

.home #intro_video {
    position: relative;
    z-index: 2;
}
.home #intro_video .wrap {
	max-width:64em;
	position: relative;
}

.home #intro_video .wrap .video-wrap {
	position: relative;
	width:100%;
	padding-bottom:56.25%;
	z-index: 1;
	
}

.home #intro_video .wrap .video-wrap video,
.home #intro_video .wrap .video-wrap video source {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.home #intro_video.playing .wrap .video-wrap {
	z-index: 2;
}
.home #intro_video .wrap .video-wrap iframe {
position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}
#events .swiper-slide .video-play-icon,
.home #intro_video .video-play-icon {
	position: absolute;
	top:0;
	left:1em;
	width:calc(100% - 2em);
	height:100%;
	z-index: 3;
	background-image: url('images/video_play_icon.png');
	background-size:3.6em;
	
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.home #intro_video.playing .video-play-icon {
	z-index: 1;;
}

.home #intro_video .img-wrap {
	position: absolute;
	top:0;
	left:1em;
	width:calc(100% - 2em);
	height:100%;
	z-index: 2;
}

.home #intro_video.playing .img-wrap {
	z-index: 1;
}
@media screen and (min-width:48em) {
	
.home #intro_video .video-play-icon ,
.home #intro_video .img-wrap {
	
	left:2em;
	width:calc(100% - 4em);
	}
}

.home #intro_video .img-wrap .swiper,
.home #intro_video .img-wrap figure {
	position: absolute;
	top:0;
	left:0;
width: 100%;
	height:100%;
	padding: 0;
    margin: 0;
}

.home #intro_video .img-wrap figure img {
		position: absolute;
	top:0;
	left:0;
width: 100%;
	height:100%;
	object-fit:cover;
}



.section-header-wrap {
	display:flex;
	justify-content: space-between;
	align-items: baseline;
}
.view-all a:after {
display:inline-block;
vertical-align: middle;
width:0.5em;
height: 0.5em;
content:'';
margin-left:0.25em;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
background-image:url(images/scroll_down_arrow_b.png);
transform:rotate(-90deg);
transition-duration: 0.2s;
transition-timing-function: ease-out;
}

.view-all a:hover {
	color:var(--c-red);
}
.view-all a:hover::after {
   
	background-image:url(images/scroll_down_arrow_red.png);
}

.view-all.mobile {
	text-align: center;	margin-top:2em;
}
.view-all.desktop {
	display: none;
}
@media screen and (min-width:48em) {



	.view-all.mobile {
		display: none;
	}
.view-all.desktop {
	display: block;

	
}
}


.home #publication  {
    text-align: center;
}
.home #publication .wrap::before {
    content:'';
    border-top:1px solid var(--c-grey-d);
   
    display: block;
}
#publication h3 {
    text-align: center;
margin:1em 0;    
}
#publication .items {
	
        display:grid;
	gap:2em;
	grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width:48em) {
	
#publication .items {
	
        display:grid;
	gap:2em;
	grid-template-columns: repeat(3, 1fr);
}
}
#publication figure img {
    max-width:20em;
    margin: auto;
}
.home #ceo {
	margin:4em auto;
    z-index: 2;
    position: relative;
}
.quote .img-wrap {
	width:14em;	margin: 3em auto;
}



.quote .img-wrap  {
z-index: 2;
	
}


.quote .img-wrap img {
border-radius: 100%;
}

.home #ceo .read-more {
	text-align: center;
	
	
	margin:3em auto;
}


@media screen and (min-width:48em) {
	
.home #ceo .read-more {
	text-align: left;
}
}
.home #ceo .read-more a {
	color:#9E9E9E;
	font-size: 0.72em;
	text-transform:uppercase;
}

.quote .txt-wrap {
	position: relative;
}
.quote .txt-wrap::before,
.quote .txt-wrap::after {
	    color: var(--c-red);
    font-size: 5em;
    position: absolute;
}
.quote .txt-wrap::before {
	content:'“';
}
.quote .txt-wrap::after {
	content:'”';
	
}

#ks60_animate {
    margin: -4em 0;
    overflow: visible;
}

#ks60_animate .wrap{
    position: relative;
    z-index: 1;
}

#ks60_animate #animation_container {
    background-color: rgba(255, 255, 255, 1.00);
  
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(50%, 60%);
}

#ks60_animate #animation_container {
		  width: 50%!important;
    height: auto!important;
	padding-bottom:32%;

}
#ks60_animate #animation_container canvas {
	  width: 100%!important;
    height: 100%!important;
}

@media screen and (min-width:48em) {
	
#ks60_animate {
    margin: 0em 0;
    overflow: visible;
}
}
@media screen and (min-width:90em) {
/*
    #ks60_animate .wrap{
    height: 0em;
}
*/

#ks60_animate {
    margin: 10em 0;
    overflow: visible;
}
    #ks60_animate #animation_container {
 
   transform: translate(60%, 25%);
}
}


@media screen and (min-width:64em) {
#ks60_animate #animation_container,
#ks60_animate #animation_container canvas {
}
}
.page-header.with-banner {
	position: relative;
	background-color:var(--c-black);
	margin-bottom:4em;
}
.page-header.with-banner .img-wrap figure {
		position: absolute;
	z-index: 1;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.page-header.with-banner .img-wrap img {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	object-fit: cover;
	opacity: 0.6;
}

.page-header.with-banner .wrap {
	position: relative;
	z-index: 2;
	color:var(--c-white);
   min-height: 42em;
}

.page-header.with-banner .wrap .breadcrumbs {
	color:var(--c-white);
	margin: 0.5em 0!important;
}
.page-header.with-banner .wrap .breadcrumbs a {
	color:var(--c-white);
}
 .page-header.with-banner .wrap,
 .page-header.with-banner .wrap .breadcrumbs,
 .page-header.with-banner .wrap .breadcrumbs a {
	/*color:var(--c-grey-5);*/
	
    text-shadow: 0 0.05em 0.1em var(--c-grey-5);
}
 /*
	.page-header.with-banner  {
		margin-bottom:4em;
	}
*/

	.page-header.with-banner .title-wrap {
		padding: 2em 0;
		max-width:52em;
	}
	.page-header .title-wrap.with-lead hgroup h2 {
margin:0;
font-size:111%;
font-weight: unset;
	}

	.page-header.with-banner .title-wrap .post-type {
		font-size:140%;
	}
	.page-header .title-wrap .divider {
		height:1px;
		width:100%;
		background-color:var(--c-white);
		margin:1em 0;
	}
	.page-header .title-wrap .lead {
		font-size:222%;
		line-height: 1.25;
	}

	.page-header .title-wrap .lead p {
		margin:0.5em 0;
	}
@media screen and (min-width:48em) {

	.page-header.with-banner .title-wrap {
		position: absolute;
		top:50%;
		left:2em;
		transform:translateY(-50%);
	}

	.single.ks-leadership .page-header.with-banner .title-wrap {
		
		top: auto;
		transform: none;
		position: relative;
		left: auto;
	}
	.page-header hgroup {
		margin: 0 auto;
		max-width:70em;
	}
	.content .wrap{
		max-width:82em;
		display: flex;
		align-items:start;
		justify-content: space-between;
}
	
	.content .txt-wrap {
		width:60%;
		
		max-width:34em;
	}
	.content .img-wrap {
		width:35%;
		max-width:21em;
	}
}

.swiper-container{
	position: relative;
}
.swiper{
    height:auto;
	position: relative;
    padding-bottom:2em;
}

.swiper-pagination {
	bottom:0!important;
}
.swiper .swiper-wrapper {


}
 .swiper .swiper-slide {
    width:100%;
}

.swiper-container .swiper-pagination,
.swiper .swiper-pagination {
    display:flex;
    justify-content: center;
}

.swiper-container .swiper-pagination span,
 .swiper .swiper-pagination span {
     width:100%;
    max-width: 1.5em;
    height: 0.15em;
    background: var(--c-grey-d);
    margin: 0 0.2em;
    border-radius: unset;
    opacity: 1;
     flex:1;
}

.swiper-container .swiper-pagination span.swiper-pagination-bullet-active,
.swiper .swiper-pagination span.swiper-pagination-bullet-active {
    background:var(--c-red);
}
.swiper-buttons {
	position: absolute;
	top:calc(50% - 1em);
	left:0;
	width:100%;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    content:none;
}

.swiper-button-prev,
.swiper-button-next {
    width:1.67em;
    height:1.67em;
    background-image: url(images/slider_arrow.png);
    background-size:contain;
    background-repeat: no-repeat;
    display:block;
    margin-top: calc(-1.67em / 2);
}

.swiper-button-prev {
    transform:rotate(180deg);
    left:0em;
}
.swiper-button-next {
    right:0em;
}/*
.swiper-button-disabled {
    opacity: 0!important;
}*/

@media screen and (min-width:48em) {
/*.swiper{
  padding: 0 6em 2em 6em;
	}*/
.swiper-button-prev {
    left:2em;
}
.swiper-button-next {
    right:2em;
}
}

.swiper-button-disabled {
 filter:grayscale(1);   
}
 

section.intro {
	
    margin: auto;
}


section.intro h4 {
	margin: 4em auto;
}


@media screen and (min-width:90em) {
section.intro {
	max-width: 60%;
}
}

.home #service .swiper {
	margin: 0 4em;
}
.home #service .swiper-slide {
	position: relative;
}

.home #service .swiper-slide .img-wrap {
	position: relative;
	z-index: 1;
}
.home #service .swiper-slide figure {
	background: var(--c-black);
}
.home #service .swiper-slide img {
	opacity: 0.7;
}

.home #service .swiper-slide .txt-wrap {
	position: absolute;
	bottom:1em;
	left:1em;
	right:1em;
	z-index: 2;
	
}
.home #service .swiper-slide .txt-wrap h4{
	color:var(--c-white);
	margin: 0;
}


.home #service  .swiper-button-prev {
	left:0;
}
.home #service   .swiper-button-next {
	right:0;
}
@media screen and (min-width:48em) {
	
.home #service  .swiper-button-prev {
	left:0;
}
.home #service  .swiper-button-next {
	right:0;
}
}

.col.banner,
.comp.banner,
#charity {
	position: relative; 
	color:var(--c-white);
	overflow: hidden;
}

.col.banner .img-wrap {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:var(--c-black);
}
#charity .wrap {
}
#charity .bg {
	
}

.col.banner img {
	opacity: 0.9;
}
.col.banner img,
.comp.banner img,
#charity img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	z-index: 1;
	
}

.col.banner .wrap {
	padding: 0;

    display: table;
    width: 100%;
    min-height: 13em;
}
.col.banner .mask,
.comp.banner .mask,
#charity .mask {
background-color: rgba(0,0,0,0.6);
    position: absolute;
    top: 50%;
    left: -50vw;
    width: 200vw;
    height: 200vw;
    transform: rotate(-15deg);
    transform-origin: 50% 0;
    z-index: 2;
}
.col.banner .txt-wrap,
.comp.banner .txt-wrap,
#charity .txt-wrap {
	z-index: 3;
	position: relative;
    padding: 1em 1em 4em 1em;

    display: table-cell;
}
.col.banner hgroup,
.comp.banner hgroup,
#charity hgroup {
	padding-bottom:15em;
	
}
.col.banner h3,
.comp.banner h3,
#charity h3 {
	
    max-width: 6em;
    margin: 0;
}

#charity p {
	
}
.col.banner .cta,
.comp.banner .cta,
#charity .cta  {
    position: absolute;
    bottom: 1em;
    right: 1em;
    margin: 0;
	left:1em;
}


@media screen and (min-width:48em) {
	.col.banner hgroup,
	.comp.banner hgroup,
	#charity hgroup {
		padding: 0;

		width: 62%;
	}
	.col.banner h3,
	.comp.banner h3,
#charity h3 {
	
    max-width: 100%; 
	float:left;
	margin: 0;
}
.col.banner p,
.col.banner .cta,
	.comp.banner p,
	.comp.banner .cta,
#charity p ,
	#charity .cta  {
	margin-left:66%; 
} 
.col.banner .txt-wrap {

    padding: 2em 2em 4em 2em;
}
.cols:not(.cols1) .col.banner hgroup h3 {
	font-size:2em;
}
.col.banner .cta {
    bottom: 2em;
    right: 2em;
    left: 0;
	margin-left:calc(66% - 0.5em);
}
	#charity p {
		margin-top:3em;
		margin-bottom: 3em;
		padding-bottom:4em
	} 
	.col.banner p,
	.comp.banner p {
		
		margin-top:0.5em;
		margin-bottom: 3em; 
	}
#charity .cta  {
	
    margin-top: 2em;
    margin-bottom: 12em;
	transform:translateY(1em);
	}
	 
	.col.banner .mask,
	.comp.banner .mask,
#charity .mask {
background-color: rgba(0,0,0,0.6);
    position: absolute;
    top: -100vw;
    left: 50%;
    width: 200vw;
	height:200vw;
    transform: rotate(30deg);
    transform-origin: 0 50% ;
    z-index: 2;
}
}

/*.join-us.col.banner h3,
.join-us .comp.banner h3 {
	color: var(--c-grey-5);
}*/
.timeline {
    overflow: unset;
}
.timeline .wrap {
	position: relative;
}
.timeline .nav {
    margin: 4em auto; 

    z-index: 4;

    position: sticky;
    top: 3.3em;

    background-color: var(--c-white);
}
.timeline .nav .mobile {
    
    background: #fff;
    padding: 1em 0 0 0;

}
.timeline .nav .desktop {
	display:none;
	position: absolute;
	top:0;
	left:2em;
	margin: 0;
	padding: 0;
}

#award.timeline .nav .desktop ul {

	margin: 0;
	padding: 0;
}
.timeline .nav .desktop li{
	list-style: none;
	text-align: center;
	margin-bottom: 0.5em;
    cursor:pointer;
	transition-duration:0.2s;
	transition-timing-function:ease-out;
}

.timeline .nav .desktop li:hover{
	color:var(--c-red);
}
.timeline .nav .desktop li.active{
	color:var(--c-red);
	/*font-size:1.4em;*/
}



#award.timeline .list  {
  
	padding-bottom:  0.62em ;
}

#award.timeline .nav .mobile .years  {
	margin:0 -1em;
	padding: 1em;
	text-align: center;
	overflow-x:auto;
	overflow-y:hidden;
	display:flex;
	align-items:center;
	gap:0.5em;
}

#award.timeline .nav .mobile .years  li{
 
list-style: none;
margin:0 ;
padding:0.6em 0.8em;
background-color:var(--c-grey-f);
border-radius:1em;
line-height: 1;
cursor: pointer;
transition-duration: 0.2s;
transition-timing-function: ease-out;
order:1px solid var(--c-grey-f);
}

#award.timeline .nav .mobile .years li:hover{
	color:var(--c-red);
}

#award.timeline .nav .mobile .years  li.active{
	border:1px solid var(--c-red);
	color:var(--c-red);
}

@media screen and (min-width:64em) {
	
    .timeline .nav {
        top:4em;
        height:20em;
    float: left;
    margin: 0;
	padding-right: 0;
    }
.timeline .nav .mobile {
	display:none;
}


.timeline .nav .desktop {
	display:block;
    
}

#award.timeline  {
display: flex; 
max-width:74em;
margin:auto;
}

#award.timeline .list  {
 
	width:100%; 
}

#award.timeline .list>ul {
	margin:0;
	padding: 0;
	width: 100%;
}

#award.timeline .nav {
	float:none;
}

#award.timeline .desktop {
	position: relative;
	top:auto;
	left: auto;
}
#award.timeline .desktop li  {
	white-space: nowrap;
	text-align:left;
}
}

.timeline .list {
	height:auto;
	position: relative;
/*	overflow-y: auto;*/
}

.timeline .list> ul {
position: relative;
	margin: 0 0;
	padding:  0;
	
}
@media screen and (min-width:64em) {

.timeline .list> ul {
	width:90%;
	margin:auto; padding-top:0.5em;
	}
}

.timeline .list> ul>  li::after {
	content:'';
	position: absolute;
	top:0.65em;
	
    left: calc(1.12em / 2);
	height:100%;
	width:1px;
	background:var(--c-grey-d);
	z-index: 1;
	
}








@media screen and (min-width:64em) {
	
.timeline .list> ul> li::after {
	left:50%;
}
	
/*
.timeline .list {
	height:auto;
	position: relative;
	overflow-y: visible;
}
*/
}
/*
.timeline .list::before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:4em;
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	z-index: 3;
}
.timeline .list::after {
	content:'';
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height:4em;
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	z-index: 3;
}*/

.timeline .list> ul> li {
	position: relative;
	z-index: 2;
	list-style: none;
	
    padding-left: 2.5em;
    padding-bottom: 4em;
}

.timeline .list> ul> li::before {
	content:'';
	position: absolute;
	z-index: 1;
	
	width:1.12em;
	height:1.12em;
	display: block;
	background:var(--c-grey-d);
	
    border-radius: 100%;
    top: 0.65em;
    left: 0;
}

.timeline .list> ul> li.year-tag {

position: relative;
display: block;
padding-left:0;
text-align:left;
}

.timeline .list> ul> li.year-tag::before {
	content:none;
}
.timeline .list> ul> li.year-tag span {
	display: inline-block;
    position: relative;
    z-index: 2;
    background: var(--c-red);
    padding: 0em 0.8em;
    border-radius: 1em;
	color:#fff; 
    margin-left: -1.4em;

}
@media screen and (min-width:64em) {

.timeline .list> ul> li.year-tag {
	padding-left:0;
	text-align: center;
}

.timeline .list> ul> li.year-tag span {
	margin-left:0;
}
}

#award.timeline .list> ul { 
	
		padding-left: 1em;
	}
#award.timeline .list> ul> li .img-wrap {
 margin-bottom:1em;
}

#award.timeline .list> ul> li h2 {
	color:var(--c-red);
	margin:0;
}
#award.timeline .list> ul> li .orgs-types-wrap  {
	margin:1em 0;
    font-size:0.833333333em;
	color:var(--c-grey-9);
}

#award.timeline .list> ul> li .orgs-types-wrap span {
	display:inline;
}
#award.timeline .list> ul> li .orgs-types-wrap span.divider {
padding:0 0.5em;
}
#award.timeline .list> ul> li p {
	margin:0;
}



@media screen and (min-width:64em) {
	

.timeline .list> ul>li::before {
	left:50%;
	margin-left:calc(-1.12em / 2);
}
	.timeline .list> ul>li {
		display: flex;
		align-items:start;
	
    padding: 0 0 4em 0;
	}
	

	#award.timeline .list> ul> li:nth-child(n+1) {
		margin-bottom:0em;
	}

	.timeline .list> ul>li:nth-child(2n+2) { 
		flex-direction: row-reverse;
	}
	.timeline .list> ul>li>div {
		padding:0 5%;
		width:50%;
	}
	
	.timeline .list> ul>li h4{
		margin-top:0;
	}
}
.timeline .list> ul>li .img-wrap {
	
}
.timeline .list> ul>li .img-wrap figure {
	position: relative;
	width:100%;
	padding-bottom:62%;
}
.timeline .list> ul>li .img-wrap img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
}
#award.timeline .list> ul>li .img-wrap figure {
	padding-bottom:0;
}
#award.timeline .list> ul>li .img-wrap img {
	position: relative;
	top:auto;
	left:auto;
	width:100%;
	height:auto;
	object-fit: unset;
}

.timeline .list> ul>li .txt-wrap ul {
padding-left:1em;	
}
.timeline .list> ul>li .txt-wrap ul li {
	list-style: disc;
	margin-bottom: 0.5em;
}
.timeline .list> ul>li .txt-wrap h4 {
	color:var(--c-red);
 
    font-size:2.23em; 
}  
@media screen and (min-width:64em) {

.timeline .list> ul>li .txt-wrap h4 {
    font-size:2.78em; 
} 
}
.timeline .list> ul>li .txt-wrap {
	
} 

#highlights ul{
    margin: 0;
    padding: 0;
}
#highlights ul li{
    list-style: none;
    margin-bottom: 4em;
}
#highlights ul li h4{
    color:var(--c-red);
    margin: 0.5em 0;
}
@media screen and (min-width:48em) {
#highlights ul li {
    display: flex;
    align-items:center;
    justify-content: space-between;
}
    #highlights ul li>div {
        width:calc(50% - 2em);
    }
        #highlights ul li:nth-child(2n+2) {
            flex-direction: row-reverse;
    }
}


#data ul {
    margin: 0;
    padding:  0 0 1.5em 0;
    border-top:1px solid var(--c-grey-d);
    border-bottom:1px solid var(--c-grey-d);
    overflow: hidden;
}

#data ul li {
    list-style: none;
    width:50%;
    float:left;
    text-align: center;
    margin:0.5em 0;
}
#data ul li.projects .number::after {
    content:'+';
}
#data ul li.employees .number::after {
    content:'+';
}
#data ul li.employees10 .number::after {
    content:'%';
}
@media screen and (min-width:48em) {
    
#data ul li {  width:25%;
    }
}
#data div{
    display: block;
}
#data .count {
    font-size:3.34em;
margin:0.2em 0;
    color:var(--c-red);
    font-weight: 500; 
	white-space: nowrap;
}
#data .count .symbol {
	margin-left:-0.25em;
    font-size:3.34em;
}
#data .label {
    font-size:var(--f-s);
    font-weight: 500;
}

@media screen and (min-width:64em) {
 #data .count {
    font-size:5.56em; 
}
#data .label {
    font-size:1em; 
}
}
.future #news {
    overflow: unset;
}

.future #news {
    overflow: unset;
    margin-top: 0;
}
.future #news  .nav .desktop {
	display:none;
}

@media screen and (min-width:48em) {
	
.future #news  .nav .mobile {
	display:none;
}

.future #news  .nav .desktop {
	display:block;
}

}
 

.future #news .list {
    margin: 0;
    padding: 0;
	
    overflow: hidden;
}
.future #news .list-hidden {
	display: none;
}
.future #news .list li{
    list-style: none;
    margin-bottom: 3em; 
}

.future #news .list li .img-wrap figure{
	width:100%;
	padding-bottom: 75%;
	position: relative;
		   margin-bottom: 1em;
}

.future #news .list li .img-wrap figure img{
	width:100%;
	height: 100%;
	top:0;
	left:0;
	position: absolute;
	object-fit: cover;
}
.future #news .list li .type {
	
    font-size: 0.78em;
    color: var(--c-grey-9);

}
.future #news .list li h4,
#energy .swiper-slide h4{
    color:var(--c-red);
}

@media screen and (min-width:48em) {
	
    .future #news .list li h4{
		font-size:1.67em;
	}
	
.future #news .list li:nth-child(n+2){
	float:left;
	width:calc(50% - 1em);
}
	.future #news .list li:nth-child(2n+3){
		margin-left:2em;
	}
	
    .future #news .list li:nth-child(n+2) h4 {
        font-size:1.125em;
    }
	
    .future #news .list li:nth-child(n+2) p {
		display: none;
	}
}
@media screen and (min-width:64em) {
   
.future #news .list li:first-of-type {
        display: flex;
    }
       .future #news .list li:first-of-type .img-wrap {
    width:54%;
    }
	
    .future #news .list li:first-of-type .txt-wrap {
        width:46%;
            padding-left:4em;
    }
    .future #news .list li h4{
    margin:0.5em 0;
    }
	
.future #news .list li:nth-child(n+2){
	 
	width:calc(25% - 1.5em);
}
	
 
	
	.future #news .list li:nth-child(n+2){
		margin-left:2em;
	}
	
	.future #news .list li:nth-child(4n+2){
		margin-left:0em;
	}
	
}

.future #news .nav  {
    position: sticky;
    top: 3em;
    z-index: 3;
    background: var(--c-white);
    padding: 1em 0;
	margin:0 auto 2em auto;
}

@media screen and (min-width:48em) {
.future #news .nav  {
	margin:0 auto 4em auto;
    padding: 0;
}
}
#awards .swiper-slide {
	width:auto;
	max-width:14em;
}

#awards .swiper-slide h4 {
	color:var(--c-red);
	margin:0;
}#awards .swiper-slide h5 {
	font-weight:500;
	margin: 0.5em 0;
}

#awards .swiper-slide p {
	color:var(--c-grey-9);
	font-size:0.67em;
}

#awards {
    overflow: hidden;
}
    #awards .marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    }

#awards .marquee .wrapper {
	width:200em;
	
    position: absolute;
    animation-name: rewardLoop;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    text-align: left;
    left: 0;
	align-items:start;
	display: flex;
}
#awards .marquee .award {
	width:20em;
	padding-left:2em;
} 

    @keyframes rewardLoop {
        from {
            left: 0;
        }

        to {
            left: calc(-120em);
        }
    }

@media screen and (min-width:48em) {
	
#awards .marquee .wrapper {
	width:300em; 
    animation-name: rewardLoopWide;
    animation-duration: 40s;
	}
#awards .marquee .award {
	width:30em;
	padding-left:4em;
} 
}


    @keyframes rewardLoopWide {
        from {
            left: 0;
        }

        to {
            left: calc(-180em);
        }
    }


#awards .award h4 {
	color:var(--c-red);
	margin:0;
}#awards .award h5 {
	font-weight:500;
	margin: 0.5em 0;
	color:var(--c-grey-5);
}

#awards .award p {
	color:var(--c-grey-9);
	font-size:0.67em;
}
#events {
    overflow: unset;
}

@media screen and (min-width:48em) {
    #events hgroup h3 {
 text-align: center;       
    }
}
#events .tab {
    position: sticky;
    top:3em;
    background:var(--c-white);
    z-index: 3;
}
#events .nav .desktop {
	display: none;
}

#events .nav {
	margin-bottom: 1em;
}
@media screen and (min-width:48em) {
	
#events .nav .mobile {
	display: none;
}
	
#events .nav .desktop  {
	display: block;
	}
	
#events .nav .desktop ul {
	margin: 0;
	padding: 0;
}

	#events .nav .desktop li {
		list-style: none;
		text-align: center;
        
    cursor: pointer;
	}
    
	#events .nav .desktop li.active {
        color:var(--c-red);
    }
#events .nav .desktop li h5 {
	font-size:1.12em;
	margin: 0.5em 0;
	}
#events .nav .desktop li {
	display: block;
	padding:0.2em 0;
	
	}
#events .nav .desktop li {
	
	}
}


#events .swiper {
	padding-left: 0;
	padding-right: 0;
}

/*
#events .event {

    margin-top: 2.5em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition-duration: 0.4s;
}

#events .event.active {
    opacity: 1;
}*/
#events .event .date {
	background: var(--c-red);
	color:var(--c-white);
	font-size:1.67em;
	line-height: 1;
	display: inline-block;
	padding:0.5em;
	width:3em;
	height:3em;
	position: absolute;
	z-index: 6;
	top:0;
	left:0;
}
#events .event .date span {
display: block;
	text-align: center;
}

#events .event .img-wrap  {
	position: relative;width:100%;
	padding-bottom: 75%;
    margin-top:2.5em;
}

#events .event .img-wrap figure  {
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	animation-duration: 10s;
	animation-name:photo-fade;
	z-index: 5;
  animation-iteration-count: infinite;
}
#events .event .img-wrap  img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
}
#events .event  .img-wrap figure:nth-child(2) {
	animation-delay:2s;
	z-index: 4;
}
#events .event  .img-wrap  figure:nth-child(3) {
	animation-delay:4s;
	z-index: 3;
}
#events .event  .img-wrap figure:nth-child(4) {
	animation-delay:6s;
	z-index: 2;
}
#events .event .img-wrap figure:nth-child(5) {
	animation-delay:8s;
	z-index: 1;
}

@keyframes photo-fade {
	0% {opacity: 0;}
	5% {opacity: 1;}
	20% {opacity: 1;}
	25% {opacity: 0}
	100% {opacity: 0}
}
#events .nav {
    
    position: sticky;
    top:5.5em;
    z-index: 2;
}
#events .nav .mobile{
    padding:1em 0;
    background:#fff;
}
@media screen and (min-width:48em) {
	#events .nav {
		width:5%;
		float:left;
		margin:2em 0 0 0; 
	}
	#events .swiper {

    width: 90%;
    margin-left: 10%;        
	}
	#events .event {
		
    padding-left: 2.5em;
	}
    
    
#events .nav .swiper-buttons {
position: relative; 
    top: auto;
    left: auto;
    margin: 2em auto; 
}

#events .nav .swiper-buttons>div {
    position: relative;
    top:auto;
    margin:1em auto;
    left:auto;
    right: auto;
    display: block;
    }
}


@media screen and (min-width:64em) {
	
	#events .event  .img-wrap  {
		padding: 0;
	}
#events .event  .img-wrap  figure {
	animation: none;
	
	}

#events .event .img-wrap  figure:nth-child(1) {
	width:52%;
	top:auto;
	left:auto;
	position: relative;
	height: auto;
	padding-bottom: 40%;
}
	
#events .event .img-wrap  figure:nth-child(n+2) {
	width:21%;
	height: auto;
	padding-bottom:18.5%;
}
#events .event  .img-wrap  figure:nth-child(2) {
	top:0;
	left:55%;
	height: auto;
}
#events .event  .img-wrap  figure:nth-child(3) {
	top:0;
	left:auto;
	right: 0;
}
#events .event  .img-wrap  figure:nth-child(4) {
	top:auto;
	left:55%;
	bottom:0;
}
#events .event  .img-wrap  figure:nth-child(5) {
	bottom:0;
	right:0%; 
	top:auto;
	left:auto;
}
}

.listing-item {
	position: relative;
}
.listing-item figure {
	width:100%;

position:relative; 

overflow: hidden;
} 
.listing-item figure img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
}

.listing-item figure img:hover{
	transform:scale(1.1);
}

.listing-item.activity:hover figure img{
	transform:scale(1.1);
}
.media-coverage.listing-item figure img,
	.publication .listing-item figure img{

	position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    object-fit: unset;
}
.listing-item .date {
    font-size:var(--f-s);
    padding:0.5em 0;
    border-bottom: 1px solid var(--c-grey-d);
}


.listing-item .mins-read {
	   font-size:var(--f-s);
	margin:2em 0;
}
 

.insight .listing-item h4 {
	font-size:2em;
	margin:0.5em 0;
}
.listing-item h4 a{
	color: var(--c-red);
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
.insight .listing-item h4 a{
	color: var(--c-grey-5);
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
.insight .listing-item:hover h4 a {
	color: var(--c-red);
}
.single  .tags,
.insight .listing-item .tags  {
	display: flex;
	gap:0.5em;
	flex-wrap: wrap ;
}
.single  .tags .tag,
.insight .listing-item .tags .tag a {
	padding:0.4em 0.6em;
	font-size:75%;
	background-color:var(--c-grey-f);
	white-space: nowrap;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	line-height: 1;
}
.single  .tags .tag a:hover,
.insight .listing-item .tags .tag a:hover {
	color:var(--c-red); 
}
.listing-grid .items-wrap{
	 
        display:grid;
	gap:2em;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: auto;

}


@media screen and (min-width:48em) {
 .listing-grid .items-wrap {
        display:grid;
	gap:2em;
	grid-template-columns: repeat(2, 1fr);
    }  
 
}

@media screen and (min-width:64em) {
.listing-grid .items-wrap {
        display:grid;
	gap:2em;
	grid-template-columns: repeat(3, 1fr);
    }  
 
}

.listing-slider .wrap,
#update .wrap {
    position: relative;
}
.listing-slider h3,
#update h3 {
    margin-bottom: 0.5em;
    margin: 0 0 1em 0;
}
.listing-slider .swiper-buttons,
#update .swiper-buttons {
  
    position: absolute;

    top: -3.5em;
    right: 0;
    width: auto;
    left: auto;
    white-space: nowrap;
}
.listing-slider .swiper-buttons>div,
#update .swiper-buttons>div {
    position: relative;
    top:auto;
    left:auto;
    right: auto;
    margin:0;
    display: inline-block;
}

.listing-slider .swiper-buttons .swiper-button-next,
#update .swiper-buttons .swiper-button-next {
    margin-left:1em;
}
.listing-slider .listing-item,
#update .listing-item {
    cursor:pointer;
}

.listing-slider   .title-desc-wrap .desc {
	margin-bottom:1.5em;
    padding-right: 5.5em;
}

.listing-slider.about-ks .swiper-container {
	margin:2em 0 0 0;
}

.listing-slider .swiper-container {
min-height:12em;
}


.home .col.listing>.project,
.home .col.listing>.insight,
.cols.listing.related>div {
padding-top:4em;
border-top: 1px solid var(--c-grey-d);
}
@media screen and (min-width:48em) {
    .listing-slider .swiper,
    #update .swiper {
        padding-left: 0;
        padding-right:0;
		margin:0 3em;
    }


	.listing-slider.about-ks .swiper-container {
		margin:0 0 0;
	}
	.listing-slider   .title-listing-wrap {
position: relative;
	}
	.listing-slider   .title-desc-wrap,
    #update .wrap >hgroup {
        position: absolute;
        left:0;
        top:0em;
		width:14em;
		
    }
	.listing-slider   .title-desc-wrap hgroup h3,
        #update .wrap >hgroup h3 {
            margin: 0 0 0.5em 0;
    }

.listing-slider  .title-desc-wrap .desc {
	margin-bottom:1.5em;
    padding-right: 0;
}
    #update .swiper-buttons {
        position: absolute;
        left:2em;

    top: calc(50% - 4em);
	}
	
	/*.listing-slider .swiper-buttons {
		position: absolute;
		left: 0em;
		top: auto;
		bottom: 2em;
		width: 14em;
	}
		.listing-slider .swiper,
    #update .swiper {
        margin-left:16em;
    }*/
	.listing-slider .swiper-container {
		margin-left:16em;
	}
	.listing-slider .swiper-buttons {
		position: absolute;
		left: 0em;
		top: 50%;
		width:100%;
		right: auto;
	}

	.listing-slider .swiper-buttons>div {
		position: absolute;
		top:-1.835em;
	}

	.listing-slider .swiper-buttons .swiper-button-prev {
		left:0em;
	}
	.listing-slider .swiper-buttons .swiper-button-next {
		right:0em;
	}

}
.page-header {
	margin: 0;
padding-top:1.5em;
	width:100vw;
overflow:hidden;

position: relative;
z-index: 1;
}
.page-header ~ .content {
    margin-top:0;
}
.content h3,
.content h4,
.content h5,
.content h6,
.content p{
    margin-top:0;
}

.content p{
	margin-bottom:1.5em;
}

.content .color-ks-red {
	color:var(--c-red);
}
.content .text-large {
    font-size:1.11em;
}

.content .text-normal {
    font-size:1em;
}
.content .text-small {
    font-size:0.833333333em;
}
@media screen and (min-width:48em) {
	
.content .text-large {
    font-size:1.39em;
}

.content .text-normal {
    font-size:1em;
} 
}
.content .img-wrap figure {
    margin-bottom: 2em;
}

.content .img-wrap figure figcaption {
    margin-top:2em;
    font-size:0.833333333em;
    color:var(--c-grey-5);
    text-align: center;
}

.masonry .item {
    margin-bottom:2em;
}
.masonry .col-w, 
.masonry .item {
	width:100%; 
}
.masonry .gap-w {
width:0%;
}

@media screen and (min-width:48em) {
	
.masonry .col-w, 
.masonry .item {
	width:48%; 
}
.masonry .gap-w {
width:4%;
}
}

@media screen and (min-width:64em) {
	
.masonry .col-w, 
.masonry .item {
	width:31%; 
}
.masonry .gap-w {
width:3.5%;
}
}

#newsroom {
	max-width:82em;
}

.newsroom  .listing-item.newsroom figure {
	padding-bottom:66%;
}
.listing-slider.interview .listing-item .txt-wrap,
.newsroom .listing-item.newsroom .txt-wrap {
    cursor: pointer;
	position: relative;
	padding-bottom:3em;
	overflow: hidden;
	
}

.listing-slider.interview .listing-item .cta,
.newsroom .listing-item.newsroom .cta {
	position: absolute;
bottom: 0;
	left: 0;
	width:100%;
}

.newsroom .listing-item.newsroom .cta  {
	transition-duration: 0.1s;
	transition-timing-function: ease-out;
	opacity: 0;
	margin-left:-10%;
}

.listing-slider.interview .listing-item .cta,
.newsroom .listing-item.newsroom:hover .cta  {
	opacity: 1;
	
	margin-left:0;
}
.newsroom .listing-item.newsroom .content {
    display: none;
}

.about-ks.newsroom .listing {   
	display:grid;
gap:2em;
grid-template-columns: repeat(1, 1fr);
margin-bottom:4em;
}

@media screen and (min-width:48em) {
	.about-ks.newsroom .listing {
        display:grid;
	gap:2em;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom:4em;
    }  
 
}

@media screen and (min-width:64em) {
	.about-ks.newsroom .listing {
        display:grid;
	gap:2em;
	grid-template-columns: repeat(3, 1fr);

    max-width: 70em;
    margin: auto;

	margin-bottom:4em;    }  
 
}
.content-rows .wrap {
	max-width:74em;
}


.content-rows .video-wrap {
	position: relative;
	width:100%;
	padding-bottom:56.25%;
}
.content-rows .video-wrap iframe, 
.content-rows .video-wrap video {
	width:100%;
	height: 100%;;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}
.content-rows .video-wrap figure {
	position: absolute;
	
	width:100%;
	height: 100%;;
	position:absolute;
	top:0;
	left:0;
	z-index: 2;
    cursor: pointer;
	
}
.content-rows .video-wrap figure::after {
    position: absolute;
    content:'';
    display: block;
    width:3em;
    height:3em;
    top:50%;
    left:50%;
    z-index: 2;
    margin-top:-1.5em;
    margin-left:-1.5em;
    background-image:url(images/video_play_icon.png);
    background-repeat:no-repeat;
    background-size:contain;
}


.content-rows .video-wrap figure.no-cover::after {
    content:none;
}
.content-rows .video-wrap figure img{
	position: absolute;
	z-index: 1;
	width:100%;
	height: 100%;;
	position:absolute;
	top:0;
	left:0;
	object-fit: cover;
}
.content-rows .video-wrap.playing video,
.content-rows .video-wrap.playing iframe {
	z-index: 2;
}
.content-rows .video-wrap.playing figure {
z-index: 1;
}
/*.content-rows .col {
    margin:0 0 4em;
}*/
.content-rows .swiper-button-prev{
    left:1em;
}
.content-rows .swiper-button-next{
right:1em;
}
.content-rows .swiper-slide {
   width:100%;
/*    padding-bottom:67%;*/
    position: relative;
}

.content-rows .swiper-slide figure {
	position: relative;
}


.content-rows .col.gallery .swiper-slide figure {
	width:100%;
padding-bottom:66%;
}
.content-rows .swiper-slide img{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
.content-rows .cols {

	display:flex;
	flex-direction: column;
	gap:4em;
}
@media screen and (min-width:48em) {
.content-rows .cols {
	display:flex;
	align-items:center;
	justify-content: center;
	gap:2em;

	flex-direction: row;
	 
}

/*
.listing.related .listing-slider,
.content-rows .col {
	position: relative;
		& + .col {
		margin-left: 2em;
	  }
    }
   */ 

}
.listing.related {
	margin-bottom:4em;
}
@media screen and (max-width:767px) {
.content-rows .col {
	width:100%!important;
}
}

.content-rows .txt-wrap img {
    width:100%;
    display: block;
    height:auto;
}

.content-rows .col.cta {
	text-align:center;
	padding: 4em 0;
}

.content-rows .col.cta a {
	display: inline-block;
}

.content-rows .col.cta a.text  {
color:#AA182C;
} 

.ks-leadership .listing {
	display:grid;
	gap:1em;
	grid-template-columns: repeat(2, 1fr);
}

.ks-leadership .listing .item  { 
	margin-bottom: 1em; 
}

.our-leadership.listing .item .img-wrap,
.ks-leadership .listing .item .img-wrap {
	position: relative;
}
.listing .leadership .item figure,
.our-leadership.listing .item figure,
.ks-leadership .listing .item figure {
	margin: 0;
	width:100%;
	position: relative;
	padding-bottom:124%;
}

.our-leadership.listing .item h4,
.ks-leadership .listing .item h4 {
	font-size:1em;
	margin: 1em 0;
}

.our-leadership.listing .item .job,
.ks-leadership .listing .item .job {
	font-size:0.833333333em;
}

.our-leadership.listing .item .cta,
.ks-leadership .listing .item .cta {
	display: none;
}


@media screen and (min-width:48em) {


	.our-leadership.listing .item ,
.ks-leadership .listing .item  {
	margin-bottom: 2em;
	position: relative;
}
	

.our-leadership.listing .item  .cta,
.ks-leadership .listing .item .cta {
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	display: block;
	opacity: 0;
	padding: 1em;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
}

	

.our-leadership.listing .item :hover .cta,
.ks-leadership .listing .item:hover .cta {
	opacity: 1;
	}


	.our-leadership.listing .item  .txt-wrap,
.ks-leadership .listing .item .txt-wrap {
	width:100%;
	}

	.our-leadership.listing .item  .img-wrap,
.ks-leadership .listing .item .img-wrap {
	width:100%;
}

}

@media screen and (min-width:64em) {
	
.ks-leadership .listing { 
	gap:2em;
	grid-template-columns: repeat(4, 1fr);
}
}

.leadership main .profile {
	border-top:1px solid var(--c-grey-d);
	background-color:var(--c-grey-f);
	padding:0 0 3em 0;
}

.leadership .profile .breadcrumbs {
	margin: 2em 0;
}

.leadership .profile h3 {
	color:var(--c-red);
	margin: 0.5em 0;
}
.leadership .profile .img-wrap img  {
	margin: 3em 0;
}

.leadership .intro {
	margin:4em auto;
}
/*
.leadership .swiper {
	margin:4em auto;
}*/
.leadership .listing .item {
	margin: 0;
}

.leadership .profile .email {
margin:2em 0;
}
.leadership .profile .email a {
	color:var(--c-black);
}
.leadership .profile .email a:before {
	content:'';
	display: inline-block;
	width:1.33em;
	height: 1.33em;
	background-image:url(images/icon_email.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	vertical-align: middle;
	margin-right:0.5em;
}
@media screen and (min-width:48em) {
	
.leadership .profile {
	padding:1px 0;
	}
.leadership .profile .img-txt-wrap {
display: flex;
	align-items:stretch;
	justify-content: space-between;
	max-width:48em;
	margin:  4em auto;
}
	
.leadership .profile .img-wrap {
	width:40%;
	}
	
	
	.leadership .profile .img-wrap img {
		margin: 0;
	}
.leadership .profile .txt-wrap {
	width:50%;
	position: relative;
	padding-bottom:2em;
	}
	
.leadership .profile h3 {
	margin-top:0;
	}
	
.leadership .profile .email {
	position: absolute;
	bottom:0;
	margin:0;
}
.leadership .intro {
	margin:8em auto;
}
}

.our-leadership .wrap {
	position: relative;
}
 

@media screen and (min-width:48em) {

 
.our-leadership .swiper-container {
	margin: 0;
}
}



.popup.news .date {
	margin:1em 0;
}

.popup.news .date {
	font-size:var(--f-s);
}
.popup.news hgroup h3 {
	color:var(--c-red);
}

.col.listing .with-filter .filters-container,
.comp.listing_with_filters .filters-container {
	background-color:var(--c-grey-f);
	padding:2em 0;
}
.col.listing .wrap,
.comp.listing .wrap,
.comp.listing_with_filters .wrap {
	max-width:74em;
}
.col.listing .with-filter .filter-wrap,
.comp.listing_with_filters .filter-wrap {
	margin:1.5em 0;
	display: flex;
	align-items:center;
	gap:1em;
}

.col.listing .with-filter .filter-wrap .txt,
.comp.listing_with_filters .filter-wrap .txt {
	font-size:125%;
	white-space: nowrap;
}


.col.listing .with-filter .filter-wrap .ui-selectmenu-button.ui-button,
.comp.listing_with_filters .filter-wrap .ui-selectmenu-button.ui-button {
	    padding: 0.5em 0;
    border: none;
	border-bottom:1px solid var(--c-grey-5);
}


.col.listing .with-filter .filter-wrap .ui-selectmenu-button.ui-button .ui-selectmenu-text,
.comp.listing_with_filters .filter-wrap .ui-selectmenu-button.ui-button .ui-selectmenu-text {
		font-size:125%;
}



.col.listing_with_filters,
.comp.listing_with_filters { 
	padding-bottom:4em;
}


.col.listing_with_filters .ajax-wrap,
.comp.listing_with_filters .ajax-wrap{ 
}




.listing-grid .items-wrap,
.listing-grid .activity.items-wrap {
display:grid;
gap:2em;
grid-template-columns: repeat(1, 1fr);
padding:4em 0;
}

  
.about-ks.listing-item figure a ,
.activity.listing-item figure a  {
	position: relative;
	background-color:var(--c-black);
	display:block;
}

.about-ks.listing-item figure a,
.activity.listing-item figure a{

	width:100%;
	padding-bottom: 70%;
}

.about-ks.listing-item figure img,
.activity.listing-item figure img{
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
object-fit:cover;
opacity: 0.7;
}


.about-ks.listing-item .txt-wrap,
.activity.listing-item .txt-wrap {
position: absolute;
top:0;
left:0;
color:#fff;
padding:1em;
}

.about-ks.listing-item .txt-wrap {
	top:auto;
	bottom:0;
}


.activity.listing-item .txt-wrap .capability a {
	
    font-size: var(--f-s);
	color:#fff;
	margin-top:0.25em;
}
 
 .listing-item .txt-wrap   .divider {
	padding:0 0.5em;
}

.about-ks.listing-item .txt-wrap h4,
.activity.listing-item .txt-wrap h4 {
	font-weight: 500;
	font-size:150%;
	margin:0;
}


.about-ks.listing-item .txt-wrap h4 a,
.activity.listing-item .txt-wrap h4 a {
	color:var(--c-white);
}


.col.listing .with-filter .loadmore.cta,
.comp.listing_with_filters .loadmore.cta {
	text-align:center;
	display: none;
}
/*
.col.listing .with-filter .loadmore.cta a:before,
.comp.listing_with_filters .loadmore.cta a:before {
	content:'Load More';
}*/


.col.listing .with-filter .loadmore.cta a:after,
.comp.listing_with_filters .loadmore.cta a:after {
	transform:rotate(90deg);
}

.col.listing .with-filter .loadmore.cta a,
.comp.listing_with_filters .loadmore.cta a {
display: inline-block;
}
.col.listing .with-filter .loadmore.cta,
.comp.listing_with_filters .loadmore.cta {

}
@media screen and (min-width:48em) {

	.col.listing .with-filter .filters-container {

	}

	.col.listing .with-filter .filters-container>.wrap {
		max-width: 100%;
		max-width:74em;
		margin: auto;		overflow-x:auto;
		overflow-y:hidden;
	}
.col.listing .with-filter .listing_filters,
.comp.listing_with_filters #listing_filters {
	display: flex;
	gap:1em;
	align-items:center;
}

.col.listing .with-filter .filter-wrap,
.comp.listing_with_filters .filter-wrap {
	gap:1em;
	flex:1;
}
.activity.listing-item .txt-wrap {

padding:1.5em;
}

.listing-grid .items-wrap,
.listing-grid .activity.items-wrap { 
	gap:2em;
	grid-template-columns: repeat(2, 1fr);
	padding:4em 0;
	}

}


.ajax-wrap .loadmore {
/*padding:0 0 4em 0;*/
}
@media screen and (min-width:64em) {

	.listing-grid .items-wrap,
	.listing-grid .activity.items-wrap {  
	grid-template-columns: repeat(4, 1fr);
 
	}
}

@media screen and (min-width:90em) {

	.listing-grid 	.activity.items-wrap {  
		grid-template-columns: repeat(4, 1fr);
	 
		}
	}




.project.listing-item figure {

padding-bottom:120%;	
}


.project.listing-item .txt-wrap {
	margin:1em 0 0 0;
}
.project.listing-item .activity {
	margin:0.5em 0;

    font-size: var(--f-s);

}
.project.listing-item h4 {
margin: 0.25em 0;
}

.insights .page-header,
.projects .page-header,
.activities .page-header {
	padding-top:1.5em;
	background-color:var(--c-grey-f);
	margin-bottom:-2em;
}

@media screen and (min-width:48em) {


	.insights .page-header,
.projects .page-header,
.activities .page-header {
	padding-top:1.5em;
	background-color:var(--c-grey-f);
	margin-bottom:-2em;

    position: relative;
    z-index: 1;
}
}

.row {
    margin: 0 auto 4em auto;
}
.home .row1 {
	margin-bottom:0;
}
.row.bg-color {
	padding-top:4em;
	padding-bottom:4em;
}
/*

.row.bg-color {
	margin:4em auto;
}
.cols {
	padding-top:4em;
	padding-bottom:4em;
}
@media screen and (min-width:48em) {
.cols {
	padding-top:4em;
	padding-bottom:4em;
}
}
*/

.home .row1 .cols {
	padding-top:0;
	}
 
.row.bg-color {
background-color:var(--c-grey-f);
}


.listing>div {
	position: relative;
}

.single  .tags-wrap {
	padding-top:4em;
	padding-bottom:4em;
}

.single  .tags-wrap .title {
	font-size:111%;
	font-weight:500;
	margin-bottom:1em;
	color:var(--c-red);
}

.single.project .spec .cols {
	padding-top:0;
}
.single.project .spec .col {
	
}
.single.project .col.spec {
	border-top:1px solid var(--c-grey-d);
	border-bottom:1px solid var(--c-grey-d);
	padding:2em 0;margin-bottom:4em;
}

.single.project .col.spec>div {
	margin:1.5em 0;
}
.single.project .col.spec .title {
	color:var(--c-red);
	text-transform:uppercase;
	font-weight:500;
}
.single.project .col.spec .value {
	margin-top:0.25em;
}



@media screen and (min-width:48em) {

.single.project .spec .cols {
	flex-direction:row-reverse;
}


.single.project .col.spec {
	border:none;
	border-left:1px solid var(--c-grey-d);
	padding:0 0 0 2em;
	margin:0;
}
}

.single.insight main>.date .wrap {
	font-size:83.3333%;
	color:var(--c-grey-5);
	padding-top:2em;
	padding-bottom:2em;
}

.single.leadership .content-rows {
	padding: 4em 0;
}

.listing-slider.interview .listing-item {
	background-color:var(--c-grey-f);
	padding:2em 4em;
}



.listing-slider.interview .listing-item .date {
	border:none;
	padding: 0;
}

.listing-slider.interview .listing-item h4 { 
	font-size:166%;
}

.listing-slider.interview .listing-item h4 a {
	color:var(--c-grey-5); 
}
@media screen and (max-width:767px) {

	.listing-slider.interview .swiper-slide .listing-item {
		margin: 0 -1em;
	}
	.listing-slider.interview .swiper-slide-active {
		z-index: 2;
		position: relative;
	}

.listing.wrap.cols.related {
	overflow-x: hidden;
}
	.listing-slider.interview .swiper {
    overflow: visible;
}

}

@media screen and (min-width:48em) {
.listing-slider.interview .swiper .listing-item .cta a {
	max-width:13em;
}

.listing-slider.interview .listing-item {
	padding:3em 3em;
}

}
.col.corporate_profile_data {
	background-color:var(--c-red);
	padding:4em 0;
	overflow: hidden;
}

.col.corporate_profile_data .bg {
	position: absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
z-index: 1;
}
.col.corporate_profile_data .bg img{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
z-index: 1;
opacity: 0.1;
}


.col.corporate_profile_data .data {
position: relative;
z-index: 2;

display:flex; 

text-align:center;
color:var(--c-white);
align-items:start;
justify-content:center;
flex-wrap: wrap;
}

.col.corporate_profile_data .data .item {

	padding:1em 1em;
	width:50%;
}
.col.corporate_profile_data .data .number-symbol-wrap {
	white-space: nowrap;
	font-size:400%;
	line-height: 1;
}

@media screen and (min-width:48em) {

.col.corporate_profile_data .data .number-symbol-wrap {
	 
	font-size:500%; 
}
}
.col.corporate_profile_data .data .number-symbol-wrap .symbol {
	font-size:50%;
}
.col.corporate_profile_data .data .text {
	font-size:111%;
	margin-top:0.5em; 
    line-height: 1.25;
}
@media screen and (min-width:48em) {
	.col.corporate_profile_data .data .item {
	width:33.33333%;
		}
		
}
@media screen and (min-width:64em) {
.corporate-profile	.col.corporate_profile_data .data .item{
width:25%;
		}
		
}

.listing-item.future {
	position: relative;
}


.listing-item.future .img-wrap {
	position: relative;
	z-index: 1;
}

.listing-item.future .img-wrap figure {
	padding-bottom: 130%;
	
    background-color: var(--c-black);
}
.listing-item.future .img-wrap figure img {
	opacity: 0.8;
}
.listing-item.future .txt-wrap {
	position: absolute;
	bottom:0;
	left:0;
	padding:1.5em;
	z-index: 2;
}

@media screen and (min-width:48em) {
	
.listing-item.future .img-wrap figure {
	padding-bottom: 90%;
	}
	
.listing-item.future .txt-wrap {
	
	padding:2em;
	}
}

@media screen and (min-width:64em) {
	
.listing-item.future .img-wrap figure {
	padding-bottom: 45%;
	}
}
.listing-item.future .txt-wrap h4 {
	margin: 0;
	font-size:222%;
}
.listing-item.future .txt-wrap h4 a {
	color:var(--c-white);
}


.single.ceo-message .page-header.with-banner .img-wrap figure {
    width: 100%;
    padding-bottom: 100%;
	right:auto;
	bottom:auto;
}

.single.ceo-message .page-header.with-banner .img-wrap figure img {
	opacity: 1;
}


.single.ceo-message .page-header.with-banner {

}
.single.ceo-message .page-header.with-banner>.wrap {
	padding: 0;	
	min-height:0;
}
 
.single.ceo-message .page-header.with-banner>.wrap>div:first-of-type {
padding-top:100vw;
}
.single.ceo-message .page-header.with-banner .breadcrumbs {
position: absolute;
	top:1em;
	left:1em;
}
.single.ceo-message .page-header.with-banner .title-wrap {
	padding:2em;
	max-width:100%;
	background-color:var(--c-red);
}
 
.single.ceo-message .page-header.with-banner>.wrap .lead p {
	
    margin: 0.5em 0;
    line-height: 1.25;
}
.single.ceo-message .page-header.with-banner>.wrap .lead .text-small {
	font-size:0.5em!important;
}


@media screen and (min-width:48em) {

.single.ceo-message .page-header.with-banner .breadcrumbs {
	left:2em;
}
	.single.ceo-message .page-header.with-banner .img-wrap figure {
		padding-bottom:75%;
	}
	.single.ceo-message .page-header.with-banner>.wrap>div:first-of-type {
		    padding-top: 75vw;

	}
	
.single.ceo-message .page-header.with-banner .title-wrap {
 
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}
	  
}



@media screen and (min-width:64em) {
	.single.ceo-message .page-header.with-banner .img-wrap figure {
    width: 50%;
    padding-bottom: 0;
    bottom: 0;
		}
	
	.single.ceo-message .page-header.with-banner>.wrap {
		position: unset;
		
    padding-left: 50%;
    max-width: 100%;
 
    display: flex;
    align-items: center;
		
    justify-content: center;
	}
	.single.ceo-message .page-header.with-banner>.wrap>div:first-of-type {
		
    padding: 0;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    width: 100%;
    max-width: 73em;
	}
	.single.ceo-message .page-header.with-banner {
		background-color: var(--c-red);
	}
	.single.ceo-message .page-header.with-banner .title-wrap {
		max-width:34em;
	}
}

.col.ceo_message .profile figure {
	max-width:24em;
	margin: auto;
}

.col.ceo_message .profile .name {
color:var(--c-red);
	font-weight: 500;
	margin:1em 0;
}.col.ceo_message .profile .job_title{
	color:var(--c-grey-9);
	
}.col.ceo_message .profile .cta {
	margin:2em auto;
	
}.col.ceo_message .profile {
	
}.col.ceo_message .profile {
	
}.col.ceo_message .profile {
	
}


@media screen and (min-width:56em) {

	.col.ceo_message .profile-message-wrap {
	display:flex;
	flex-direction: row-reverse;
	gap:8%;
	align-items:start;
	}
	.col.ceo_message .profile {
	min-width:16em;
	max-width:20em;
	}


	.col.ceo_message .message {
		max-width:48em;
	}
}

.media-coverage.listing-item .img-wrap img,
.publication .listing-item .img-wrap img {
	box-shadow: 0 0.1em 0.4em rgba(0,0,0,0.1);
}

.single-newsroom main .date {
	margin-bottom:2em;
}

.cmp-container {
	box-shadow: 0 0 0.5em rgba(0,0,0,0.2);
	background-color:var(--c-white);
	position: fixed;
	bottom:-150%;
	width:100vw;
	max-width:30em;
	left:50%;
	transform:translateX(-50%);
	z-index: 99;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
}


.cmp-container .wrap {
	padding:0.5em 1em;
}
@media screen and (min-width:48em) {
.cmp-container .wrap {
	padding:0.5em 1.5em;
}
}

.cmp-container .txt-wrap {
	padding:1em 0;
	font-size: var(--f-s);
}

.cmp-container .txt-wrap.learn-more {
	text-align:center;
}

.cmp-container .txt-wrap.learn-more a {
	color:var(--c-red);
}
.cmp-container .wrap .cta {
	display:flex;
	gap:1em;
	align-items:center;
	margin-top:0.5em;
	justify-content: center;
}

.cmp-container .wrap .cta .btn {

	white-space: nowrap;
	text-align:center;
}