/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,600,700");
.ms-WPBody,
.ms-WPBody td,
body {
  font-size: 18px;
  color: #002d5d;
  font-family: "Work Sans", sans-serif !important;
}

header h1 {
  width: 300px;
  float: left;
  margin: 37px 0;
  margin-right: 20px;
}

.contentHolder .date {
  font-size: 16px !important;
  margin-bottom: 0px !important;
  color: #222222 !important;
}

.contentHolder .location {
  color: #001f41;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.imagecomthree {
  width: 260px !important;
}

header h1 a {
  display: block;
}

header h1 img {
  max-width: 100%;
  display: block;
}

header li {
  display: inline-block;
}

header li:after {
  content: ".";
  display: inline-block;
  margin: 0 10px;
}

header li:last-child:after {
  display: none;
}

header .topMenu {
  margin-bottom: 22px;
  text-align: right;
}

header .topMenu li a {
  font-size: 16px;
  border: 1px solid white;
  font-weight: 400;
}

header li:after {
  font-size: 20px;
  font-weight: 400;
  color: #272727;
}

header .floatRight {
  margin: 31px 0;
}

header .floatRight a {
  color: #272727;
  font-size: 20px;
}

header .floatRight a:hover,
header .floatRight a.selected {
  color: #034ea2;
}

.sliderContent {
  width: 630px;
  max-width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: white;
  text-align: center;
}

.sliderContent h3 {
  font-size: 74px !important;
}

.sliderContent h3:after {
  background: white;
}

.sliderText {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 40px;
}

.sliderText span {
  font-size: 20px !important;
  color: white;
  font-family: "Work Sans", sans-serif !important;
}

