.blk-community-involvement .middle-block-container .middle-block-title {
    position: relative;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 47px;
    margin-bottom: 24px;
}
.blk-community-involvement .middle-block-container .middle-block-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
}


.blk-community-involvement .middle-block-container {
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 100px 100px 240px 100px;
    width: 74%;
    padding-left: calc((100vw - 1240px) / 2);
}

.foundation {
    margin-bottom: 80px;
}
[data-centercrop] {
    position: relative;
    overflow: hidden;
}
[data-centercrop] img{
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
}

[data-centerfit] {
    position: relative;
    overflow: hidden;
}
[data-centerfit] img {
    position: absolute;
    left: 0;
    max-width: 100%;
    max-height: 100%;
}

.line-decoration{
    width: 32px;
    height: 2px;
    background: #E22429;
}

@media (max-width: 767px) {

    .line-decoration{
        width: 40px;
    }

}


.page-node-type-community-involvement .block{
    padding: 0;
}

.page-node-type-community-involvement #main{
    padding: 0;
}

.page-node-type-community-involvement #content-wrapper{
    margin-bottom: 0;
    border: 0;
}

.blk-community-involvement{
    background: #FFF;
    color: #000;
}
.blk-community-involvement *{
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}
.blk-community-involvement h1, .blk-community-involvement h2, .blk-community-involvement h3,
.blk-community-involvement h4, .blk-community-involvement h5, .blk-community-involvement h6{
    font-family: 'Roboto';
}

.blk-community-involvement h2{
    margin: 24px 0;
    font-size: 40px;
    line-height: 1;
    font-family: 'Roboto', sans-serif;
}

.blk-community-involvement .link-official-site{
    margin-top: 24px;
    font-size: 0;
    color: #000;
    display: inline-block;
}
.blk-community-involvement .link-official-site span{
    font-size: 18px;
}
.blk-community-involvement .link-official-site img.arrow{
    height: 10px;
    display: inline;
    margin-left: 8px;
}
.blk-community-involvement .link-official-site img, .blk-community-involvement .link-official-site span{
    vertical-align: middle;
    color: #E22429;
}

