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

.top-banner{
	background-image:url("/assets/application/img/sustainability-banner.jpg");
	text-align: center;
	background-attachment: inherit;
	padding:130px 0;
}
.top-banner h1{
	color:#fff;
	font-weight: 600;
}
.sus-top-holder{
	margin-top:-8.5em;
	position: relative;
}
@media (max-width: 767.98px){
	.top-banner{
		padding:50px 0;
	}
	.sus-top-holder{
		margin-top:0;
	}
	img.sus-top{
		height: 260px;
		max-width: 260px;
		position: absolute;
		left:-.25em;
		bottom:0;
		z-index: 10;
	}
}

.strech{
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.report-card{
	padding:1.4em;
	border-radius: 0;
	position: relative;
	margin-top:-2px;
}
.report-card:after{
	content:"";
	position:absolute;
	width:90%;
	height: 1px;
	background-color: #006B86;
	margin:0 5%;
	left:0;
	bottom:0;
}
.report-card:last-child:after{
	display: none;
}
.report-card:hover{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color:#fff;
	border-radius: 15px;
}
.report-card:first-child:hover{
	background-image:url("/assets/application/img/sustainability-hover-003.jpg");
}
.report-card:nth-child(2):hover{
	background-image:url("/assets/application/img/sustainability-hover-001.jpg");
}
.report-card:last-child:hover{
	background-image:url("/assets/application/img/sustainability-hover-002.jpg");
}
.report-card h3{
	display: block;
	height: 60px;
	line-height: 60px;
	position: relative;
	padding-left:80px;
	color:#000;
}
.report-card:hover h3{
	color:#fff;
}
.report-card h3 img{
	position: absolute;
	left:0;
	top:0;
	height: 60px;
}
.report-card:hover h3 img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(288deg) brightness(111%) contrast(100%);
}
@media (max-width: 767.98px){
	.report-card{
		padding:1.6em 0;
	}
	.report-card:hover{
		background-image:none;
		color:#000;
		border-radius: 0;
	}
	.report-card:after{
		width:100%;
		margin:0;
	}
	.report-card h3{
		height: 40px;
		line-height: 40px;
		padding-left:46px;
	}
	.report-card h3 img{
		height: 40px;
	}
	.report-card:hover h3{
		color:#000;
	}
	.report-card:hover h3 img {
		filter: none;
	}
}

#sus-report{
	background-image:url("/assets/application/img/sustainability-banner2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.data-card{
	padding:1.25em;
	border-radius: 5px;
	background:#fff;
	box-shadow: 2px 2px 5px rgba(0,0,0,.1);
	height: 100%;
}
@media (max-width: 767.98px){
	.data-card{
		margin-bottom:1.5em;
		height: auto;
	}
}
.data-card a{
	color: #1377C3;
	text-decoration: none;
}
.data-card a:hover{
	color: #000;
}

#sus-delivery{
	background-image:url("/assets/application/img/sustainability-banner3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 75% bottom;
}
.action-card{
	padding:1.2em 0;
	border-bottom:1px solid #006B86;
	height: 100%;
}
.col-md-6:nth-child(3) .action-card,.col-md-6:nth-child(4) .action-card{
	border:0;
}
@media (max-width: 1199.98px){
	#sus-delivery{
		background-position: 70% bottom;
	}
}
@media (max-width: 989.98px){
	#sus-delivery{
		background-position: 40% bottom;
	}
}
@media (max-width: 767.98px){
	#sus-delivery{
		background-image:none;	
	}
	.action-card{
		height: auto;
	}
	.col-md-6:nth-child(3) .action-card{
		border-bottom:1px solid #006B86;
	}
}

.b-card{
	padding:1.2em 0;
	border-bottom:1px solid #006B86;
}
.b-card:last-child{
	border-bottom:0;
}
.sus-bottom{
	padding:30px 0;
	height: 460px;
	background-color:#E4F8FE;
	position: relative;
	margin-right: 50px;
}
.sus-bottom img{
	position: absolute;
	right:-50px;
	top:30px;
	height: 400px;
	max-width: none;
}

@media (max-width: 767.98px){
	.sus-bottom{
		height: 300px;
		margin-right: 30px;
	}
	.sus-bottom img{
		right:-30px;
		top:20px;
		height: 260px;
	}
}