.sliderButton {
  padding: 16px 35px;
  border: 1px solid white;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.sliderButton:hover {
  background: white;
  color: #001c3c !important;
}

.owl-carousel .owl-nav button[class*=owl-] {
  width: 35px;
  height: 69px;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 40px;
  top: 50%;
  margin-top: -35px;
  background: url(../../images/CSR/arrow.png);
  background-size: 35px;
}

.owl-carousel .owl-nav button[class*=owl-] span {
  display: none;
}

.owl-carousel .owl-nav button[class*=owl-]:hover {
  background: url(../../images/CSR/arrow.png);
  background-size: 35px;
}

.owl-carousel .owl-nav button.owl-next {
  right: 40px;
  left: auto;
  transform: rotate(180deg);
}

h3 {
  font-size: 60px !important;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}

h3:after {
  content: "";
  width: 70px;
  height: 6px;
  display: block;
  background: #002d5d;
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -35px;
}

.pillarSlider,
.subPillarSlider {
  margin-bottom: 80px;
}
.breadCrumbInsideCont a.active {
  color: #919191;
  font-size: 16px;
  font-weight: 400;
  margin: 1px;
  display: block;
}
.breadCrumbInsideCont a.active:hover {
  text-decoration: none;
}

.pillarSlider .listingItemLI {
  width: 50%;
  float: left;
  padding-bottom: 50%;
  position: relative;
  margin-bottom: 10px;
}

.pillarSlider .listingItemLI .pillarItem {
  position: absolute;
  margin: 0 5px;
  height: 100%;
  background-size: cover;
  width: calc(100% - 10px);
}

.pillarSlider .listingItemLI:nth-child(5n+2) {
  padding-bottom: 25%;
  float: right;
}

.pillarSlider .listingItemLI:nth-child(5n+3) {
  float: right;
}

.pillarSlider .listingItemLI:nth-child(5n+4) {
  width: 25%;
  padding-bottom: 25%;
}

.pillarSlider .listingItemLI:nth-child(5n) {
  width: 25%;
  padding-bottom: 25%;
}

.pillarSlider .listingItemLI > div {
  height: 100%;
}

.banking .pillarItem {
  background: #034ea2;
}

.employer .pillarItem {
  background: #36bcc8;
}

.communities .pillarItem {
  background: #e14562;
}

.economy .pillarItem {
  background: #de8b39;
}

.environment .pillarItem {
  background: #45aa14;
}

.economy .asideNews {
  border-color: #de8b39;
  background-color: #f5f5f5;
}

.economy .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #de8b39;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}

.news .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: #222222;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}

.newsDetails {
  font-size: 18px;
  line-height: 26px;
}

.communities .asideNews {
  border-color: #e14562;
  background-color: #f5f5f5;
}

.communities .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #e14562;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}

.employer .asideNews {
  border-color: #36bcc8;
  background-color: #f5f5f5;
}

.employer .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #36bcc8;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}

.banking .asideNews {
  background-color: #f5f5f5;
  border-color: #004986;
}

.banking .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #004986;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}

.environment .asideNews {
  border-color: #45aa14;
  background-color: #f5f5f5;
}

.environment .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #45aa14;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}

.pillarType {
  position: absolute;
  left: 0;
  top: 20px;
  background: white;
  padding: 8px 12px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
}

.listingItemPillar {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

.pillarsSub {
  padding-bottom: 70px;
  float: left;
  font-weight: bold;
  color: #FFF;
  font-size: 20px;
}

.pillarImage {
  margin-bottom: 50px;
}

.banking .pillarType {
  color: #004986;
}

.employer .pillarType {
  color: #36bcc8;
}

.ms-rtestate-field a:hover {
  text-decoration: none !important;
}

.community .pillarType {
  color: #e14562;
}

.economy .pillarType {
  color: #de8b39;
}

.environment .pillarType {
  color: #238f2d;
}

.mainNews li {
  margin-bottom: 0;
  position: relative;
  font-weight: 300;
  color: #222222 !important;
  font-size: 18px !important;
  padding-bottom: 0px !important;
  padding-left: 20px;
}

.newBoxTitle {
  font-size: 28px !important;
  padding-top: 25px !important;
  margin-bottom: 0px !important;
}

.imageMarginBotton {
  margin-bottom: 60px !important;
}

h5 {
  font-size: 40px !important;
  color: white;
  text-align: center;
}

.stakeholderItem {
  padding: 25px 20px;
  border: 1px solid #e1e1e1;
  height: 663px;
}

.stakeholderItem.pillarItem {
  height: auto;
}

.fancybox-slide .stakeTitle {
  font-size: 18px;
  margin-bottom: 20px;
}

.fransabank.economy .breadcrumb {
  margin-bottom: 0px;
}

.news.caseStudyContainer {
  background-color: #f5f5f5;
  padding: 30px;
}

.stakeholderItem.pillarItem img {
  padding: 0px 0px;
}

.marginBottomBox {
  margin-bottom: 25px !important;
}

.pillarItem table {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.pillarItem table td {
  height: 100%;
  vertical-align: middle;
}

.pillarSlider .listingItemLI:nth-child(5n+1) .pillarDetails,
.pillarSlider .listingItemLI:nth-child(5n+3) .pillarDetails {
  padding: 0 100px;
  text-align: center;
}

.pillarSlider .listingItemLI:nth-child(5n+1) h5,
.pillarSlider .listingItemLI:nth-child(5n+3) h5 {
  margin-bottom: 20px;
}

.pillarSlider .listingItemLI:nth-child(5n+1) h5 {
  padding: 0px 70px;
}

.pillarDetails h5 {
  margin-bottom: 10px;
  text-align: left !important;
}

.pillarDescription {
  text-align: center !important;
  color: white;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
}

a.link {
  font-size: 13px;
  font-weight: bold;
  color: white !important;
  text-transform: uppercase;
}

a.link:before {
  display: inline-block;
  content: ">";
  margin-right: 5px;
  font-weight: 400;
}

a.link:hover {
  text-decoration: none;
}

.pillarIcon {
  float: left;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.pillarSlider .pillarDetails h5 {
  text-align: center !important;
}

.pillarInfo {
  max-width: 70%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.pillarSlider .listingItemLI:nth-child(5n+2) .pillarDetails {
  text-align: center;
}

.pillarSlider .listingItemLI:nth-child(5n+2) .pillarDetails h5 {
  font-size: 30px !important;
  /* text-align: left !important; */
}

.pillarSlider .listingItemLI:nth-child(5n+2) .pillarDetails .pillarDescription {
  text-align: left;
}

.pillarSlider img {
  display: none !important;
  vertical-align: middle;
  width: auto !important;
}

.pillarDescription li {
  margin-bottom: 10px;
}

.pillarSlider .listingHolder {
  margin: 0 -5px;
}

.pillarSlider .listingItemLI:nth-child(5n+4) h5,
.pillarSlider .listingItemLI:nth-child(5n) h5 {
  font-size: 25px !important;
}

.pillarSlider .listingItemLI:nth-child(5n+4) .pillarDetails,
.pillarSlider .listingItemLI:nth-child(5n) .pillarDetails {
  padding: 50px 25px 30px;
  text-align: center;
}

.pillarItem:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #034ea2;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}

.owl-dots {
  text-align: center;
}

.owl-dots .owl-dot {
  margin: 0 7px;
}

.owl-dots .owl-dot span {
  border: 1px solid black;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}

.owl-dots .owl-dot.active span {
  background: #034ea2;
  border: 1px solid #034ea2;
}

.videoHolder {
  margin-bottom: 80px;
}

.videoImage {
  height: 600px;
  background-size: cover;
  margin-bottom: 160px;
}

.videoHolder a {
  position: relative;
  display: block;
}

.videoHolder a:before {
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  background-image: url("../../images/CSR/videoIcon.png");
  top: 50%;
  left: 50%;
  margin: -75px;
  position: absolute;
  z-index: 1;
  background-size: 150px;
  transition: all 0.3s ease-in-out;
}

.videoHolder a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #000;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
  transition: all 0.3s ease-in-out;
}

.videoHolder a:hover:before,
.videoHolder a:hover:after {
  opacity: 0.3;
}

.infoIcon {
  display: inline-block;
  margin-right: 7px;
}

.infoDetails {
  display: inline-block;
}

.infoDetails span.number {
  font-weight: 900;
  font-size: 56px;
  display: block;
  line-height: 56px;
}

.infoDetails strong {
  font-size: 24px;
  display: block;
  text-align: left;
}

.infoDetails span {
  max-width: 200px;
  display: block;
  text-align: left;
}

.infoDetails .greyOne {
  color: #808080;
  padding-top: 20px;
}

.infoGraphic li {
  text-align: center;
  width: 33.33%;
  margin-bottom: 50px;
}

.infoGraphic li:nth-child(3) span.number,
.infoGraphic li:nth-child(4) span.number,
.infoGraphic li:nth-child(5) span.number {
  font-size: 56px;
  display: block;
  line-height: 56px;
}

.newsListing {
  background: url(../../images/CSR/bluePattern.gif);
  padding: 70px 0 140px;
}

.newItems {
  margin-bottom: 30px;
}

.newsListing h3 {
  color: white;
}

.newsListing h3:after {
  background: white;
}

.newsSlider li {
  background: #001c3c;
}

.newsInfo {
  border-top: 1px solid rgba(255, 255, 255, 0.5019607843);
  border-right: 1px solid rgba(255, 255, 255, 0.5019607843);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
  float: left;
  height: 340px;
  width: 50%;
  padding: 30px;
  color: white !important;
}

.date {
  font-size: 18px;
  margin-bottom: 30px;
}

.newsInfo h4 {
  font-size: 30px;
  margin-bottom: 30px;
  display: block;
}

.newsInfo h4 a:hover {
  text-decoration: underline;
}

.newsSlider .owl-dots {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.newsSlider .owl-dots span {
  border-color: white;
}

.newsSlider .owl-dots .owl-dot.active span {
  background: white;
  border: 1px solid white;
}

.newsSlider {
  margin-bottom: 25px;
}
.newsSlider .blockTitle {
  font-size: 60px !important;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  color: white;
}
.newsSlider .blockTitle:before {
  content: "";
  width: 70px;
  height: 6px;
  display: block;
  background: white;
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -35px;
}

.newsListing .container,
.infoGraphic .container,
.banner .container,
header .container,
footer .container,
.mainBanner .container,
.news .container,
.backButton .container {
  width: 1140px;
  margin: 0 auto;
}

.newsItem .newsDetails {
  position: absolute;
  bottom: 0;
  height: 100%;
  z-index: 5;
  padding: 20px 30px;
}

.newItems ul {
  margin: 0 -5px;
}

.newItems ul li {
  padding: 0 5px;
  margin-bottom: 10px;
}

.newsItem {
  position: relative;
  background: white;
  height: 283px;
  overflow: hidden;
}

.newsItem .imageHolder:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url(../../images/CSR/newsOverlay.png);
  bottom: 0;
  position: absolute;
  z-index: 2;
}

.newsItem h5 {
  font-size: 20px !important;
  color: #004986;
  text-align: left;
}

.newsItem .date {
  font-size: 18px;
  position: relative;
  margin-bottom: 5px;
}

.newsItem .imageHolder + .newsDetails {
  height: auto;
  color: white;
}

.newsItem .imageHolder + .newsDetails h5 {
  color: white;
}

/*.newsSlider .imageHolder .newsItem .date:after {
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: -15px;
    left: 0;
}*/
.btnHolder {
  text-align: center;
  color: white;
}

.btnHolder a {
  color: white;
}

.bannerBackground {
  background-repeat: no-repeat;
  height: 490px;
  padding: 45px;
  background-image: url("/Style%20Library/CSR/images/banner.jpg");
}

.documentList {
  /* background: url(../../images/CSR/bluePattern.gif);*/
  padding: 45px 40px;
  color: white;
  background-color: #013164;
}

.documentList h2 {
  font-size: 40px;
  color: white;
  margin-bottom: 20px;
}

.banner .floatRight,
.banner .floatLeft {
  width: 50%;
}

.documentList li a {
  font-weight: bold;
  padding: 7px 0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.banner {
  margin-top: -50px;
  padding-bottom: 80px;
}

.documentList li a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url(../../images/CSR/arrow-white.png);
  background-size: 6px 8px;
  background-repeat: no-repeat;
  margin-right: 5px;
}

footer {
  background: #001f41;
  height: 60px;
  padding-top: 24px;
  font-size: 16px;
  color: white;
}

.socialMedia li {
  float: left;
  margin-left: 15px;
}

.socialMedia li a:hover {
  opacity: 0.6;
}

.mainBanner {
  background-attachment: fixed;
  position: relative;
  height: 430px;
  overflow: hidden;
  background-size: cover;
  margin-bottom: 10px;
  background-position: center;
}

.employer .mainBanner {
  background-attachment: fixed;
  position: relative;
  height: 430px;
  overflow: hidden;
  background-size: cover;
  margin-bottom: 10px;
  background-position: center;
}

.mainBanner .container {
  position: relative;
  height: 430px;
}

.mainBanner h2 {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 74px;
  color: white;
  background: url(../../images/CSR/lightBluePattern.png);
  padding: 27px 0 27px 60px;
  max-width: 50%;
}

.highlighted {
  font-weight: 400;
  font-size: 20px;
  color: #002d5d;
  line-height: 25px;
  color: #222222;
}

.infographicItems li {
  width: 32%;
  text-align: center;
  display: inline-block;
}

.infographicItems li img {
  display: block;
  margin: 0 auto 10px;
}

.infographicItems li span {
  font-size: 20px;
  font-weight: bold;
}

.resizeDiv {
  margin-bottom: 43px;
}

.resizeImage {
  width: 62px !important;
  height: 61px !important;
}

.content {
  margin-bottom: 40px;
}

.introduction {
  margin-bottom: 48px;
}

.subPillarSlider .owl-stage,
.pillarSlider .owl-stage {
  margin-bottom: 130px;
}

.subPillarSlider .listingItemLI {
  width: 50%;
  float: left;
  padding-bottom: 50%;
  position: relative;
  margin-bottom: 10px;
}

.subPillarSlider .listingItemLI:nth-child(4n+1) {
  margin-bottom: 0;
  padding-bottom: calc(50% + 10px);
}

.subPillarSlider .listingItemLI .pillarItem {
  position: absolute;
  background-position: center;
  margin: 0 5px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(100% - 10px);
}

.subPillarSlider .listingItemLI:nth-child(4n+2) {
  padding-bottom: 25%;
  float: right;
}

.subPillarSlider .listingItemLI:nth-child(4n+3) {
  width: 25%;
  padding-bottom: 25%;
}

.subPillarSlider .listingItemLI:nth-child(4n) {
  width: 25%;
  padding-bottom: 25%;
}

.paddingInfographic {
  padding-top: 954px;
}

.subPillarSlider .listingItemLI > div {
  height: 100%;
}

.whiteBackgroundColor {
  font-size: 24px !important;
  color: #001f41 !important;
  margin-bottom: 0px !important;
}

.subPillarSlider img {
  display: inline-block !important;
  vertical-align: middle;
  width: auto !important;
}

.subPillarSlider .listingItemLI:nth-child(4n+2) .pillarDetails {
  padding: 0 50px;
  text-align: center;
}

.subPillarSlider .listingItemLI:nth-child(4n+2) .pillarDetails .pillarDescription {
  text-align: center;
}

.subPillarSlider .listingItemLI:nth-child(4n+1) .pillarDetails {
  padding: 0 100px;
  text-align: center;
}

.subPillarSlider .listingItemLI:nth-child(4n+3) .pillarDetails,
.subPillarSlider .listingItemLI:nth-child(4n) .pillarDetails {
  padding: 30px 25px;
  text-align: center;
}

.downloadReport {
  width: 690px;
  margin: 0 auto 80px;
  max-width: 100%;
}

.downloadReport img {
  display: none;
  width: 215px;
  vertical-align: middle;
}

.listingReport {
  background: #034ea2;
  padding: 15px;
  display: inline-block;
  width: 462px;
  vertical-align: middle;
  margin-left: -10px;
  max-width: 100%;
  text-align: center;
}

.listingReport h3 {
  font-size: 18px !important;
  color: white;
}

.listingReport h3:after {
  background: #ffffff;
  display: none;
}

.listingReport ul {
  display: inline-block;
}

.listingReport ul:after {
  content: "";
  display: block;
  clear: both;
}

.listingReport li {
  float: left;
  margin-right: 18px;
}

.listingReport li a {
  font-weight: bold;
  display: block;
  color: white;
}

.listingReport li a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url(../../images/CSR/arrow-white.png);
  background-size: 6px 8px;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.newsListing.subPage {
  background: white;
  padding: 0;
  margin-bottom: 100px;
}

.newsListing.subPage .sliderButton {
  border: 1px solid #034ea2;
  color: #034ea2 !important;
}

.newsListing.subPage .sliderButton:hover {
  background: #034ea2;
  color: white !important;
}

.errorPage {
  position: relative;
  background: url("../../images/CSR/404BackgroundImage.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

.errorPageContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #282828;
  transform: translateX(-50%) translateY(-50%);
}

.errorPageContainer p {
  font-size: 40px;
  line-height: 46px;
  margin-bottom: 30px;
}

.errorPageContainer a {
  color: #282828;
  border: 1px solid #2e2e2e;
}

.banner2 .col-md-4 div {
  background: red;
  height: 20px;
}

.banner2 {
  margin-bottom: 50px;
}

.backButton {
  color: #222222;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 40px;
  display: none;
}

.backButton a,
.asideNewsLink a {
  background-size: 6px;
  vertical-align: middle;
}

.backButton a:before,
.asideNewsLink a:before {
  content: ">";
  display: inline-block;
  margin-right: 5px;
  width: 6px;
  height: 23px;
  background-size: 6px;
  vertical-align: middle;
}

.backButton a:before {
  background-image: url(../../images/CSR/backArrow.png);
}

.mainNewsImage {
  margin-bottom: 32px;
}

.mainNewsImage img {
  width: 100%;
}

.mainNewsContent {
  color: #222222;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 28px;
}

.mainNews h1,
.mainNews h2 {
  font-size: 32px;
  color: #001f41;
  margin-bottom: 35px;
}

.mainNewsFooter > div {
  display: inline-block;
}

.mainNewsFooter {
  margin-bottom: 105px;
}

.mainNews .newH5 {
  font-size: 24px !important;
  color: #001f41 !important;
  text-align: left;
  font-weight: 700;
  margin-bottom: 30px !important;
}

.sustainBlock {
  color: #222222;
  font-size: 20px;
}

.mainNewsFooterText {
  color: #b2b1b2;
}

.moneyAmount {
  color: #ed6c25;
  font-size: 35px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid #bf3f82;
}

.mainNewsFooterPrimaryText {
  font-weight: bold;
}

.mainNewsFooterSecondaryText {
  font-size: 10px;
}

.asideNews {
  color: #001f41;
  border-top: 2px solid;
  padding: 30px;
  border-width: 6px 0px 0px;
  margin-top: 0;
}

.asideNewsHeading {
  line-height: 33px;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.asideNewsContent {
  font-size: 18px;
  line-height: 28px;
  color: #373737;
  margin-bottom: 30px;
}

.asideNewsLink {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

a:visited,
a:link,
.ms-WPBody a:visited,
.ms-WPBody a:link {
  color: inherit;
  text-decoration: none;
}

.newsListing.subPage .newsSlider {
  max-width: 1140px;
}

.mainNews h5 {
  font-size: 24px !important;
  color: #001f41;
  text-align: left;
  font-weight: 700;
  margin-bottom: 30px;
}

.mainNews h6 {
  font-size: 24px !important;
  color: #001f41 !important;
  text-align: left;
  margin-bottom: 30px;
}

.mainNews h4 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #002d5d;
}

.mainNews .stakeholderItem h4 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #002d5d;
}

.mainNews li {
  margin-bottom: 0;
  position: relative;
  padding-bottom: 18px;
  padding-left: 20px;
}

.mainNews li:before {
  content: "";
  background-image: url(../../images/CSR/smallArrowBlue.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 7px;
  z-index: 10;
}

.box {
  display: block !important;
  background-color: white !important;
}

.paddingTop {
  padding-top: 25px;
}

header {
  position: relative;
}

.centerText {
  padding-top: 20px;
}

.menuToggle {
  width: 27px;
  height: 27px;
  display: block;
  border: 1px solid #034ea2;
  position: absolute;
  right: 20px;
  top: 35px;
}

.menuToggle:before,
.menuToggle:After,
.menuToggle span {
  content: "";
  display: block;
  width: 13px;
  background: #034ea2;
  height: 1px;
  position: absolute;
  left: 6px;
  top: 12px;
}

.menuToggle:before {
  top: 8px;
}

.menuToggle:after {
  top: 16px;
}

table,
tbody,
td,
tr {
  display: block;
}

.listingItemLI table,
.listingItemLI tbody {
  display: table;
  height: 100%;
  width: 100%;
}

.listingItemLI tr {
  display: table-row;
}

.listingItemLI td {
  display: table-cell;
}

.subPillarSlider .listingItemLI:nth-child(4n+3) .pillarDetails h5,
.subPillarSlider .listingItemLI:nth-child(4n) .pillarDetails h5,
.subPillarSlider .listingItemLI:nth-child(4n+1) h5 {
  text-align: center;
}

/*.container {
    width: auto;
    margin: 0 83px;
}*/
.mainText {
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  color: #002d5d;
}

.smallContainer {
  width: 800px;
  margin: 0 auto 50px;
  text-align: center;
}

.middleText {
  margin-bottom: 45px;
  text-align: center;
  font-size: 20px;
  color: #373737;
}

.spriteTitle {
  font-weight: bold;
  color: #034ea2;
}

.spriteLogo {
  margin-bottom: 40px;
}

.exploreContent {
  background-color: #001832;
  padding-top: 65px;
}

.exploreTitle {
  margin-top: 65px;
  margin-bottom: 35px;
  text-align: center;
  font-size: 50px;
  color: #FFF;
}

.exploreSub {
  margin-bottom: 30px;
  text-align: center;
  color: #FFF;
  font-size: 30px;
  font-weight: bold;
}

.exploreimage {
  margin-bottom: 40px;
  text-align: center;
}

.exploreText {
  max-width: 200px;
  margin: 0 auto 25px;
  text-align: center;
  font-size: 24px;
  color: #FFF;
  font-weight: bold;
}

.exploreContainer {
  max-width: 980px;
  margin: 0 auto;
}

.paragText {
  text-align: center;
  color: #FFF;
  font-size: 18px;
}

.exploreParag {
  margin-bottom: 50px;
}

.exploreFooter {
  margin-bottom: 60px;
  background-color: #001832;
}

.exploreFooter .footerText {
  padding: 0 0 65px;
}

.footerText {
  max-width: 100%;
  color: #222222;
  padding: 75px 0;
  font-size: 18px;
}

.imageTextHolder {
  margin-bottom: 50px;
  background-color: #00448f;
  height: 432px;
}

.imageHolder img {
  width: 100%;
}

.imageTextHolder .halfWidth.floatRight {
  float: right;
}

.titleHolder {
  padding: 50px 40px 20px;
  font-weight: bold;
  font-size: 30px;
  color: #FFF;
}

.paragHolder {
  padding-left: 40px;
  padding-right: 60px;
  font-size: 18px;
  color: #FFF;
}

.paragHolder a {
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
}

.halfWidth {
  width: 50%;
  float: left;
}

.imageTextHolder.secondHolder {
  margin-bottom: 65px;
}

.stackEngagement {
  margin-bottom: 70px;
}

.assementTitle {
  margin-bottom: 45px;
  text-align: center;
  font-weight: bold;
  color: #00448f;
  font-size: 50px;
}

.assementSub {
  margin-bottom: 55px;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #222222;
}

.assementRadius {
  padding-left: 50px;
}

.circle,
.circle2 {
  margin: 0 auto 30px;
  text-align: center;
  background-color: #001f41;
  line-height: 140px;
  width: 140px;
  height: 140px;
  font-size: 74px;
  font-weight: bold;
  color: #FFF;
  border-radius: 50%;
}

.circle img {
  display: block;
  margin: 0 auto;
  width: 64px !important;
  padding: 38px 0px;
}

.circleTitle {
  margin-bottom: 80px;
  font-size: 18px;
  color: #222222;
  text-align: center;
}

.matrixBtn {
  margin-bottom: 40px;
}

.matrixBtn a {
  text-align: center;
  max-width: 370px;
  border: 1px solid #222222;
  display: block;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  padding: 20px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.matrixBtn a:hover {
  background: #222222;
  color: white;
}

.btnTitle {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #222222;
}

.btnText {
  margin-bottom: 65px;
  font-size: 18px;
  text-align: center;
  color: #222222;
}

.pillarsCSR {
  background-color: #001832;
}

.pillarsTitle {
  margin-bottom: 35px;
  font-weight: bold;
  color: #FFF;
  font-size: 32px;
}

.pillarsText {
  margin-bottom: 60px;
  color: #FFF;
  font-size: 24px;
}

.pillarsCSR {
  margin-bottom: 90px;
}

.roadmapTitle {
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  color: #00448f;
  margin-bottom: 76px;
}

.firstParag {
  color: #002d5d;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}

.secondParag {
  font-size: 20px;
  color: #222222;
}

.image2 {
  float: right;
}

.roadmapTexts {
  margin-bottom: 123px;
}

.sustainableTitle {
  margin-bottom: 47PX;
  text-align: center;
  font-weight: bold;
  font-size: 50px;
  color: #00448f;
}

.backgrounColor {
  height: 237px;
  background-color: #c5192d;
}

.contentBody {
  font-weight: bold;
  text-align: center;
  color: #FFF;
}

.contentBody {
  height: 165px;
}

.sustainableBody {
  margin-bottom: 55px;
}

.titleQuality {
  font-size: 24px;
}

.numberQuality {
  font-weight: bold;
  font-size: 60px;
}

.pillarDetails a:hover {
  text-decoration: underline;
}

.subSections .subSectionItem {
  padding: 20px;
  /*    width: calc(100% - 40px);
  */
  float: left;
  min-height: 250px;
  max-height: 250px;
  position: relative;
  margin: 0 10px 20px;
  display: block !important;
}

.subSections .subSectionItem h5 {
  color: #fff;
  font-size: 24px !important;
  text-align: left;
  margin-bottom: 10px;
}

.subSections .subSectionItem h5 a:hover {
  text-decoration: underline;
}

.subSections .subSectionItem .subSectionDescription a {
  text-decoration: underline;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.subSections .subSectionItem a:hover {
  text-decoration: none;
}

.subSections .subSectionItem:nth-child(2n+1) {
  clear: both;
}

.subSections {
  margin: 0 -20px 50px -10px;
}

.subSectionDescription {
  color: #ffffff;
  max-height: 105px;
  overflow: hidden;
}

.table,
.table tbody,
.table tfoot {
  width: 100%;
  display: block;
}

.table tr {
  width: 100%;
  padding: 10px 0;
}

.table tr:after {
  content: "";
  display: block;
  clear: both;
}

.table tr td {
  padding: 20px;
  text-align: center !important;
}

.table tr td table tr td {
  display: inline-block;
  max-width: 32.33%;
}

.table tr td img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}

.listingImageText:after {
  content: "";
  display: block;
  clear: both;
}

.listingImageText {
  margin-bottom: 20px;
}

.listingImageText .listingImage {
  float: left;
}

.listingImageText .listingText {
  float: left;
  max-width: calc(100% - 150px);
}

.subPillarSlider .pillarDetails h5 {
  font-size: 30px !important;
}
.subPillarSlider .pillarDetails h5:hover {
  text-decoration: underline;
}

.mainNewsContent a {
  text-decoration: underline;
  color: #002d5d;
}

.mainNewsContent a:hover {
  text-decoration: none;
}

.mainNewsContent b,
.mainNewsContent strong {
  font-size: 17px;
  font-weight: 700;
  color: #001f41;
}

.mainNews .box h5 {
  font-size: 23px !important;
  color: white;
}

.contentBody.backgrounColor4 img {
  height: 165px;
}

.mainBanner .pillarType {
  background: transparent;
  bottom: 15px;
  top: auto;
  height: 113px;
  max-width: 100%;
  left: 0px;
  width: 100%;
}

.pillarBox {
  width: 120px;
  display: inline-block;
}

.mainBanner .pillarType .row {
  margin: 0 -5px;
}

.mainBanner .pillarType .col-md-6 {
  width: 33.333%;
  padding: 0 5px;
}

.mainBanner .pillarType img {
  margin-right: 10px;
  max-width: 100%;
  display: inline-block;
  width: 140px;
}

.annotation {
  font-size: 12px;
  line-height: 16px;
}

.economy .mainBanner h2:after,
.economy .subSections .subSectionItem {
  background-image: url("../../images/CSR/economyPattern.png");
  display: none;
}

.communities .mainBanner h2:after,
.communities .subSections .subSectionItem {
  background-image: url("../../images/CSR/comunityPattern.png");
  display: none;
}

.employer .mainBanner h2:after,
.employer .subSections .subSectionItem {
  background-image: url("../../images/CSR/employerPattern.png");
  display: none;
}

.banking .mainBanner h2:after,
.banking .subSections .subSectionItem {
  background-image: url("../../images/CSR/lightBluePattern.png");
  background-image: none !important;
}

.pillarDetails h5 {
  margin-bottom: 10px;
  text-align: left !important;
}

.environment .mainBanner h2:after,
.environment .subSections .subSectionItem {
  background-image: url("../../images/CSR/enviromentalPattern.png");
  display: none;
}

.videoHolder,
.newsListing .blockBody,
.mainText,
.middleText,
.smallContainer,
.exploreContent,
.imageTextHolder,
.assementBlock,
.pillarsCSR,
.sustainableBody {
  opacity: 1;
  margin-top: 0;
  transition: all 0.7s ease-in-out;
}

.videoHolder.animate,
.infoGraphic li.animate,
.newsListing .blockBody.animate,
.mainText.animate,
.middleText.animate,
.smallContainer.animate,
.exploreContent.animate,
.imageTextHolder.animate,
.assementBlock.animate,
.pillarsCSR.animate,
.sustainableBody.animate {
  margin-top: 0px;
  opacity: 1;
}

.pillarSlider .rowWrap {
  overflow: hidden;
}

.pillarSlider .listingHolder .listingItemLI:nth-child(1),
.pillarSlider .listingHolder .listingItemLI:nth-child(3),
.pillarSlider .listingHolder .listingItemLI:nth-child(4) {
  opacity: 0;
  margin-left: -200px;
  transition: all 0.3s ease-in-out;
}

.pillarSlider.animate .listingHolder .listingItemLI:nth-child(1),
.pillarSlider.animate .listingHolder .listingItemLI:nth-child(3),
.pillarSlider.animate .listingHolder .listingItemLI:nth-child(4) {
  opacity: 1;
  margin-left: 0;
}

.pillarSlider .listingHolder .listingItemLI:nth-child(2),
.pillarSlider .listingHolder .listingItemLI:nth-child(5) {
  opacity: 0;
  margin-left: 100%;
  transition: all 0.3s ease-in-out;
}

.pillarSlider.animate .listingHolder .listingItemLI:nth-child(2),
.pillarSlider.animate .listingHolder .listingItemLI:nth-child(5) {
  opacity: 1;
  margin-left: 0%;
}

.pillarSlider .rowWrap .listingItemLI:nth-child(1),
.pillarSlider .rowWrap .listingItemLI:nth-child(4),
.pillarSlider .rowWrap .listingItemLI:nth-child(5) {
  opacity: 0;
  margin-left: -200px;
  transition: all 0.7s ease-in-out;
}

.pillarSlider.animate .rowWrap .listingItemLI:nth-child(1),
.pillarSlider.animate .rowWrap .listingItemLI:nth-child(4),
.pillarSlider.animate .rowWrap .listingItemLI:nth-child(5) {
  opacity: 1;
  margin-left: 0px;
}

.pillarSlider .rowWrap .listingItemLI:nth-child(2),
.pillarSlider .rowWrap .listingItemLI:nth-child(3) {
  opacity: 0;
  margin-right: -200px;
  transition: all 0.7s ease-in-out;
}

.pillarSlider.animate .rowWrap .listingItemLI:nth-child(2),
.pillarSlider.animate .rowWrap .listingItemLI:nth-child(3) {
  opacity: 1;
  margin-right: 0px;
}

.subPillarSlider li .rowWrap li:first-child h5 {
  font-size: 30px !important;
}

.col-xs-12 .listingImageText .listingImage {
  float: none;
  text-align: center;
}

.col-xs-12 .listingImageText .listingText {
  text-align: center;
  width: 100%;
  max-width: none;
}

.mainNewsContent img {
  max-width: 100%;
}

.newsItem .imageHolder img {
  transition: all 0.3s ease-in-out;
}

.newsItem:hover .imageHolder img {
  transform: scale(1.1);
}

.documentList li a {
  transition: all 0.3s ease-in-out;
}

.documentList li a:before {
  transition: all 0.3s ease-in-out;
}

.documentList li a:hover:before {
  margin-right: 10px;
}

.subPillarSlider .blockHead {
  display: none;
}

.pillarType {
  display: none;
}

.mainBanner .pillarType {
  display: block;
}

.subPillarSlider .owl-carousel .owl-nav button.owl-next {
  right: -40px;
  background-image: url(../../images/CSR/arrow_blue.png);
}

.subPillarSlider .owl-carousel .owl-nav button.owl-prev {
  left: -40px;
  background-image: url(../../images/CSR/arrow_blue.png);
}

.subPillarSlider .fiveItems .listingItemLI:nth-child(4n+2),
.subPillarSlider .fiveItems .listingItemLI:nth-child(5n) {
  width: 25%;
  padding-bottom: 25%;
}

.subPillarSlider .fiveItems .listingItemLI:nth-child(5n) .pillarDetails,
.subPillarSlider .listingItemLI:nth-child(4n+2) .pillarDetails {
  padding: 30px 25px;
}

.subPillarSlider .listingItemLI.fullHeight {
  padding-bottom: calc(50% + 10px);
}

hr {
  color: #ffffff;
  height: 2px;
  background: white;
  width: 100%;
  border: 0;
}

.noBullet li::before {
  display: none;
}

.fransabankLogo {
  display: none;
}

.downloadReport a {
  display: inline-block;
  margin: 0 auto;
  font-weight: bold;
  text-decoration: underline;
}

.dimensions img {
  height: 405px;
}

.downloadReport {
  font-size: 20px;
  text-align: left;
  width: 1143px;
  margin: 20px auto 80px;
}

.downloadReport a:hover {
  text-decoration: none;
}

.breadcrumb ul {
  display: flex;
}
.breadcrumb ul li {
  color: #919191;
  font-size: 16px;
}

.breadcrumb li:after {
  content: ">";
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  color: #034ea2;
}

.breadcrumb li:last-child:after {
  display: none;
}

.breadcrumb li a {
  color: #034ea2;
  font-weight: bold;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumb {
  padding-bottom: 10px;
  margin-bottom: 65px;
  border-bottom: 1px solid #ccc;
}

.smallContainer .spriteLogo {
  width: 44px;
  margin: 0 auto;
}

.smallContainer .spriteLogo img {
  max-width: 100%;
}

.listingSustainable img {
  max-width: 100%;
  width: 100%;
}

.supportImage {
  width: 170px;
  display: block;
  margin: 0 auto 10px;
}

img {
  max-width: 100%;
}

.stakeHolderImage {
  height: 405px !important;
}

.sustainableBody .row {
  margin-bottom: 40px;
}

.secondParag a {
  font-weight: bold;
  text-decoration: underline;
}

.secondParag a:hover {
  text-decoration: none;
}

.stakeholderItem img {
  max-height: 140px;
  padding: 0px 95px;
  margin-bottom: 40px;
  display: block;
}

.stakeholderItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.stakeholderItem h6 {
  font-size: 19px;
  padding-top: 25px;
  margin-bottom: 20px;
}

.stakeholderItem h4 {
  font-size: 28px;
}

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 50px 25px !important;
  margin: 44px 0;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

.stakeholderItem ul li {
  position: relative;
  font-size: 16px;
  padding-top: 0px;
  padding-left: 20px !important;
  line-height: 24px;
}

.stakeholderItem ul li:before {
  content: "";
  background-image: url(../../images/CSR/smallArrowBlue.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 3px;
  z-index: 10;
}

.mainNews .stakeholderItem ul li:before {
  top: 4px;
}

.stakeholderItem.pillarItem:after {
  display: none;
}

.pillarItem .icon {
  height: 200px;
  margin-bottom: 0;
  position: relative;
}

.pillarItem .icon img {
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}

.stakeholderText {
  font-size: 14px;
  line-height: 20px;
}

.infoDetails strong {
  max-width: 240px;
}

.number.percent:after {
  content: "%";
  display: inline-block;
}

.infoGraphic li:nth-child(3) strong,
.infoGraphic li:nth-child(4) strong,
.infoGraphic li:nth-child(5) strong {
  max-width: 220px;
}

.imageTextHolder a.btn {
  text-align: center;
  border: 1px solid #001832;
  display: block;
  color: white;
  background: #001832;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.imageHolder {
  position: relative;
}

.imageTextHolder a.btn:hover {
  background: white;
  color: #001832;
  text-decoration: none;
}

.Enviro {
  font-weight: 300;
  font-size: 20px;
  text-align: left;
  line-height: 30px;
  color: #222222;
}

.EnviroPage h4 {
  font-size: 24px;
  margin-bottom: 10px;
}

.EnviroPage {
  background-color: #f7f8f8;
  padding: 30px 0;
}

.row.bottomBorder {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.InnerContainer {
  width: 1140px;
  margin: 0 auto;
}

.bankingBlock {
  line-height: 29px;
  margin: 0 auto;
}

.Textdescription {
  margin-bottom: 50px;
  color: #222222;
  line-height: 24px;
  font-size: 20px;
}

.greyBlock {
  background-color: #445362;
  padding: 60px;
  margin-bottom: 55px;
}

.InnerTitle {
  color: #bec0c3;
  font-size: 24px;
  margin-bottom: 40px;
}

.InnerTitle2 {
  color: #bec0c3;
  font-size: 24px;
  margin-bottom: 50px;
}

.firstApproachListing {
  margin-bottom: 70px;
}

li.listingItem {
  font-size: 20px;
  font-weight: bold;
  color: white;
  margin-left: 20px;
  position: relative;
}

.firstApproachListing .Listing .listingItem::before {
  content: "";
  background-image: url(../../images/CSR/smallArrow.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 5px;
  z-index: 10;
}

.secondApproachListing .Listing .listingItem::before {
  content: "";
  background-image: url(../../images/CSR/smallArrow.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 5px;
  z-index: 10;
}

.descriptionListing {
  color: #91979c;
  font-size: 18px;
  font-weight: 100;
}

.listingTitle {
  margin-bottom: 25px;
}

.blueBox {
  width: 100%;
  padding: 45px;
  margin-bottom: 50px;
  background-color: #00448f;
}

.difOneBoxBlue {
  margin-left: 0px !important;
  height: 405px !important;
}

.blueDescription {
  font-size: 20px;
  color: #ffffff;
  line-height: 28px;
}

.blueTitle {
  font-size: 32px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 25px;
}

.dimensions {
  width: 555px;
  height: 405;
}

.SecondRow {
  margin-bottom: 40px;
}

.ApproachTitle {
  margin-bottom: 35px;
  font-size: 32px;
  color: #00448f;
  font-weight: bold;
}

.AssesmentSubTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 35px;
  color: #222222;
}

.UnderImageBlock {
  margin-bottom: 80px;
  color: #222222;
}

.SustainableTitle {
  color: #5b5b5b;
  margin-bottom: 40px;
}

.SustainableFooterText {
  color: #2e2e2e;
  margin-bottom: 97px;
  font-size: 20px;
}

.SustainableFooterText strong a {
  text-decoration: underline;
  cursor: pointer;
}

.SustainableFooterText strong a::hover {
  text-decoration: none;
}

.RoadmapTextEditor {
  line-height: 26px;
  color: #303030;
}

.RoadmapTextEditor strong {
  color: black;
  text-decoration: underline;
}

.imageRoadmap {
  margin-bottom: 20px;
}

.topMenu ul li a {
  color: #272727;
  font-size: 16px;
}
.topMenu ul li a:hover {
  color: #034ea2;
}

.mainMenu ul li a {
  color: #272727;
  font-size: 20px;
}
.mainMenu ul li a:hover {
  color: #034ea2;
}

.breadcrumb .container {
  width: 1140px;
  margin: 0 auto;
}

.ms-WPBody h1 {
  font-size: 32px;
  margin-bottom: 30px;
}

.banking .news > .container {
  width: 100%;
}

.banking .news > .container > .row > .col-md-12 {
  padding: 0;
}

.banking .news > .container > .row {
  margin: 0 auto;
}

.banking .news .about {
  margin-bottom: 60px;
}

.banking .news .about.grey {
  background: #f8f8f8;
  padding: 60px 0;
  margin-bottom: 60px;
}

.news .about .mainNewsContent {
  margin-bottom: 0;
}

.pillarItem:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 13px;
  padding: 7px 12px;
  text-transform: uppercase;
  background: white;
  z-index: 2;
}

.pillarItem.employer {
  background: #36bcc8;
}

.pillarItem.banking:before {
  content: "Banking";
  color: #034ea2;
}

.pillarItem.employer:before {
  content: "employer";
  color: #36bcc8;
}

.pillarItem.economy:before {
  content: "economy";
  color: #de8b39;
}

.pillarItem.environment:before {
  content: "environment";
  color: #238f2d;
}

.pillarItem.communities:before {
  content: "communities";
  color: #e14562;
}

.pillarSlider .employer .pillarItem {
  background: #36bcc8;
}
.pillarSlider .pillarItem.emplyer {
  background: #36bcc8;
}
.pillarSlider .environment.pillarItem:after {
  background-color: #45aa14;
}
.pillarSlider .communities.pillarItem:after {
  background-color: #e14562;
}
.pillarSlider .economy.pillarItem:after {
  background-color: #de8b39;
}
.pillarSlider .employer.pillarItem:after {
  background-color: #36bcc8;
}
.pillarSlider .banking.pillarItem:after {
  background-color: #034ea2;
}

.pillarItem a.link:before {
  display: none;
}

.pillarItem a.link {
  text-decoration: underline;
}

.pillarItem a.link:hover {
  text-decoration: none;
}

.subPillarSlider .pillarItem:before,
.subPillarSlider .pillarItem a.link {
  display: none;
}

.subPillarSlider .pillarDescription {
  display: none;
}

.subPillarSlider .pillarDetails {
  position: absolute;
  bottom: 30px;
  left: 25px;
  right: 25px;
  z-index: 1;
  padding: 0 !important;
}

.subPillarSlider li .rowWrap li h5 {
  margin-bottom: 0;
  line-height: 30px;
}

.newText {
  margin-bottom: 40px;
}

.newText .textOne {
  padding-bottom: 20px;
}

.newText .textTwo {
  padding-bottom: 20px;
}

.mainBanner h2 {
  z-index: 5;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  bottom: auto;
  background: transparent;
  width: auto;
  min-width: auto;
  max-width: none;
  padding: 0;
  right: auto;
}

.mainBanner h2:before {
  content: "";
  width: 115px;
  height: 3px;
  background: white;
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
}

.subPillarSlider {
  margin-bottom: 0;
}

/*
.introduction > .container > .row > .col-md-12 {
    padding: 0;
}

.introduction > .container > .row {
    margin: 0 auto;
}*/
.EnviroPage .container {
  width: 1140px;
  margin: 0 auto;
}

.subSections:after {
  content: "";
  display: block;
  clear: both;
}

.fancybox-slide > div {
  max-width: calc(100% - 80px);
  max-height: calc(100% - 80px);
  width: 1140px;
}

.fancybox-close-small::after {
  content: "x";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  color: rgb(136, 136, 136);
  text-align: center;
  box-sizing: border-box;
  z-index: 2;
  font: 300 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
  border-radius: 50%;
  border-width: 0px;
  background: rgb(255, 255, 255);
  transition: background 0.25s;
}

#ctl00_PlaceHolderMain_NewsImage1_imgNews {
  width: 50% !important;
}

.firstApproachListing {
  opacity: 0;
  margin-top: 100px;
  transition: all 0.3s ease-in;
}

.firstApproachListing.animate {
  margin-top: 0px;
  opacity: 1;
}

.sourceSection {
  padding-top: 12px;
  font-size: 16px;
}

.subPillarSlider .pillarItem.noPhoto:after {
  background-image: none;
}

/*
.homepage header {
    position: absolute;
    top: 0;
    width: 100%;
    background: white;
    z-index: 2;
}

.homepage .mainSlider {
    height: 800px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}

.homepage .mainSlider .listingImage {
    height: 800px;
    background-size: cover;
    background-position: center;
}

.homepage .mainSlider+table {
    margin-top: 800px;
    background: white;
    position: relative;
    padding-top: 130px;
}*/
a.learnNews {
  text-decoration: none;
}

a.learnNews:hover {
  text-decoration: underline !important;
}

footer .floatLeft {
  font-size: 15px;
  width: 380px;
}

.floatLeft.middle {
  width: 380px;
  display: inline-block;
  text-align: center;
}

.floatLeft.middle a {
  text-decoration: underline;
  color: white;
}

footer .floatRight {
  width: 380px;
}

.greenEnviro {
  border: 4px solid #46aa14;
  padding: 23px 23px;
  color: #46aa14;
  font-weight: bold;
}

.dimensions .fancybox:after {
  content: "Click To Enlarge";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  font-size: 14px;
  font-weight: bold;
  right: 50px;
}

.dimensions .fancybox:before {
  content: "";
  position: absolute;
  background-image: url(/CSR/OurApproach/PublishingImages/loopBlue.png);
  width: 24px;
  height: 24px;
  /* top: 335px; */
  left: 390px;
  z-index: 4;
  bottom: 20px;
}

.mainBanner .pillarType .row {
  margin: 0 auto;
  text-align: center;
}

.marginBottom {
  margin-bottom: 30px;
}

.imagesListing img {
  margin-bottom: unset !important;
  display: inline-block !important;
  float: left;
  margin-right: 10px;
}

.infoGraphic .row li img {
  width: 101px;
}

.reportsSlider .owl-carousel .owl-item img {
  width: unset !important;
}

.infoGraphic .row li:nth-child(3n+1) {
  clear: both;
}

.reportsSlider .owl-dots {
  POSITION: absolute;
  LEFT: 30%;
  margin-top: 12px !important;
}

.arImage3 {
  margin-bottom: 40px;
}

.arImage2 {
  margin-left: -100px;
  /* CSS Document */
  @import url("https://fonts.googleapis.com/css?family=Work+Sans:400,600,700");
  /*.newsSlider .imageHolder .newsItem .date:after {
      content: '';
      width: 100%;
      height: 1px;
      background: rgba(255, 255, 255, 0.5);
      position: absolute;
      top: -15px;
      left: 0;
  }*/
  /*   .introduction > .container > .row > .col-md-12 {
      padding: 0;
  }

  .introduction > .container > .row {
      margin: 0 auto;
  }*/
  /*
  .homepage header {
      position: absolute;
      top: 0;
      width: 100%;
      background: white;
      z-index: 2;
  }

  .homepage .mainSlider {
      height: 800px;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 0;
  }

  .homepage .mainSlider .listingImage {
      height: 800px;
      background-size: cover;
      background-position: center;
  }

  .homepage .mainSlider+table {
      margin-top: 800px;
      background: white;
      position: relative;
      padding-top: 130px;
  }*/
  margin-bottom: 20px;
}
.arImage2 .ms-WPBody,
.arImage2 .ms-WPBody td,
.arImage2 body {
  font-size: 18px;
  color: #002d5d;
  font-family: "Work Sans", sans-serif !important;
}
.arImage2 header h1 {
  width: 300px;
  float: left;
  margin: 37px 0;
  margin-right: 20px;
}
.arImage2 .contentHolder .date {
  font-size: 16px !important;
  margin-bottom: 0px !important;
  color: #222222 !important;
}
.arImage2 .contentHolder .location {
  color: #001f41;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.arImage2 .imagecomthree {
  width: 260px !important;
}
.arImage2 header h1 a {
  display: block;
}
.arImage2 header h1 img {
  max-width: 100%;
  display: block;
}
.arImage2 header li {
  display: inline-block;
}
.arImage2 header li:after {
  content: ".";
  display: inline-block;
  margin: 0 10px;
}
.arImage2 header li:last-child:after {
  display: none;
}
.arImage2 header .topMenu {
  margin-bottom: 22px;
  text-align: right;
}
.arImage2 header .topMenu li a {
  font-size: 16px;
  border: 1px solid white;
  font-weight: 400;
}
.arImage2 header li:after {
  font-size: 20px;
  font-weight: 400;
  color: #272727;
}
.arImage2 header .floatRight {
  margin: 31px 0;
}
.arImage2 header .floatRight a {
  color: #272727;
  font-size: 20px;
}
.arImage2 header .floatRight a:hover,
.arImage2 header .floatRight a.selected {
  color: #034ea2;
}
.arImage2 .sliderContent {
  width: 630px;
  max-width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: white;
  text-align: center;
}
.arImage2 .sliderContent h3 {
  font-size: 74px !important;
}
.arImage2 .sliderContent h3:after {
  background: white;
}
.arImage2 .sliderText {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 40px;
}
.arImage2 .sliderText span {
  font-size: 20px !important;
  color: white;
  font-family: "Work Sans", sans-serif !important;
}
.arImage2 .sliderButton {
  padding: 16px 35px;
  border: 1px solid white;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.arImage2 .sliderButton:hover {
  background: white;
  color: #001c3c !important;
}
.arImage2 .owl-carousel .owl-nav button[class*=owl-] {
  width: 35px;
  height: 69px;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 40px;
  top: 50%;
  margin-top: -35px;
  background: url(../../images/CSR/arrow.png);
  background-size: 35px;
}
.arImage2 .owl-carousel .owl-nav button[class*=owl-] span {
  display: none;
}
.arImage2 .owl-carousel .owl-nav button[class*=owl-]:hover {
  background: url(../../images/CSR/arrow.png);
  background-size: 35px;
}
.arImage2 .owl-carousel .owl-nav button.owl-next {
  right: 40px;
  left: auto;
  transform: rotate(180deg);
}
.arImage2 h3 {
  font-size: 60px !important;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
.arImage2 h3:after {
  content: "";
  width: 70px;
  height: 6px;
  display: block;
  background: #002d5d;
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -35px;
}
.arImage2 .pillarSlider,
.arImage2 .subPillarSlider {
  margin-bottom: 80px;
}
.arImage2 .pillarSlider .listingItemLI {
  width: 50%;
  float: left;
  padding-bottom: 50%;
  position: relative;
  margin-bottom: 10px;
}
.arImage2 .pillarSlider .listingItemLI .pillarItem {
  position: absolute;
  margin: 0 5px;
  height: 100%;
  background-size: contain;
  width: calc(100% - 10px);
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+2) {
  padding-bottom: 25%;
  float: right;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+3) {
  float: right;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+4) {
  width: 25%;
  padding-bottom: 25%;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n) {
  width: 25%;
  padding-bottom: 25%;
}
.arImage2 .pillarSlider .listingItemLI > div {
  height: 100%;
}
.arImage2 .pillarItem.banking,
.arImage2 .pillarItem.banking:after {
  background: #034ea2 !important;
}
.arImage2 .pillarItem.employer,
.arImage2 .pillarItem.employer:after {
  background: #36bcc8;
}
.arImage2 .pillarItem.communities,
.arImage2 .pillarItem.communities:after {
  background: #e14562;
}
.arImage2 .pillarItem.economy,
.arImage2 .pillarItem.economy:after {
  background: #de8b39;
}
.arImage2 .pillarItem.environment,
.arImage2 .pillarItem.environment:after {
  background: #45aa14;
}
.arImage2 .economy .asideNews {
  border-color: #de8b39;
  background-color: #f5f5f5;
}
.arImage2 .economy .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #de8b39;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}
.arImage2 .news .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: #222222;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}
.arImage2 .newsDetails {
  font-size: 18px;
  line-height: 26px;
}
.arImage2 .communities .asideNews {
  border-color: #e14562;
  background-color: #f5f5f5;
}
.arImage2 .communities .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #e14562;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}
.arImage2 .employer .asideNews {
  border-color: #36bcc8;
  background-color: #f5f5f5;
}
.arImage2 .employer .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #36bcc8;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}
.arImage2 .banking .asideNews {
  background-color: #f5f5f5;
  border-color: #004986;
}
.arImage2 .banking .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #004986;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}
.arImage2 .environment .asideNews {
  border-color: #45aa14;
  background-color: #f5f5f5;
}
.arImage2 .environment .mainBanner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #45aa14;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}
.arImage2 .pillarType {
  position: absolute;
  left: 0;
  top: 20px;
  background: white;
  padding: 8px 12px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
}
.arImage2 .listingItemPillar {
  text-align: center;
  width: 20%;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.arImage2 .pillarsSub {
  padding-bottom: 70px;
  float: left;
  font-weight: bold;
  color: #FFF;
  font-size: 20px;
}
.arImage2 .pillarImage {
  margin-bottom: 50px;
}
.arImage2 .banking .pillarType {
  color: #004986;
}
.arImage2 .employer .pillarType {
  color: #36bcc8;
}
.arImage2 .ms-rtestate-field a:hover {
  text-decoration: none !important;
}
.arImage2 .community .pillarType {
  color: #e14562;
}
.arImage2 .economy .pillarType {
  color: #de8b39;
}
.arImage2 .environment .pillarType {
  color: #238f2d;
}
.arImage2 .mainNews li {
  margin-bottom: 0;
  position: relative;
  font-weight: 300;
  color: #222222 !important;
  font-size: 18px !important;
  padding-bottom: 0px !important;
  padding-left: 20px;
}
.arImage2 .newBoxTitle {
  font-size: 28px !important;
  padding-top: 25px !important;
  margin-bottom: 0px !important;
}
.arImage2 .imageMarginBotton {
  margin-bottom: 60px !important;
}
.arImage2 h5 {
  font-size: 40px !important;
  color: white;
  text-align: center;
}
.arImage2 .stakeholderItem {
  padding: 25px 20px;
  border: 1px solid #e1e1e1;
  height: 663px;
}
.arImage2 .stakeholderItem.pillarItem {
  height: auto;
}
.arImage2 .fancybox-slide .stakeTitle {
  font-size: 18px;
  margin-bottom: 20px;
}
.arImage2 .fransabank.economy .breadcrumb {
  margin-bottom: 0px;
}
.arImage2 .news.caseStudyContainer {
  background-color: #f5f5f5;
  padding: 30px;
}
.arImage2 .stakeholderItem.pillarItem img {
  padding: 0px 0px;
}
.arImage2 .marginBottomBox {
  margin-bottom: 25px !important;
}
.arImage2 .pillarItem table {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.arImage2 .pillarItem table td {
  height: 100%;
  vertical-align: middle;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+1) .pillarDetails,
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+3) .pillarDetails {
  padding: 0 100px;
  text-align: center;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+1) h5,
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+3) h5 {
  margin-bottom: 20px;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+1) h5 {
  padding: 0px 70px;
}
.arImage2 .pillarDetails h5 {
  margin-bottom: 10px;
  text-align: left !important;
}
.arImage2 .pillarDescription {
  text-align: center !important;
  color: white;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
}
.arImage2 a.link {
  font-size: 13px;
  font-weight: bold;
  color: white !important;
  text-transform: uppercase;
}
.arImage2 a.link:before {
  display: inline-block;
  content: ">";
  margin-right: 5px;
  font-weight: 400;
}
.arImage2 a.link:hover {
  text-decoration: none;
}
.arImage2 .pillarIcon {
  float: left;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.arImage2 .pillarSlider .pillarDetails h5 {
  text-align: center !important;
}
.arImage2 .pillarInfo {
  max-width: 70%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+2) .pillarDetails {
  text-align: center;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+2) .pillarDetails h5 {
  font-size: 30px !important;
  /* text-align: left !important; */
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+2) .pillarDetails .pillarDescription {
  text-align: left;
}
.arImage2 .pillarSlider img {
  display: none !important;
  vertical-align: middle;
  width: auto !important;
}
.arImage2 .pillarDescription li {
  margin-bottom: 10px;
}
.arImage2 .pillarSlider .listingHolder {
  margin: 0 -5px;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+4) h5,
.arImage2 .pillarSlider .listingItemLI:nth-child(5n) h5 {
  font-size: 25px !important;
}
.arImage2 .pillarSlider .listingItemLI:nth-child(5n+4) .pillarDetails,
.arImage2 .pillarSlider .listingItemLI:nth-child(5n) .pillarDetails {
  padding: 50px 25px 30px;
  text-align: center;
}
.arImage2 .pillarItem:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #034ea2;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
}
.arImage2 .owl-dots {
  text-align: center;
}
.arImage2 .owl-dots .owl-dot {
  margin: 0 7px;
}
.arImage2 .owl-dots .owl-dot span {
  border: 1px solid black;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}
.arImage2 .owl-dots .owl-dot.active span {
  background: #034ea2;
  border: 1px solid #034ea2;
}
.arImage2 .videoHolder {
  margin-bottom: 80px;
}
.arImage2 .videoImage {
  height: 600px;
  background-size: cover;
  margin-bottom: 160px;
}
.arImage2 .videoHolder a {
  position: relative;
  display: block;
}
.arImage2 .videoHolder a:before {
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  background-image: url("../../images/CSR/videoIcon.png");
  top: 50%;
  left: 50%;
  margin: -75px;
  position: absolute;
  z-index: 1;
  background-size: 150px;
  transition: all 0.3s ease-in-out;
}
.arImage2 .videoHolder a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #000;
  top: 0;
  left: 0;
  position: absolute;
  Z-INDEX: 0;
  transition: all 0.3s ease-in-out;
}
.arImage2 .videoHolder a:hover:before,
.arImage2 .videoHolder a:hover:after {
  opacity: 0.3;
}
.arImage2 .infoIcon {
  display: inline-block;
  margin-right: 7px;
}
.arImage2 .infoDetails {
  display: inline-block;
}
.arImage2 .infoDetails span.number {
  font-weight: 900;
  font-size: 56px;
  display: block;
  line-height: 56px;
}
.arImage2 .infoDetails strong {
  font-size: 24px;
  display: block;
  text-align: left;
}
.arImage2 .infoDetails span {
  max-width: 200px;
  display: block;
  text-align: left;
}
.arImage2 .infoDetails .greyOne {
  color: #808080;
  padding-top: 20px;
}
.arImage2 .infoGraphic li {
  text-align: center;
  width: 33.33%;
  margin-bottom: 50px;
}
.arImage2 .infoGraphic li:nth-child(3) span.number,
.arImage2 .infoGraphic li:nth-child(4) span.number,
.arImage2 .infoGraphic li:nth-child(5) span.number {
  font-size: 56px;
  display: block;
  line-height: 56px;
}
.arImage2 .newsListing {
  background: url(../../images/CSR/bluePattern.gif);
  padding: 70px 0 140px;
}
.arImage2 .newItems {
  margin-bottom: 30px;
}
.arImage2 .newsListing h3 {
  color: white;
}
.arImage2 .newsListing h3:after {
  background: white;
}
.arImage2 .newsSlider li {
  background: #001c3c;
}
.arImage2 .newsInfo {
  border-top: 1px solid rgba(255, 255, 255, 0.5019607843);
  border-right: 1px solid rgba(255, 255, 255, 0.5019607843);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
  float: left;
  height: 340px;
  width: 50%;
  padding: 30px;
  color: white !important;
}
.arImage2 .date {
  font-size: 18px;
  margin-bottom: 30px;
}
.arImage2 .newsInfo h4 {
  font-size: 30px;
  margin-bottom: 30px;
  display: block;
}
.arImage2 .newsInfo h4 a:hover {
  text-decoration: underline;
}
.arImage2 .newsSlider .owl-dots {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.arImage2 .newsSlider .owl-dots span {
  border-color: white;
}
.arImage2 .newsSlider .owl-dots .owl-dot.active span {
  background: white;
  border: 1px solid white;
}
.arImage2 .newsSlider {
  margin-bottom: 25px;
}
.arImage2 .newsListing .container,
.arImage2 .infoGraphic .container,
.arImage2 .banner .container,
.arImage2 header .container,
.arImage2 footer .container,
.arImage2 .mainBanner .container,
.arImage2 .news .container,
.arImage2 .backButton .container {
  width: 1140px;
  margin: 0 auto;
}
.arImage2 .newsItem .newsDetails {
  position: absolute;
  bottom: 0;
  height: 100%;
  z-index: 5;
  padding: 20px 30px;
}
.arImage2 .newItems ul {
  margin: 0 -5px;
}
.arImage2 .newItems ul li {
  padding: 0 5px;
  margin-bottom: 10px;
}
.arImage2 .newsItem {
  position: relative;
  background: white;
  height: 283px;
  overflow: hidden;
}
.arImage2 .newsItem .imageHolder:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../../images/CSR/newsOverlay.png);
  bottom: 0;
  position: absolute;
  z-index: 2;
}
.arImage2 .newsItem h5 {
  font-size: 20px !important;
  color: #004986;
  text-align: left;
}
.arImage2 .newsItem .date {
  font-size: 18px;
  position: relative;
  margin-bottom: 5px;
}
.arImage2 .newsItem .imageHolder + .newsDetails {
  height: auto;
  color: white;
}
.arImage2 .newsItem .imageHolder + .newsDetails h5 {
  color: white;
}
.arImage2 .btnHolder {
  text-align: center;
  color: white;
}
.arImage2 .btnHolder a {
  color: white;
}
.arImage2 .bannerBackground {
  height: 490px;
  padding: 45px;
  background-image: url("/Style%20Library/CSR/images/banner.jpg");
}
.arImage2 .documentList {
  /* background: url(../../images/CSR/bluePattern.gif);*/
  padding: 45px 40px;
  color: white;
  background-color: #013164;
}
.arImage2 .documentList h2 {
  font-size: 40px;
  color: white;
  margin-bottom: 20px;
}
.arImage2 .banner .floatRight,
.arImage2 .banner .floatLeft {
  width: 50%;
}
.arImage2 .documentList li a {
  font-weight: bold;
  padding: 7px 0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.arImage2 .banner {
  margin-top: -50px;
  padding-bottom: 80px;
}
.arImage2 .documentList li a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url(../../images/CSR/arrow-white.png);
  background-size: 6px 8px;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.arImage2 footer {
  background: #001f41;
  padding: 35px 0;
  font-size: 16px;
  color: white;
}
.arImage2 .socialMedia li {
  float: left;
  margin-left: 15px;
}
.arImage2 .socialMedia li a:hover {
  opacity: 0.6;
}
.arImage2 .mainBanner {
  background-attachment: fixed;
  position: relative;
  height: 430px;
  overflow: hidden;
  background-size: cover;
  margin-bottom: 10px;
  background-position: center;
}
.arImage2 .employer .mainBanner {
  background-attachment: fixed;
  position: relative;
  height: 430px;
  overflow: hidden;
  background-size: cover;
  margin-bottom: 10px;
  background-position: center;
}
.arImage2 .mainBanner .container {
  position: relative;
  height: 430px;
}
.arImage2 .mainBanner h2 {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 74px;
  color: white;
  background: url(../../images/CSR/lightBluePattern.png);
  padding: 27px 0 27px 60px;
  max-width: 50%;
}
.arImage2 .highlighted {
  font-weight: 400;
  font-size: 20px;
  color: #002d5d;
  line-height: 25px;
  color: #222222;
}
.arImage2 .infographicItems li {
  width: 32%;
  text-align: center;
  display: inline-block;
}
.arImage2 .infographicItems li img {
  display: block;
  margin: 0 auto 10px;
}
.arImage2 .infographicItems li span {
  font-size: 20px;
  font-weight: bold;
}
.arImage2 .resizeDiv {
  margin-bottom: 43px;
}
.arImage2 .resizeImage {
  width: 62px !important;
  height: 61px !important;
}
.arImage2 .content {
  margin-bottom: 40px;
}
.arImage2 .introduction {
  margin-bottom: 48px;
}
.arImage2 .subPillarSlider .owl-stage,
.arImage2 .pillarSlider .owl-stage {
  margin-bottom: 130px;
}
.arImage2 .subPillarSlider .listingItemLI {
  width: 50%;
  float: left;
  padding-bottom: 50%;
  position: relative;
  margin-bottom: 10px;
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+1) {
  margin-bottom: 0;
  padding-bottom: calc(50% + 10px);
}
.arImage2 .subPillarSlider .listingItemLI .pillarItem {
  position: absolute;
  background-position: center;
  margin: 0 5px;
  height: 100%;
  background-size: cover;
  width: calc(100% - 10px);
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+2) {
  padding-bottom: 25%;
  float: right;
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+3) {
  width: 25%;
  padding-bottom: 25%;
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n) {
  width: 25%;
  padding-bottom: 25%;
}
.arImage2 .paddingInfographic {
  padding-top: 954px;
}
.arImage2 .subPillarSlider .listingItemLI > div {
  height: 100%;
}
.arImage2 .whiteBackgroundColor {
  font-size: 24px !important;
  color: #001f41 !important;
  margin-bottom: 0px !important;
}
.arImage2 .subPillarSlider img {
  display: inline-block !important;
  vertical-align: middle;
  width: auto !important;
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+2) .pillarDetails {
  padding: 0 50px;
  text-align: center;
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+2) .pillarDetails .pillarDescription {
  text-align: center;
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+1) .pillarDetails {
  padding: 0 100px;
  text-align: center;
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+3) .pillarDetails,
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n) .pillarDetails {
  padding: 30px 25px;
  text-align: center;
}
.arImage2 .downloadReport {
  width: 690px;
  margin: 0 auto 80px;
  max-width: 100%;
}
.arImage2 .downloadReport img {
  display: none;
  width: 215px;
  vertical-align: middle;
}
.arImage2 .listingReport {
  background: #034ea2;
  padding: 15px;
  display: inline-block;
  width: 462px;
  vertical-align: middle;
  margin-left: -10px;
  max-width: 100%;
  text-align: center;
}
.arImage2 .listingReport h3 {
  font-size: 18px !important;
  color: white;
}
.arImage2 .listingReport h3:after {
  background: #ffffff;
  display: none;
}
.arImage2 .listingReport ul {
  display: inline-block;
}
.arImage2 .listingReport ul:after {
  content: "";
  display: block;
  clear: both;
}
.arImage2 .listingReport li {
  float: left;
  margin-right: 18px;
}
.arImage2 .listingReport li a {
  font-weight: bold;
  display: block;
  color: white;
}
.arImage2 .listingReport li a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url(../../images/CSR/arrow-white.png);
  background-size: 6px 8px;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.arImage2 .newsListing.subPage {
  background: white;
  padding: 0;
  margin-bottom: 100px;
}
.arImage2 .newsListing.subPage .sliderButton {
  border: 1px solid #034ea2;
  color: #034ea2 !important;
}
.arImage2 .newsListing.subPage .sliderButton:hover {
  background: #034ea2;
  color: white !important;
}
.arImage2 .errorPage {
  position: relative;
  background: url("../../images/CSR/404BackgroundImage.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.arImage2 .errorPageContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #282828;
  transform: translateX(-50%) translateY(-50%);
}
.arImage2 .errorPageContainer p {
  font-size: 40px;
  line-height: 46px;
  margin-bottom: 30px;
}
.arImage2 .errorPageContainer a {
  color: #282828;
  border: 1px solid #2e2e2e;
}
.arImage2 .banner2 .col-md-4 div {
  background: red;
  height: 20px;
}
.arImage2 .banner2 {
  margin-bottom: 50px;
}
.arImage2 .backButton {
  color: #222222;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 40px;
  display: none;
}
.arImage2 .backButton a,
.arImage2 .asideNewsLink a {
  background-size: 6px;
  vertical-align: middle;
}
.arImage2 .backButton a:before,
.arImage2 .asideNewsLink a:before {
  content: ">";
  display: inline-block;
  margin-right: 5px;
  width: 6px;
  height: 23px;
  background-size: 6px;
  vertical-align: middle;
}
.arImage2 .backButton a:before {
  background-image: url(../../images/CSR/backArrow.png);
}
.arImage2 .mainNewsImage {
  margin-bottom: 32px;
}
.arImage2 .mainNewsImage img {
  width: 100%;
}
.arImage2 .mainNewsContent {
  color: #222222;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 28px;
}
.arImage2 .mainNews h1,
.arImage2 .mainNews h2 {
  font-size: 32px;
  color: #001f41;
  margin-bottom: 35px;
}
.arImage2 .mainNewsFooter > div {
  display: inline-block;
}
.arImage2 .mainNewsFooter {
  margin-bottom: 105px;
}
.arImage2 .mainNews .newH5 {
  font-size: 24px !important;
  color: #001f41 !important;
  text-align: left;
  font-weight: 700;
  margin-bottom: 30px !important;
}
.arImage2 .sustainBlock {
  color: #222222;
  font-size: 20px;
}
.arImage2 .mainNewsFooterText {
  color: #b2b1b2;
}
.arImage2 .moneyAmount {
  color: #ed6c25;
  font-size: 35px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid #bf3f82;
}
.arImage2 .mainNewsFooterPrimaryText {
  font-weight: bold;
}
.arImage2 .mainNewsFooterSecondaryText {
  font-size: 10px;
}
.arImage2 .asideNews {
  color: #001f41;
  border-top: 2px solid;
  padding: 30px;
  border-width: 6px 0px 0px;
  margin-top: 78px;
}
.arImage2 .asideNewsHeading {
  line-height: 33px;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.arImage2 .asideNewsContent {
  font-size: 18px;
  line-height: 28px;
  color: #373737;
  margin-bottom: 30px;
}
.arImage2 .asideNewsLink {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.arImage2 a:visited,
.arImage2 a:link,
.arImage2 .ms-WPBody a:visited,
.arImage2 .ms-WPBody a:link {
  color: inherit;
  text-decoration: none;
}
.arImage2 .newsListing.subPage .newsSlider {
  max-width: 1140px;
}
.arImage2 .mainNews h5 {
  font-size: 24px !important;
  color: #001f41;
  text-align: left;
  font-weight: 700;
  margin-bottom: 30px;
}
.arImage2 .mainNews h6 {
  font-size: 24px !important;
  color: #001f41 !important;
  text-align: left;
  margin-bottom: 30px;
}
.arImage2 .mainNews h4 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #002d5d;
}
.arImage2 .mainNews .stakeholderItem h4 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #002d5d;
}
.arImage2 .mainNews li {
  margin-bottom: 0;
  position: relative;
  padding-bottom: 18px;
  padding-left: 20px;
}
.arImage2 .mainNews li:before {
  content: "";
  background-image: url(../../images/CSR/smallArrowBlue.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 7px;
  z-index: 10;
}
.arImage2 .box {
  display: block !important;
  background-color: white !important;
}
.arImage2 .paddingTop {
  padding-top: 25px;
}
.arImage2 header {
  position: relative;
}
.arImage2 .centerText {
  padding-top: 20px;
}
.arImage2 .menuToggle {
  width: 27px;
  height: 27px;
  display: block;
  border: 1px solid #034ea2;
  position: absolute;
  right: 20px;
  top: 35px;
}
.arImage2 .menuToggle:before,
.arImage2 .menuToggle:After,
.arImage2 .menuToggle span {
  content: "";
  display: block;
  width: 13px;
  background: #034ea2;
  height: 1px;
  position: absolute;
  left: 6px;
  top: 12px;
}
.arImage2 .menuToggle:before {
  top: 8px;
}
.arImage2 .menuToggle:after {
  top: 16px;
}
.arImage2 table,
.arImage2 tbody,
.arImage2 td,
.arImage2 tr {
  display: block;
}
.arImage2 .listingItemLI table,
.arImage2 .listingItemLI tbody {
  display: table;
  height: 100%;
  width: 100%;
}
.arImage2 .listingItemLI tr {
  display: table-row;
}
.arImage2 .listingItemLI td {
  display: table-cell;
}
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+3) .pillarDetails h5,
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n) .pillarDetails h5,
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+1) h5 {
  text-align: center;
}
.arImage2 .container {
  width: auto;
  margin: 0 83px;
}
.arImage2 .mainText {
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  color: #002d5d;
}
.arImage2 .smallContainer {
  width: 800px;
  margin: 0 auto 50px;
  text-align: center;
}
.arImage2 .middleText {
  margin-bottom: 45px;
  text-align: center;
  font-size: 20px;
  color: #373737;
}
.arImage2 .spriteTitle {
  font-weight: bold;
  color: #034ea2;
}
.arImage2 .spriteLogo {
  margin-bottom: 40px;
}
.arImage2 .exploreContent {
  background-color: #001832;
  padding-top: 65px;
}
.arImage2 .exploreTitle {
  margin-top: 65px;
  margin-bottom: 35px;
  text-align: center;
  font-size: 50px;
  color: #FFF;
}
.arImage2 .exploreSub {
  margin-bottom: 30px;
  text-align: center;
  color: #FFF;
  font-size: 30px;
  font-weight: bold;
}
.arImage2 .exploreimage {
  margin-bottom: 40px;
  text-align: center;
}
.arImage2 .exploreText {
  max-width: 200px;
  margin: 0 auto 25px;
  text-align: center;
  font-size: 24px;
  color: #FFF;
  font-weight: bold;
}
.arImage2 .exploreContainer {
  max-width: 980px;
  margin: 0 auto;
}
.arImage2 .paragText {
  text-align: center;
  color: #FFF;
  font-size: 18px;
}
.arImage2 .exploreParag {
  margin-bottom: 50px;
}
.arImage2 .exploreFooter {
  margin-bottom: 60px;
  background-color: #001832;
}
.arImage2 .exploreFooter .footerText {
  padding: 0 0 65px;
}
.arImage2 .footerText {
  max-width: 100%;
  color: #222222;
  padding: 75px 0;
  font-size: 18px;
}
.arImage2 .imageTextHolder {
  margin-bottom: 50px;
  background-color: #00448f;
  height: 432px;
}
.arImage2 .imageHolder img {
  width: 100%;
}
.arImage2 .imageTextHolder .halfWidth.floatRight {
  float: right;
}
.arImage2 .titleHolder {
  padding: 50px 40px 20px;
  font-weight: bold;
  font-size: 30px;
  color: #FFF;
}
.arImage2 .paragHolder {
  padding-left: 40px;
  padding-right: 60px;
  font-size: 18px;
  color: #FFF;
}
.arImage2 .paragHolder a {
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
}
.arImage2 .halfWidth {
  width: 50%;
  float: left;
}
.arImage2 .imageTextHolder.secondHolder {
  margin-bottom: 65px;
}
.arImage2 .stackEngagement {
  margin-bottom: 70px;
}
.arImage2 .assementTitle {
  margin-bottom: 45px;
  text-align: center;
  font-weight: bold;
  color: #00448f;
  font-size: 50px;
}
.arImage2 .assementSub {
  margin-bottom: 55px;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #222222;
}
.arImage2 .assementRadius {
  padding-left: 50px;
}
.arImage2 .circle,
.arImage2 .circle2 {
  margin: 0 auto 30px;
  text-align: center;
  background-color: #001f41;
  line-height: 140px;
  width: 140px;
  height: 140px;
  font-size: 74px;
  font-weight: bold;
  color: #FFF;
  border-radius: 50%;
}
.arImage2 .circle img {
  display: block;
  margin: 0 auto;
  width: 64px !important;
  padding: 38px 0px;
}
.arImage2 .circleTitle {
  margin-bottom: 80px;
  font-size: 18px;
  color: #222222;
  text-align: center;
}
.arImage2 .matrixBtn {
  margin-bottom: 40px;
}
.arImage2 .matrixBtn a {
  text-align: center;
  max-width: 370px;
  border: 1px solid #222222;
  display: block;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  padding: 20px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.arImage2 .matrixBtn a:hover {
  background: #222222;
  color: white;
}
.arImage2 .btnTitle {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #222222;
}
.arImage2 .btnText {
  margin-bottom: 65px;
  font-size: 18px;
  text-align: center;
  color: #222222;
}
.arImage2 .pillarsCSR {
  background-color: #001832;
}
.arImage2 .pillarsTitle {
  margin-bottom: 35px;
  font-weight: bold;
  color: #FFF;
  font-size: 32px;
}
.arImage2 .pillarsText {
  margin-bottom: 60px;
  color: #FFF;
  font-size: 24px;
}
.arImage2 .pillarsCSR {
  margin-bottom: 90px;
}
.arImage2 .roadmapTitle {
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  color: #00448f;
  margin-bottom: 76px;
}
.arImage2 .firstParag {
  color: #002d5d;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
.arImage2 .secondParag {
  font-size: 20px;
  color: #222222;
}
.arImage2 .image2 {
  float: right;
}
.arImage2 .roadmapTexts {
  margin-bottom: 123px;
}
.arImage2 .sustainableTitle {
  margin-bottom: 47PX;
  text-align: center;
  font-weight: bold;
  font-size: 50px;
  color: #00448f;
}
.arImage2 .backgrounColor {
  height: 237px;
  background-color: #c5192d;
}
.arImage2 .contentBody {
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
.arImage2 .contentBody {
  height: 165px;
}
.arImage2 .sustainableBody {
  margin-bottom: 55px;
}
.arImage2 .titleQuality {
  font-size: 24px;
}
.arImage2 .numberQuality {
  font-weight: bold;
  font-size: 60px;
}
.arImage2 .pillarDetails a:hover {
  text-decoration: underline;
}
.arImage2 .subSections .subSectionItem {
  padding: 20px;
  width: calc(50% - 20px);
  float: left;
  min-height: 250px;
  max-height: 250px;
  position: relative;
  margin: 0 10px 20px;
  display: block !important;
}
.arImage2 .subSections .subSectionItem h5 {
  color: #fff;
  font-size: 24px !important;
  text-align: left;
  margin-bottom: 10px;
}
.arImage2 .subSections .subSectionItem h5 a:hover {
  text-decoration: underline;
}
.arImage2 .subSections .subSectionItem .subSectionDescription a {
  text-decoration: underline;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.arImage2 .subSections .subSectionItem a:hover {
  text-decoration: none;
}
.arImage2 .subSections .subSectionItem:nth-child(2n+1) {
  clear: both;
}
.arImage2 .subSections {
  margin: 0 -20px 50px -10px;
}
.arImage2 .subSectionDescription {
  color: #ffffff;
  max-height: 105px;
  overflow: hidden;
}
.arImage2 .table,
.arImage2 .table tbody,
.arImage2 .table tfoot {
  width: 100%;
  display: block;
}
.arImage2 .table tr {
  width: 100%;
  padding: 10px 0;
}
.arImage2 .table tr:after {
  content: "";
  display: block;
  clear: both;
}
.arImage2 .table tr td {
  padding: 20px;
  text-align: center !important;
}
.arImage2 .table tr td table tr td {
  display: inline-block;
  max-width: 32.33%;
}
.arImage2 .table tr td img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}
.arImage2 .listingImageText:after {
  content: "";
  display: block;
  clear: both;
}
.arImage2 .listingImageText {
  margin-bottom: 20px;
}
.arImage2 .listingImageText .listingImage {
  float: left;
}
.arImage2 .listingImageText .listingText {
  float: left;
  max-width: calc(100% - 150px);
}
.arImage2 .subPillarSlider .pillarDetails h5 {
  font-size: 30px !important;
}
.arImage2 .mainNewsContent a {
  text-decoration: underline;
  color: #002d5d;
}
.arImage2 .mainNewsContent a:hover {
  text-decoration: none;
}
.arImage2 .mainNewsContent b,
.arImage2 .mainNewsContent strong {
  font-size: 17px;
  font-weight: 700;
  color: #001f41;
}
.arImage2 .mainNews .box h5 {
  font-size: 23px !important;
  color: white;
}
.arImage2 .contentBody.backgrounColor4 img {
  height: 165px;
}
.arImage2 .mainBanner .pillarType {
  background: transparent;
  bottom: 15px;
  top: auto;
  height: 113px;
  max-width: 100%;
  left: 0px;
  width: 100%;
}
.arImage2 .pillarBox {
  width: 120px;
  display: inline-block;
}
.arImage2 .mainBanner .pillarType .row {
  margin: 0 -5px;
}
.arImage2 .mainBanner .pillarType .col-md-6 {
  width: 33.333%;
  padding: 0 5px;
}
.arImage2 .mainBanner .pillarType img {
  margin-right: 10px;
  max-width: 100%;
  display: inline-block;
  width: 140px;
}
.arImage2 .annotation {
  font-size: 12px;
  line-height: 16px;
}
.arImage2 .economy .mainBanner h2:after,
.arImage2 .economy .subSections .subSectionItem {
  background-image: url("../../images/CSR/economyPattern.png");
  display: none;
}
.arImage2 .communities .mainBanner h2:after,
.arImage2 .communities .subSections .subSectionItem {
  background-image: url("../../images/CSR/comunityPattern.png");
  display: none;
}
.arImage2 .employer .mainBanner h2:after,
.arImage2 .employer .subSections .subSectionItem {
  background-image: url("../../images/CSR/employerPattern.png");
  display: none;
}
.arImage2 .banking .mainBanner h2:after,
.arImage2 .banking .subSections .subSectionItem {
  background-image: url("../../images/CSR/lightBluePattern.png");
  background-image: none !important;
}
.arImage2 .pillarDetails h5 {
  margin-bottom: 10px;
  text-align: left !important;
}
.arImage2 .environment .mainBanner h2:after,
.arImage2 .environment .subSections .subSectionItem {
  background-image: url("../../images/CSR/enviromentalPattern.png");
  display: none;
}
.arImage2 .videoHolder,
.arImage2 .infoGraphic li,
.arImage2 .newsListing .blockBody,
.arImage2 .mainText,
.arImage2 .middleText,
.arImage2 .smallContainer,
.arImage2 .exploreContent,
.arImage2 .imageTextHolder,
.arImage2 .assementBlock,
.arImage2 .pillarsCSR,
.arImage2 .sustainableBody {
  opacity: 0;
  margin-top: 300px;
  transition: all 0.7s ease-in-out;
}
.arImage2 .videoHolder.animate,
.arImage2 .infoGraphic li.animate,
.arImage2 .newsListing .blockBody.animate,
.arImage2 .mainText.animate,
.arImage2 .middleText.animate,
.arImage2 .smallContainer.animate,
.arImage2 .exploreContent.animate,
.arImage2 .imageTextHolder.animate,
.arImage2 .assementBlock.animate,
.arImage2 .pillarsCSR.animate,
.arImage2 .sustainableBody.animate {
  margin-top: 0px;
  opacity: 1;
}
.arImage2 .pillarSlider .rowWrap {
  overflow: hidden;
}
.arImage2 .pillarSlider .rowWrap .listingItemLI:nth-child(1),
.arImage2 .pillarSlider .rowWrap .listingItemLI:nth-child(4),
.arImage2 .pillarSlider .rowWrap .listingItemLI:nth-child(5) {
  opacity: 1;
  margin-left: 0;
  transition: all 0.7s ease-in-out;
}
.arImage2 .pillarSlider.animate .rowWrap .listingItemLI:nth-child(1),
.arImage2 .pillarSlider.animate .rowWrap .listingItemLI:nth-child(4),
.arImage2 .pillarSlider.animate .rowWrap .listingItemLI:nth-child(5) {
  opacity: 1;
  margin-left: 0px;
}
.arImage2 .pillarSlider .rowWrap .listingItemLI:nth-child(2),
.arImage2 .pillarSlider .rowWrap .listingItemLI:nth-child(3) {
  opacity: 1;
  margin-right: 0;
  transition: all 0.7s ease-in-out;
}
.arImage2 .pillarSlider.animate .rowWrap .listingItemLI:nth-child(2),
.arImage2 .pillarSlider.animate .rowWrap .listingItemLI:nth-child(3) {
  opacity: 1;
  margin-right: 0px;
}
.arImage2 .subPillarSlider li .rowWrap li:first-child h5 {
  font-size: 30px !important;
}
.arImage2 .col-xs-12 .listingImageText .listingImage {
  float: none;
  text-align: center;
}
.arImage2 .col-xs-12 .listingImageText .listingText {
  text-align: center;
  width: 100%;
  max-width: none;
}
.arImage2 .mainNewsContent img {
  max-width: 100%;
}
.arImage2 .newsItem .imageHolder img {
  transition: all 0.3s ease-in-out;
}
.arImage2 .newsItem:hover .imageHolder img {
  transform: scale(1.1);
}
.arImage2 .documentList li a {
  transition: all 0.3s ease-in-out;
}
.arImage2 .documentList li a:before {
  transition: all 0.3s ease-in-out;
}
.arImage2 .documentList li a:hover:before {
  margin-right: 10px;
}
.arImage2 .subPillarSlider .blockHead {
  display: none;
}
.arImage2 .pillarType {
  display: none;
}
.arImage2 .mainBanner .pillarType {
  display: block;
}
.arImage2 .subPillarSlider .owl-carousel .owl-nav button.owl-next {
  right: -40px;
  background-image: url(../../images/CSR/arrow_blue.png);
}
.arImage2 .subPillarSlider .owl-carousel .owl-nav button.owl-prev {
  left: -40px;
  background-image: url(../../images/CSR/arrow_blue.png);
}
.arImage2 .subPillarSlider .fiveItems .listingItemLI:nth-child(4n+2),
.arImage2 .subPillarSlider .fiveItems .listingItemLI:nth-child(5n) {
  width: 25%;
  padding-bottom: 25%;
}
.arImage2 .subPillarSlider .fiveItems .listingItemLI:nth-child(5n) .pillarDetails,
.arImage2 .subPillarSlider .listingItemLI:nth-child(4n+2) .pillarDetails {
  padding: 30px 25px;
}
.arImage2 .subPillarSlider .listingItemLI.fullHeight {
  padding-bottom: calc(50% + 10px);
}
.arImage2 hr {
  color: #ffffff;
  height: 2px;
  background: white;
  width: 100%;
  border: 0;
}
.arImage2 .noBullet li::before {
  display: none;
}
.arImage2 .fransabankLogo {
  display: none;
}
.arImage2 .downloadReport a {
  display: inline-block;
  margin: 0 auto;
  font-weight: bold;
  text-decoration: underline;
}
.arImage2 .dimensions img {
  height: 405px;
}
.arImage2 .downloadReport {
  font-size: 20px;
  text-align: left;
  width: 1143px;
  margin: 20px auto 80px;
}
.arImage2 .downloadReport a:hover {
  text-decoration: none;
}
.arImage2 .breadcrumb li {
  display: inline-block;
  color: #919191;
  font-size: 16px;
}
.arImage2 .breadcrumb li:after {
  content: ">";
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  color: #034ea2;
}
.arImage2 .breadcrumb li:last-child:after {
  display: none;
}
.arImage2 .breadcrumb li a {
  color: #034ea2;
  font-weight: bold;
}
.arImage2 .breadcrumb li a:hover {
  text-decoration: underline;
}
.arImage2 .breadcrumb {
  padding-bottom: 10px;
  margin-bottom: 65px;
  border-bottom: 1px solid #ccc;
}
.arImage2 .smallContainer .spriteLogo {
  width: 44px;
  margin: 0 auto;
}
.arImage2 .smallContainer .spriteLogo img {
  max-width: 100%;
}
.arImage2 .listingSustainable img {
  max-width: 100%;
}
.arImage2 .supportImage {
  width: 170px;
  display: block;
  margin: 0 auto 10px;
}
.arImage2 img {
  max-width: 100%;
}
.arImage2 .stakeHolderImage {
  height: 405px !important;
}
.arImage2 .sustainableBody .row {
  margin-bottom: 40px;
}
.arImage2 .secondParag a {
  font-weight: bold;
  text-decoration: underline;
}
.arImage2 .secondParag a:hover {
  text-decoration: none;
}
.arImage2 .stakeholderItem img {
  max-height: 140px;
  padding: 0px 95px;
  margin-bottom: 40px;
  display: block;
}
.arImage2 .stakeholderItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.arImage2 .stakeholderItem h6 {
  font-size: 19px;
  padding-top: 25px;
  margin-bottom: 20px;
}
.arImage2 .stakeholderItem h4 {
  font-size: 28px;
}
.arImage2 .fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 50px 25px !important;
  margin: 44px 0;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}
.arImage2 .stakeholderItem ul li {
  position: relative;
  font-size: 16px;
  padding-top: 0px;
  padding-left: 20px !important;
  line-height: 24px;
}
.arImage2 .stakeholderItem ul li:before {
  content: "";
  background-image: url(../../images/CSR/smallArrowBlue.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 3px;
  z-index: 10;
}
.arImage2 .mainNews .stakeholderItem ul li:before {
  top: 4px;
}
.arImage2 .stakeholderItem.pillarItem:after {
  display: none;
}
.arImage2 .pillarItem .icon {
  height: 200px;
  margin-bottom: 0;
  position: relative;
}
.arImage2 .pillarItem .icon img {
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
.arImage2 .stakeholderText {
  font-size: 14px;
  line-height: 20px;
}
.arImage2 .infoDetails strong {
  max-width: 240px;
}
.arImage2 .number.percent:after {
  content: "%";
  display: inline-block;
}
.arImage2 .infoGraphic li:nth-child(3) strong,
.arImage2 .infoGraphic li:nth-child(4) strong,
.arImage2 .infoGraphic li:nth-child(5) strong {
  max-width: 220px;
}
.arImage2 .imageTextHolder a.btn {
  text-align: center;
  border: 1px solid #001832;
  display: block;
  color: white;
  background: #001832;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.arImage2 .imageHolder {
  position: relative;
}
.arImage2 .imageTextHolder a.btn:hover {
  background: white;
  color: #001832;
  text-decoration: none;
}
.arImage2 .Enviro {
  font-weight: 300;
  font-size: 20px;
  text-align: left;
  line-height: 30px;
  color: #222222;
}
.arImage2 .EnviroPage h4 {
  font-size: 24px;
  margin-bottom: 10px;
}
.arImage2 .EnviroPage {
  background-color: #f7f8f8;
  padding: 30px 0;
}
.arImage2 .row.bottomBorder {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.arImage2 .InnerContainer {
  width: 1140px;
  margin: 0 auto;
}
.arImage2 .bankingBlock {
  line-height: 29px;
  margin: 0 auto;
}
.arImage2 .Textdescription {
  margin-bottom: 50px;
  color: #222222;
  line-height: 24px;
  font-size: 20px;
}
.arImage2 .greyBlock {
  background-color: #445362;
  padding: 60px;
  margin-bottom: 55px;
}
.arImage2 .InnerTitle {
  color: #bec0c3;
  font-size: 24px;
  margin-bottom: 40px;
}
.arImage2 .InnerTitle2 {
  color: #bec0c3;
  font-size: 24px;
  margin-bottom: 50px;
}
.arImage2 .firstApproachListing {
  margin-bottom: 70px;
}
.arImage2 li.listingItem {
  font-size: 20px;
  font-weight: bold;
  color: white;
  margin-left: 20px;
  position: relative;
}
.arImage2 .firstApproachListing .Listing .listingItem::before {
  content: "";
  background-image: url(../../images/CSR/smallArrow.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 5px;
  z-index: 10;
}
.arImage2 .secondApproachListing .Listing .listingItem::before {
  content: "";
  background-image: url(../../images/CSR/smallArrow.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 5px;
  z-index: 10;
}
.arImage2 .descriptionListing {
  color: #91979c;
  font-size: 18px;
  font-weight: 100;
}
.arImage2 .listingTitle {
  margin-bottom: 25px;
}
.arImage2 .blueBox {
  width: 100%;
  padding: 45px;
  margin-bottom: 50px;
  background-color: #00448f;
}
.arImage2 .difOneBoxBlue {
  margin-left: 0px !important;
  height: 405px !important;
}
.arImage2 .blueDescription {
  font-size: 20px;
  color: #ffffff;
  line-height: 28px;
}
.arImage2 .blueTitle {
  font-size: 32px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 25px;
}
.arImage2 .dimensions {
  width: 555px;
  height: 405;
}
.arImage2 .SecondRow {
  margin-bottom: 40px;
}
.arImage2 .ApproachTitle {
  margin-bottom: 35px;
  font-size: 32px;
  color: #00448f;
  font-weight: bold;
}
.arImage2 .AssesmentSubTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 35px;
  color: #222222;
}
.arImage2 .AssesmentListing li {
  color: #222222;
  line-height: 22px;
  font-size: 18px;
  margin-right: 6px;
  padding-left: 8px;
  margin-left: 20px;
  position: relative;
}
.arImage2 li.listingItemsAssesment::before {
  content: "";
  background-image: url(../../images/CSR/smallArrowBlue.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 4px;
  z-index: 10;
}
.arImage2 .UnderImageBlock {
  margin-bottom: 80px;
  color: #222222;
}
.arImage2 .SustainableTitle {
  color: #5b5b5b;
  margin-bottom: 40px;
}
.arImage2 .SustainableFooterText {
  color: #2e2e2e;
  margin-bottom: 97px;
  font-size: 20px;
}
.arImage2 .SustainableFooterText strong a {
  text-decoration: underline;
  cursor: pointer;
}
.arImage2 .SustainableFooterText strong a::hover {
  text-decoration: none;
}
.arImage2 .RoadmapTextEditor {
  line-height: 26px;
  color: #303030;
}
.arImage2 .RoadmapTextEditor strong {
  color: black;
  text-decoration: underline;
}
.arImage2 .imageRoadmap {
  margin-bottom: 20px;
}
.arImage2 .topMenu ul li a {
  color: #272727;
  font-size: 16px;
}
.arImage2 .topMenu ul li a:hover {
  color: #034ea2;
}
.arImage2 .mainMenu ul li a {
  color: #272727;
  font-size: 20px;
}
.arImage2 .breadcrumb .container {
  width: 1140px;
  margin: 0 auto;
}
.arImage2 .ms-WPBody h1 {
  font-size: 32px;
  margin-bottom: 30px;
}
.arImage2 .banking .news > .container {
  width: 100%;
}
.arImage2 .banking .news > .container > .row > .col-md-12 {
  padding: 0;
}
.arImage2 .banking .news > .container > .row {
  margin: 0 auto;
}
.arImage2 .banking .news .about {
  margin-bottom: 60px;
}
.arImage2 .banking .news .about.grey {
  background: #f8f8f8;
  padding: 60px 0;
  margin-bottom: 60px;
}
.arImage2 .news .about .mainNewsContent {
  margin-bottom: 0;
}
.arImage2 .pillarItem:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 13px;
  padding: 7px 12px;
  text-transform: uppercase;
  background: white;
  z-index: 2;
}
.arImage2 .pillarItem.banking:before {
  content: "Banking";
  color: #034ea2;
}
.arImage2 .pillarItem.employer:before {
  content: "employer";
  color: #36bcc8;
}
.arImage2 .pillarItem.economy:before {
  content: "economy";
  color: #de8b39;
}
.arImage2 .pillarItem.environment:before {
  content: "environment";
  color: #238f2d;
}
.arImage2 .pillarItem.communities:before {
  content: "communities";
  color: #e14562;
}
.arImage2 .pillarItem a.link:before {
  display: none;
}
.arImage2 .pillarItem a.link {
  text-decoration: underline;
}
.arImage2 .pillarItem a.link:hover {
  text-decoration: none;
}
.arImage2 .subPillarSlider .pillarItem:before,
.arImage2 .subPillarSlider .pillarItem a.link {
  display: none;
}
.arImage2 .subPillarSlider .pillarDescription {
  display: none;
}
.arImage2 .subPillarSlider .pillarDetails {
  position: absolute;
  bottom: 30px;
  left: 25px;
  right: 25px;
  padding: 0 !important;
}
.arImage2 .subPillarSlider li .rowWrap li h5 {
  margin-bottom: 0;
  line-height: 30px;
}
.arImage2 .newText {
  margin-bottom: 40px;
}
.arImage2 .newText .textOne {
  padding-bottom: 20px;
}
.arImage2 .newText .textTwo {
  padding-bottom: 20px;
}
.arImage2 .mainBanner h2 {
  z-index: 5;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  bottom: auto;
  background: transparent;
  width: auto;
  min-width: auto;
  max-width: none;
  padding: 0;
  right: auto;
}
.arImage2 .mainBanner h2:before {
  content: "";
  width: 115px;
  height: 3px;
  background: white;
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
}
.arImage2 .subPillarSlider .pillarItem:after {
  background: url(../../images/CSR/pillarOverlay.png) no-repeat center !important;
  background-position: bottom;
  background-repeat: no-repeat;
}
.arImage2 .subPillarSlider {
  margin-bottom: 0;
}
.arImage2 .introduction > .container {
  margin: 0 auto;
}
.arImage2 .EnviroPage .container {
  width: 1140px;
  margin: 0 auto;
}
.arImage2 .subSections:after {
  content: "";
  display: block;
  clear: both;
}
.arImage2 .fancybox-slide > div {
  max-width: calc(100% - 80px);
  max-height: calc(100% - 80px);
  width: 1140px;
}
.arImage2 .fancybox-close-small::after {
  content: "x";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  color: rgb(136, 136, 136);
  text-align: center;
  box-sizing: border-box;
  z-index: 2;
  font: 300 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
  border-radius: 50%;
  border-width: 0px;
  background: rgb(255, 255, 255);
  transition: background 0.25s;
}
.arImage2 #ctl00_PlaceHolderMain_NewsImage1_imgNews {
  width: 50% !important;
}
.arImage2 .firstApproachListing {
  opacity: 0;
  margin-top: 100px;
  transition: all 0.3s ease-in;
}
.arImage2 .firstApproachListing.animate {
  margin-top: 0px;
  opacity: 1;
}
.arImage2 .sourceSection {
  padding-top: 12px;
  font-size: 16px;
}
.arImage2 .subPillarSlider .pillarItem.noPhoto:after {
  background-image: none;
}
.arImage2 .RightContent {
  margin-top: 76px;
}
.arImage2 .mainSlider {
  height: 670px;
  position: relative;
  margin-bottom: 135px;
}
.arImage2 .mainSlider .listingImage {
  height: 670px;
  background: #034ea2;
}
.arImage2 .mainSlider .owl-item h3,
.arImage2 .mainSlider .owl-item .sliderText {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  margin-top: 120px;
}
.arImage2 .mainSlider .owl-item.active h3,
.arImage2 .mainSlider .owl-item.active .sliderText {
  opacity: 1;
  margin-top: 0px;
}
.arImage2 .mainSlider {
  height: 670px;
  position: relative;
  margin-bottom: 135px;
}
.arImage2 .mainSlider .listingImage {
  height: 670px;
  background: #034ea2;
}
.arImage2 .mainSlider .owl-item h3,
.arImage2 .mainSlider .owl-item .sliderText {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  margin-top: 120px;
}
.arImage2 .mainSlider .owl-item.active h3,
.arImage2 .mainSlider .owl-item.active .sliderText {
  opacity: 1;
  margin-top: 0px;
}
.arImage2 a.learnNews {
  text-decoration: none;
}
.arImage2 a.learnNews:hover {
  text-decoration: underline !important;
}
.arImage2 footer .floatLeft {
  font-size: 15px;
  width: 380px;
}
.arImage2 .floatLeft.middle {
  width: 380px;
  display: inline-block;
  text-align: center;
}
.arImage2 .floatLeft.middle a {
  text-decoration: underline;
  color: white;
}
.arImage2 footer .floatRight {
  width: 380px;
}
.arImage2 .greenEnviro {
  border: 4px solid #46aa14;
  padding: 23px 23px;
  color: #46aa14;
  font-weight: bold;
}
.arImage2 .dimensions .fancybox:after {
  content: "Click To Enlarge";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  font-size: 14px;
  font-weight: bold;
  right: 50px;
}
.arImage2 .dimensions .fancybox:before {
  content: "";
  position: absolute;
  background-image: url(/CSR/OurApproach/PublishingImages/loopBlue.png);
  width: 24px;
  height: 24px;
  /* top: 335px; */
  left: 390px;
  z-index: 4;
  bottom: 20px;
}
.arImage2 .mainBanner .pillarType .row {
  margin: 0 auto;
  text-align: center;
}
.arImage2 .marginBottom {
  margin-bottom: 30px;
}
.arImage2 .imagesListing img {
  margin-bottom: unset !important;
  display: inline-block !important;
  float: left;
  margin-right: 10px;
}
.arImage2 .infoGraphic .row li img {
  width: 101px;
}
.arImage2 .reportsSlider .owl-carousel .owl-item img {
  width: unset !important;
}
.arImage2 .infoGraphic .row li:nth-child(3n+1) {
  clear: both;
}
.arImage2 .reportsSlider .owl-dots {
  POSITION: absolute;
  LEFT: 30%;
  margin-top: 12px !important;
}
.arImage2 .arImage3 {
  margin-bottom: 40px;
}
.arImage2 .arImage2 {
  margin-left: -100px;
  margin-bottom: 20px;
}
.arImage2 .arImage1 {
  margin-left: -160px;
}
.arImage2 .banking .news .container {
  width: 1140px;
  margin: 0px auto;
}
.arImage2 .news .container .container {
  width: auto !important;
}

.arImage1 {
  margin-left: -160px;
}

.banking .news .container {
  width: 1140px;
  margin: 0px auto;
}

.news .container .container {
  width: auto !important;
}

header {
  margin: 40px 0;
}
header .headerWrapper {
  display: flex;
}
header .csr-logoHolder {
  max-width: 300px;
}
header .headerWrapper {
  display: flex;
  justify-content: space-between;
}
header .topHeader {
  text-align: right;
  margin-bottom: 22px;
}
header .topHeader .nav.inlinedList li {
  padding: 0;
}
header .topAfter {
  font-size: 16px;
}

footer .socialMedia li {
  display: flex;
}
footer .socialMedia li img {
  max-height: 25px;
}

.mainSlider .slide .listingImage {
  height: 670px;
}

.newsListing .newsSlider .listingHolder {
  position: relative;
}
.newsListing .newsSlider .owl-dots {
  width: -moz-fit-content;
  width: fit-content;
}
.newsListing .newsSlider .blockBody .row {
  --bs-gutter-x: 0;
}
.newsListing .newsSlider .blockBody .imageHolder {
  max-height: 340px;
}
.newsListing .newsSlider .blockBody .imageHolder img {
  height: 100%;
}
.newsListing .newItems {
  margin: 0;
}
.newsListing .newItems .blockBody {
  margin-bottom: 30px;
}
.newsListing .newItems .viewAllBottom {
  text-align: center;
  color: white;
}
.newsListing .newItems .viewAllBottom .viewAll {
  padding: 2px 37px;
  border: 1px solid white;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.newsListing .newItems .viewAllBottom .viewAll:hover {
  background: white;
  color: #001c3c !important;
}

.greyBlock .blockHead .blockTitle {
  color: #bec0c3;
  font-size: 24px;
  margin-bottom: 40px;
  font-weight: normal;
}
.greyBlock.csPillar .form-intro {
  margin-bottom: 60px;
  color: #FFF;
  font-size: 24px;
}
.greyBlock .listingItemLI .listingTitle {
  font-size: 20px;
  font-weight: bold;
  color: white;
  margin-left: 20px;
  position: relative;
}
.greyBlock .listingItemLI .listingTitle:before {
  content: "";
  background-image: url(../../images/CSR/smallArrow.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 4px;
  z-index: 10;
}

.AssesmentListing .blockTitle {
  margin-bottom: 40px;
  margin-bottom: 35px;
  font-size: 32px;
  color: #00448f;
  font-weight: bold;
}
.AssesmentListing .form-intro {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 35px;
  color: #222222;
}
.AssesmentListing .listingItemLI .listingItemsAssesment {
  position: relative;
  color: #222222;
  line-height: 22px;
  font-size: 18px;
  margin-right: 6px;
  padding-left: 8px;
  margin-left: 20px;
  position: relative;
}
.AssesmentListing .listingItemLI .listingItemsAssesment:before {
  content: "";
  background: url(../../images/CSR/smallArrowBlue.png) no-repeat center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: -20px;
  top: 4px;
  z-index: 10;
}
.AssesmentListing .listingItemLI:last-child {
  width: 100%;
}
.AssesmentListing .listingItemLI:last-child .listingItemsAssesment {
  margin: 0;
}
.AssesmentListing .listingItemLI:last-child .listingItemsAssesment:before {
  display: none;
}

.greyBlock.csPillar .blockTitle {
  margin-bottom: 35px;
  font-weight: bold;
  color: #FFF;
  font-size: 32px;
}
.greyBlock.csPillar .listingItemLI {
  padding: 0;
  width: 20%;
}

/*.subPillarSlider.banking {
    .pillarItem {
        &:after {
            background: #034ea2;
        }
    }
}

.subPillarSlider.employer {
    .pillarItem {
        &:after {
            background: #36bcc8;
        }
    }
}

.subPillarSlider.communities {
    .pillarItem {
        &:after {
            background: #e14562;
        }
    }
}

.subPillarSlider.economy {
    .pillarItem {
        &:after {
            background: #de8b39;
        }
    }
}

.subPillarSlider.environment {
    .pillarItem {
        &:after {
            background: #45aa14;
        }
    }
}*/
.subPillarSlider .pillarItem:after {
  background: url(../../images/CSR/pillarOverlay.png);
  background-position: bottom;
  background-repeat: no-repeat;
}

.pageTitle {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 30px;
  color: #002d5d;
}

.employer .bodyHolder .bodyText .d-flex img {
  padding: 3px;
  max-width: 50%;
}

.bodyHolder .subSections {
  max-width: 100%;
}
.bodyHolder .bodyText {
  margin-bottom: 40px;
  color: #222222;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.bodyHolder .bodyText ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.bodyHolder .bodyText ul li:before {
  content: "";
  background-image: url(../../images/CSR/smallArrowBlue.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 6px;
  z-index: 10;
}
.bodyHolder .bodyText a {
  text-decoration: underline;
  color: #002d5d;
}
.bodyHolder .bodyText a:hover {
  text-decoration: none;
}
.bodyHolder .bodyText h1 {
  font-size: 24px !important;
  color: #001f41 !important;
  text-align: left;
  font-weight: 700;
  margin-bottom: 30px !important;
}

.banking .bodyHolder .bodyText div {
  padding: 50px 20px;
}
.banking .bodyHolder .bodyText div h1 {
  margin-bottom: 20px;
}
.banking .bodyHolder .bodyText div:first-child {
  padding-top: 0;
}
.banking .bodyHolder .bodyText div:nth-child(even) {
  background: #f8f8f8;
}

.environment .bodyHolder .bodyText h4 {
  color: #034ea2;
}
.environment .bodyHolder .bodyText .container {
  padding: 0;
}
.environment .bodyHolder .bodyText .d-flex {
  justify-content: space-around;
}

.subPillarSlider {
  margin-bottom: 50px;
}
.subPillarSlider .listingHolder {
  min-height: 690px;
}
.subPillarSlider.banking .listingHolder {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.subPillarSlider.banking .listingHolder .listingItemLI {
  width: 100%;
}
.subPillarSlider.banking .listingHolder .listingItemLI:first-child {
  width: 100%;
  height: 100%;
  grid-area: 1/1/3/3;
}
.subPillarSlider.banking .listingHolder .listingItemLI:nth-child(4n+3) {
  grid-area: 1/3/2/4;
}
.subPillarSlider.banking .listingHolder .listingItemLI:nth-child(4n+2) {
  grid-area: 1/3/2/3;
}
.subPillarSlider.banking .listingHolder .listingItemLI:nth-child(4n) {
  grid-area: 2/3/3/3;
  margin: 0;
}
.subPillarSlider.banking .listingHolder .listingItemLI:nth-last-child(3) {
  margin-bottom: 10px;
  grid-area: 1/4/2/4;
}
.subPillarSlider.banking .listingHolder .listingItemLI:last-child {
  margin-bottom: 0;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 4;
}
.subPillarSlider.communities .listingHolder {
  display: grid;
  grid-template-columns: auto auto;
}
.subPillarSlider.communities .listingHolder .listingItemLI {
  width: 100%;
}
.subPillarSlider.communities .listingHolder .listingItemLI:first-child {
  width: 100%;
  height: 100%;
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column: 1;
}
.subPillarSlider.communities .listingHolder .listingItemLI:last-child {
  margin-bottom: 0;
  grid-row-start: 2;
  grid-row-end: 3;
}
.subPillarSlider.employer .listingHolder {
  display: grid;
  grid-template-columns: auto auto;
}
.subPillarSlider.employer .listingHolder .listingItemLI {
  width: 100%;
}
.subPillarSlider.employer .listingHolder .listingItemLI:first-child {
  width: 100%;
  height: 100%;
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.subPillarSlider.employer .listingHolder .listingItemLI:nth-child(4n+3) {
  margin: 0;
  grid-column-start: 3;
}
.subPillarSlider.employer .listingHolder .listingItemLI:nth-last-child(3) {
  margin-bottom: 10px;
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 3;
  grid-column-end: 5;
}
.subPillarSlider.employer .listingHolder .listingItemLI:last-child {
  margin-bottom: 0;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 4;
}
.subPillarSlider.environment .listingHolder {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.subPillarSlider.environment .listingHolder .listingItemLI {
  width: 100%;
}
.subPillarSlider.environment .listingHolder .listingItemLI:first-child {
  width: 100%;
  height: 100%;
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.subPillarSlider.environment .listingHolder .listingItemLI:nth-child(4n+3) {
  margin: 0;
  grid-column-start: 3;
}
.subPillarSlider.environment .listingHolder .listingItemLI:nth-last-child(3) {
  margin-bottom: 10px;
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 3;
  grid-column-end: 5;
}
.subPillarSlider.environment .listingHolder .listingItemLI:last-child {
  margin-bottom: 0;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 4;
}
.subPillarSlider.economy .listingHolder {
  display: grid;
  grid-template-columns: auto auto;
}
.subPillarSlider.economy .listingHolder .listingItemLI {
  width: 100%;
}
.subPillarSlider.economy .listingHolder .listingItemLI:first-child {
  width: 100%;
  height: 100%;
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.subPillarSlider.economy .listingHolder .listingItemLI:nth-child(4n+3) {
  margin: 0;
  grid-column-start: 3;
}
.subPillarSlider.economy .listingHolder .listingItemLI:nth-last-child(3) {
  margin-bottom: 10px;
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 3;
  grid-column-end: 5;
}
.subPillarSlider.economy .listingHolder .listingItemLI:last-child {
  margin-bottom: 0;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 4;
}

.bigContainer {
  width: 85%;
  margin: 0 auto;
}

.mainBanner .boxesRow {
  padding: 0;
  height: auto;
  bottom: -3px;
}
.mainBanner .boxesRow .row {
  max-width: 100%;
  margin: 0 auto !important;
  justify-content: center;
}
.mainBanner .boxesRow .pillarBox {
  margin: 0 5px 0 0;
  max-width: 100px;
  padding: 0;
  width: auto;
}

.MainBlockTwo .blockTitle {
  margin-bottom: 35px;
}
.MainBlockTwo .bottomBorder {
  max-width: 70%;
}
.MainBlockTwo .col-md-3 {
  padding-top: 10px;
}
.MainBlockTwo .col-md-9 {
  line-height: 30px;
  color: black;
}

.bottomBorder .listingImageText .listingImage {
  float: none;
  text-align: center;
  max-width: 85px;
  max-height: 100px;
}

.bottomBorder .listingText {
  text-align: center;
  max-width: calc(100% - 85px);
}

.noWidth {
  width: auto;
}

.caseStudies {
  margin-bottom: 40px;
}

.ContentRow {
  margin-bottom: 30px;
}

.ms-WPBody.pillarSlider {
  margin-bottom: 150px;
}
.ms-WPBody.pillarSlider .blockTitle {
  font-size: 60px;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
.ms-WPBody.pillarSlider .blockTitle:before {
  content: "";
  width: 70px;
  height: 6px;
  display: block;
  background: #002d5d;
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -35px;
}
.ms-WPBody.pillarSlider .listingHolder {
  height: 1230px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.ms-WPBody.pillarSlider .listingHolder .listingItemLI {
  width: auto;
}
.ms-WPBody.pillarSlider .listingHolder .listingItemLI:first-child {
  grid-area: 1/1/3/3;
}
.ms-WPBody.pillarSlider .listingHolder .listingItemLI:nth-child(5n+2) {
  grid-area: 1/3/2/5;
}
.ms-WPBody.pillarSlider .listingHolder .listingItemLI:nth-child(5n+3) {
  grid-area: 3/1/4/2;
}
.ms-WPBody.pillarSlider .listingHolder .listingItemLI:nth-child(5n+3) .pillarDetails {
  padding: 0px 40px;
}
.ms-WPBody.pillarSlider .listingHolder .listingItemLI:nth-child(5n+4) {
  grid-area: 3/2/4/3;
}
.ms-WPBody.pillarSlider .listingHolder .listingItemLI:nth-child(5n) {
  grid-area: 2/3/4/5;
}

.mainSlider {
  margin-bottom: 135px;
}

.newItems .listingItemLI .newsItem {
  position: relative;
}
.newItems .listingItemLI .newsItem:before {
  position: absolute;
  content: "";
  width: 100%;
  z-index: 1;
  height: 100%;
  bottom: 0;
  background-size: cover;
  background: url(../../images/CSR/pillarOverlay.png);
  background-position: bottom;
  background-repeat: no-repeat;
}

.approachHidden {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.approachHidden .closeWrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 1px solid #1f4265;
  border-radius: 50%;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}
.approachHidden .closeWrapper:hover {
  background: #eee;
}
.approachHidden .closeIcon {
  background: url(../../images/close.svg) no-repeat center;
  width: 20px;
  height: 20px;
  position: absolute;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.approachHidden .approachWrapper {
  position: relative;
  height: calc(100vh - 20%);
  max-width: calc(100vw - 35%);
  overflow-y: scroll;
  margin: 0 auto;
  padding: 50px;
  background-color: #FFFFFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.hiddenImage {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.hiddenImage .closeWrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 1px solid #1f4265;
  border-radius: 50%;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}
.hiddenImage .closeWrapper:hover {
  background: #eee;
}
.hiddenImage .closeIcon {
  background: url(../../images/close.svg) no-repeat center;
  width: 20px;
  height: 20px;
  position: absolute;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hiddenImage .approachWrapper {
  position: relative;
  height: calc(100vh - 20%);
  max-width: calc(100vw - 35%);
  overflow-y: scroll;
  margin: 0 auto;
  padding: 50px;
  background-color: #FFFFFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.MiddleBlock .listingItemLI:nth-child(even) .row {
  flex-direction: row-reverse;
}
.MiddleBlock .blueBox {
  width: auto;
}
.MiddleBlock .blueDescription {
  padding-right: 22px;
}
.MiddleBlock .dimensions .imageHolder {
  position: relative;
}
.MiddleBlock .dimensions .imageHolder:before {
  content: "Click To Enlarge";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  font-size: 14px;
  font-weight: bold;
  right: 50px;
}
.MiddleBlock .dimensions .imageHolder:after {
  content: "";
  position: absolute;
  background-image: url(../../images/CSR/loopBlue.png);
  width: 24px;
  height: 24px;
  left: 65%;
  z-index: 4;
  bottom: 20px;
}

.MiddleBlock .blockBody .form-intro {
  margin-bottom: 50px;
  color: #222222;
  line-height: 24px;
  font-size: 20px;
}

.infoGraphic .row li {
  opacity: 0;
  margin-top: 300px;
  transition: all 0.7s ease-in-out;
}
.infoGraphic .row li.animate {
  opacity: 1;
  margin-top: 0;
}

.newsListing .blockBody {
  opacity: 0;
  margin-top: 300px;
}
.newsListing .blockBody.animate {
  opacity: 1;
  margin-top: 0;
}

.numberContainer {
  text-align: left;
}
.numberContainer .number {
  display: inline-block !important;
}
.numberContainer .unit {
  font-weight: 900;
  font-size: 56px;
  display: block;
  line-height: 56px;
  display: inline-block;
}/*# sourceMappingURL=fransabank.css.map */