@media (max-width: 992px) {
    .blk-community-involvement h2{
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .blk-community-involvement h2{
        font-size: 28px;
        margin: 16px 0 24px 0;
    }
}


.blk-community-involvement .volunteering{
    position: relative;
    font-family: 'Roboto';
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}
.blk-community-involvement .volunteering .volunteering-cover-image{
    position: absolute;
    opacity: 0;
    left: -30px;
    top: 0;
    width: 37.222%;
    z-index: 2;
    height: 554px;
    overflow: hidden;
    margin-top: 80px;
}
.blk-community-involvement .volunteering .volunteering-cover-image img{
    width: 100%;
}
.blk-community-involvement .volunteering .blk-text-volunteering{
    padding: 80px 0;
    width: 66.667%;
    float: right;
}
.blk-community-involvement .volunteering .blk-text-volunteering .blk-content{
    width: 711px;
    margin-left: 126px;
}
.blk-community-involvement .volunteering .blk-text-volunteering .blk-content .desc{
    font-size: 16px;
    line-height: 28px;
}
.blk-community-involvement .volunteering .blk-jigsaw{
    position: relative;
}
.blk-community-involvement .volunteering .blk-jigsaw .background{
    background: #F6F6F6;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.blk-community-involvement .blk-text-volunteering.blk-volunteering-main .background{
    background: #F6F6F6;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.blk-community-involvement .volunteering .blk-jigsaw .logo-jigsaw{
    width: 200px;
    margin-bottom: 16px;
}
.blk-community-involvement .volunteering .blk-jigsaw .blk-content{
}

@media screen and (max-width: 1440px){
    .blk-community-involvement .volunteering .blk-text-volunteering .blk-content{
        margin-left: 13.125%;
    }
}

@media screen and (max-width: 1354px){
    .blk-community-involvement .volunteering .blk-text-volunteering{
        padding: 64px 118px;
    }
    .blk-community-involvement .volunteering .blk-text-volunteering .blk-content{
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .blk-community-involvement .volunteering .blk-text-volunteering{
        width: 100%;
        float: none;
        padding: 24px 48px 32px 48px;
        overflow: hidden;
    }

    .blk-community-involvement .volunteering .volunteering-cover-image{
        position: relative;
        left: 0;
        width: 78.125%;
        height: 200px;
        overflow: hidden;
    }

    .blk-community-involvement .volunteering .blk-jigsaw{
        background: transparent;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-top: -100px;
    }

    .blk-community-involvement .volunteering .blk-jigsaw .background{
        left: 48px;
    }
    .blk-community-involvement .blk-text-volunteering.blk-volunteering-main .background {
        left: 48px;
    }
    .blk-community-involvement .volunteering .blk-jigsaw .blk-content{
        padding: 140px 48px 40px 48px;
    }
}
@media (max-width: 767px) {
    .blk-community-involvement .volunteering .blk-text-volunteering{
        padding: 48px 24px 40px 24px;
    }
    .blk-community-involvement .volunteering .blk-text-volunteering .blk-content .desc{
        font-size: 14px;
        line-height: 24px;
    }
    .blk-community-involvement .volunteering .volunteering-cover-image{
        width: 100%;
        padding-right: 24px;
        height: 184px;
    }
    .blk-community-involvement .volunteering .blk-jigsaw{
        margin-top: -92px;
        padding: 0;
    }
    .blk-community-involvement .volunteering .blk-jigsaw .background{
        left: 0;
    }
    .blk-community-involvement .blk-text-volunteering.blk-volunteering-main .background {
        left: 0;
    }

    .blk-community-involvement .volunteering .blk-jigsaw .blk-content{
        padding: 116px 24px 54px 24px;
    }
    .blk-community-involvement .volunteering .blk-jigsaw .logo-jigsaw{
        margin-bottom: 24px;
    }

}




.blk-community-involvement .volunteering .volunteering-cover-image{
    -webkit-transition: left 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s;
    -moz-transition: left 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s;
    -ms-transition: left 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s;
    -o-transition: left 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s;
    transition: left 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s;

    left: -30px;
    opacity: 0;
}
.blk-community-involvement .volunteering.animate-in .volunteering-cover-image{
    left: 0;
    opacity: 1;
}
.line-decoration {
    -webkit-transition: max-width 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.8s;
    -moz-transition: max-width 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.8s;
    -ms-transition: max-width 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.8s;
    -o-transition: max-width 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.8s;
    transition: max-width 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.8s;

    max-width: 0;
}
.animate-in .line-decoration, .animate-in.line-decoration {
    max-width: 32px;
}
@media (max-width: 767px) {
    .animate-in .line-decoration, .animate-in.line-decoration{
        max-width: 40px;
    }
}

.blk-volunteering-main .line-decoration{
    -webkit-transition: max-width 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
    -moz-transition: max-width 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
    -ms-transition: max-width 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
    -o-transition: max-width 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
    transition: max-width 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
}
.blk-community-involvement .volunteering .blk-jigsaw .background{
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    -moz-transition: -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    -ms-transition: -ms-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    -o-transition: -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;

    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);

    opacity: 0;
}
.blk-community-involvement .volunteering.animate-in .blk-jigsaw .background{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.blk-community-involvement .blk-text-volunteering.blk-volunteering-main .background {
    -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
    -moz-transition: -moz-transform 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
    -ms-transition: -ms-transform 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
    -o-transition: -o-transform 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
    transition: transform 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1.4s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;

    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);

    opacity: 0;
}
.blk-community-involvement .volunteering.animate-in .blk-text-volunteering.blk-volunteering-main .background {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;

}
.blk-community-involvement .blk-text-volunteering.blk-volunteering-main .blk-content {
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s, opacity 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
    -moz-transition: -moz-transform 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s, opacity 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
    -ms-transition: -ms-transform 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s, opacity 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
    -o-transition: -o-transform 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s, opacity 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;
    transition: transform 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s, opacity 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1s;

    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);

    opacity: 0;
}
.blk-community-involvement .volunteering.animate-in .blk-text-volunteering.blk-volunteering-main .blk-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}


.blk-community-involvement .volunteering .blk-volunteering-main{
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
    -moz-transition: -moz-transform 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
    -ms-transition: -ms-transform 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
    -o-transition: -o-transform 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;
    transition: transform 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s, opacity 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s;

    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}
.blk-community-involvement .volunteering.animate-in .blk-volunteering-main{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.blk-community-involvement .volunteering .blk-jigsaw .blk-content{
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s;
    -moz-transition: -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s;
    -ms-transition: -ms-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s;
    -o-transition: -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s;
    transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s;

    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.blk-community-involvement .volunteering.animate-in .blk-jigsaw .blk-content{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

@media (max-width: 992px) {
    .blk-community-involvement .volunteering .volunteering-cover-image{
        -webkit-transition: left 1s ease-in-out 1s, opacity 1s ease-in-out 1s;
        -moz-transition: left 1s ease-in-out 1s, opacity 1s ease-in-out 1s;
        -ms-transition: left 1s ease-in-out 1s, opacity 1s ease-in-out 1s;
        -o-transition: left 1s ease-in-out 1s, opacity 1s ease-in-out 1s;
        transition: left 1s ease-in-out 1s, opacity 1s ease-in-out 1s;

        left: -60px;
    }

    .blk-community-involvement .volunteering .blk-volunteering-main{
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
        -moz-transition: -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
        -ms-transition: -ms-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
        -o-transition: -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
        transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    }
}

@media (max-width: 767px) {
    .blk-community-involvement .volunteering.animate-in .blk-jigsaw .blk-content {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
        -moz-transition: -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
        -ms-transition: -ms-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
        -o-transition: -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
        transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;

        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    .blk-community-involvement .volunteering.animate-in .blk-jigsaw.animate-in .blk-content {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}




.blk-community-involvement section.philanthropy{
    width: 86.11111111%;
    max-width: 1240px;
    margin: 0 auto;
    margin-top: 80px;
}
.blk-community-involvement section.philanthropy .desc{
    font-size: 16px;
    line-height: 28px;
    width: 77.41935484%;
}
.blk-community-involvement section.philanthropy .desc p{
    margin: 0 0 24px 0;
}

.blk-community-involvement section.philanthropy h2,
.blk-community-involvement section.philanthropy .desc{
    margin-left: -16px;
    opacity: 0;
}


.std-animation-margin-left-in{
    -webkit-transition: margin-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    -moz-transition: margin-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    -ms-transition: margin-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    -o-transition: margin-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
    transition: margin-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s;
}
.std-animation-margin-left-in.animate-in,
.blk-community-involvement section.philanthropy h2.animate-in,
.blk-community-involvement section.philanthropy .desc.animate-in{
    margin-left: 0;
    opacity: 1;
}


@media (max-width: 992px) {
    .blk-community-involvement section.philanthropy{
        width: 100%;
        padding: 0 48px;
        margin-top: 60px;
    }

    .blk-community-involvement section.philanthropy .desc{
        width: 100%;
    }
}
@media (max-width: 767px) {
    .blk-community-involvement section.philanthropy{
        padding: 0 24px;
        padding-top: 48px;
        margin-top: 0;
    }
    .blk-community-involvement section.philanthropy .desc{
        font-size: 14px;
    }
}



.std-animation-up-in,
.blk-community-involvement a.std-link,
.blk-work-with-us a.std-link,
.blk-home a.std-link{
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
    -moz-transition: -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
    -ms-transition: -ms-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
    -o-transition: -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;
    transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s, opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.4s;

    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
    opacity: 0;
}

.animate-in .std-animation-up-in,
.animate-in.std-animation-up-in,
.blk-community-involvement a.std-link.animate-in,
.blk-work-with-us a.std-link.animate-in,
.blk-home a.std-link.animate-in{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.blk-community-involvement .foundation-image-inner-container{
    opacity: 0;
}
.blk-community-involvement .animate-in .foundation-image-inner-container{
    opacity: 1;
}





.blk-community-involvement section.foundations{
    /*background: #FCF7F1;*/
    /*margin-top: 64px;*/
    /*padding-bottom: 53px;*/
    /*position: relative;*/
    /*top: 200px;*/
}
.blk-community-involvement section.foundations .foundations-container{
    width: 86.11111111%;
    max-width: 1240px;
    margin: 0 auto;
}
.blk-community-involvement section.foundations .foundation{
    width: 48.38709678%;
    display: inline-block;
}
.blk-community-involvement section.foundations .foundation-right{
    float: right;
}
.blk-community-involvement section.foundations .foundation .desc{
    font-size: 16px;
    line-height: 28px;
}
.blk-community-involvement section.foundations .foundation .foundation-image-container{
    /*position: relative;*/
    /*margin-top: -200px;*/
    /*width: 100%;*/
    /*height: 400px;*/
    /*overflow: hidden;*/
}
.blk-community-involvement section.foundations .foundation .foundation-image-container .foundation-image-inner-container{
    width: 100%;
    height: 400px;
}
.blk-community-involvement section.foundations .foundation .foundation-logo-container{
    height: 55px;
    margin: 32px 0 16px 0;
}
.blk-community-involvement section.foundations .foundation .foundation-logo-container img{
    height: 100%;
}
.volunteering-cover-cont {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 96%;

}
.img-on-mobile, .img-on-tablet {
    display: none;
}
.img-on-desktop {
    display: block;
}
@media (max-width: 992px) {
    .volunteering-cover-cont {
        padding-top: 40%;
    }
    .img-on-mobile, .img-on-desktop {
        display: none;
    }
    .img-on-tablet {
        display: block;
    }
}
@media (max-width: 768px) {
    .img-on-tablet, .img-on-desktop {
        display: none;
    }
    .img-on-mobile {
        display: block;
    }
}

.volunteering-cover-cont img {
    /*position: static;*/
    /*width: 100% !important;*/
    /*height: auto !important;*/
    top: 50% !important;
    left: 50% !important;
    min-width: 100%;
    /*min-height: 100%;*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    position: absolute;
}

@media (max-width: 992px) {
    .blk-community-involvement section.foundations .foundations-container{
        width: 100%;
    }
    .blk-community-involvement section.foundations{
        top: 100px !important;
        padding-bottom: 0;
        margin-bottom: 60px;
    }
    .blk-community-involvement section.foundations .foundation{
        width: 100%;
        padding: 0 96px 0 48px;
        font-size: 0;
    }
    .blk-community-involvement section.foundations .foundation .foundation-image-container{
        width: 100% !important;
        margin-top: -120px !important;
        height: 200px !important;
    }
    .blk-community-involvement section.foundations .foundation .foundation-image-container .foundation-image-inner-container{
        width: 100% !important;
        height: 200px !important;
    }
    .blk-community-involvement section.foundations .foundation .foundation-logo-container{
        margin: 24px 0 16px 0;
    }
    .blk-community-involvement section.foundations .foundation-right{
        float: none;
    }
    .blk-community-involvement section.foundations .foundation-right .foundation-image-container{
        margin-top: 0 !important;
    }
    .blk-community-involvement section.foundations .link-official-site{
        margin-top: 0;
        line-height: 1;
        margin-bottom: 40px;
    }
    .blk-community-involvement .desc p{
        margin: 0 0 24px;
    }
}
@media (max-width: 767px) {
    .blk-community-involvement section.foundations .foundation {
        padding: 0 24px;
    }
    .blk-community-involvement section.foundations .foundation .desc{
        font-size: 14px;
    }
    .blk-community-involvement section.foundations .foundation .foundation-logo-container{
        margin: 32px 0 24px 0;
    }
}


.page-node-type-community-involvement #main-content{
    margin-bottom: -53px;
}
@media (max-width: 992px) {

    .bottom-placeholder{
        display: none;
    }
}
@media (max-width: 1440px) and (min-width: 993px) {
    .blk-community-involvement .middle-block-container {
        padding-left: 100px;
    }
}

@media (max-width: 992px) {
    .blk-community-involvement .middle-block-container {
        width: calc(100% - 48px);
        padding: 66px 48px 140px 48px;
        margin-top: 0;
    }
    .blk-community-involvement .middle-block-container .middle-block-title {
        font-size: 32px;
        line-height: 38px;
    }
    .foundation {
        margin-bottom: 0;
    }
    .blk-community-involvement .volunteering .blk-text-volunteering .blk-content {
        padding: 20px 48px 100px;
    }
    .blk-community-involvement .volunteering .blk-text-volunteering.blk-jigsaw .blk-content {
        padding: 66px 48px 100px 0;
    }
    .blk-community-involvement .volunteering.animate-in .volunteering-cover-image {
        margin: -80px 0 80px;
    }
}
@media (max-width: 767px) {
    .blk-community-involvement .volunteering .blk-text-volunteering .blk-content {
        padding: 0;
    }
    .blk-community-involvement .volunteering.animate-in .volunteering-cover-image {
        margin: 40px 0;
    }
    .blk-community-involvement .volunteering .blk-jigsaw {
        margin-top: 0;
        padding: 0 24px 40px 24px;
    }
    .blk-community-involvement .middle-block-container {
        width: 100%;
        padding: 66px 24px 140px;
    }
    .blk-community-involvement .volunteering .blk-text-volunteering.blk-jigsaw .blk-content {
        padding: 0;
    }
}