/*--------------- Icomoon ---------------*/

@font-face {
    font-family: 'q4icons';
    src:    url('https://assets.web.q4inc.com/icons-v1/Q4DefaultIconsv11/q4icons.eot?ic2lhs');
    src:    url('https://assets.web.q4inc.com/icons-v1/Q4DefaultIconsv11/q4icons.eot?ic2lhs#iefix') format('embedded-opentype'),
            url('https://assets.web.q4inc.com/icons-v1/Q4DefaultIconsv11/q4icons.woff2?ic2lhs') format('woff2'),
            url('https://assets.web.q4inc.com/icons-v1/Q4DefaultIconsv11/q4icons.ttf?ic2lhs') format('truetype'),
            url('https://assets.web.q4inc.com/icons-v1/Q4DefaultIconsv11/q4icons.woff?ic2lhs') format('woff'),
            url('https://assets.web.q4inc.com/icons-v1/Q4DefaultIconsv11/q4icons.svg?ic2lhs#q4icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="q4i-"]:before, [class*=" q4i-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'q4icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.q4i-circle:before {
    content: "\e907";
}
.q4i-block-logo:before {
    content: "\e900";
}
.q4i-logo:before {
    content: "\e901";
}
.q4i-download:before {
    content: "\e670";
}
.q4i-block-checkmark:before {
    content: "\e600";
}
.q4i-block-downchevron:before {
    content: "\e601";
}
.q4i-block-exit:before {
    content: "\e602";
}
.q4i-block-leftchevron:before {
    content: "\e603";
}
.q4i-block-minus:before {
    content: "\e604";
}
.q4i-block-plus:before {
    content: "\e605";
}
.q4i-block-rightchevron:before {
    content: "\e606";
}
.q4i-block-upchevron:before {
    content: "\e607";
}
.q4i-circle-leftchevron:before {
    content: "\e671";
}
.q4i-circle-rightchevron:before {
    content: "\e672";
}
.q4i-circle-upchevron:before {
    content: "\e673";
}
.q4i-circle-downchevron:before {
    content: "\e674";
}
.q4i-circle-alert:before {
    content: "\e608";
}
.q4i-circle-calendar:before {
    content: "\e609";
}
.q4i-circle-chair:before {
    content: "\e60a";
}
.q4i-circle-chat:before {
    content: "\e60b";
}
.q4i-circle-doc:before {
    content: "\e60c";
}
.q4i-circle-email:before {
    content: "\e60d";
}
.q4i-circle-expert:before {
    content: "\e60e";
}
.q4i-circle-facebook:before {
    content: "\e60f";
}
.q4i-circle-flickr:before {
    content: "\e610";
}
.q4i-circle-googleplus:before {
    content: "\e611";
}
.q4i-circle-html:before {
    content: "\e612";
}
.q4i-circle-independant:before {
    content: "\e613";
}
.q4i-circle-instagram:before {
    content: "\e614";
}
.q4i-circle-link:before {
    content: "\e615";
}
.q4i-circle-linkedIn:before {
    content: "\e616";
}
.q4i-circle-menu:before {
    content: "\e617";
}
.q4i-circle-minus:before {
    content: "\e618";
}
.q4i-circle-phone:before {
    content: "\e619";
}
.q4i-circle-pinterest:before {
    content: "\e61a";
}
.q4i-circle-plus:before {
    content: "\e61b";
}
.q4i-circle-print:before {
    content: "\e61c";
}
.q4i-circle-recording:before {
    content: "\e61d";
}
.q4i-circle-rss:before {
    content: "\e61e";
}
.q4i-circle-search:before {
    content: "\e61f";
}
.q4i-circle-share:before {
    content: "\e620";
}
.q4i-circle-twitter:before {
    content: "\e621";
}
.q4i-circle-video:before {
    content: "\e622";
}
.q4i-circle-youtube:before {
    content: "\e623";
}
.q4i-doc-calendar:before {
    content: "\e624";
}
.q4i-doc-chart:before {
    content: "\e625";
}
.q4i-doc-download:before {
    content: "\e626";
}
.q4i-doc-graph:before {
    content: "\e627";
}
.q4i-doc-html:before {
    content: "\e628";
}
.q4i-doc-link:before {
    content: "\e629";
}
.q4i-doc-pdf:before {
    content: "\e62a";
}
.q4i-doc-presentation:before {
    content: "\e62b";
}
.q4i-doc-webcast:before {
    content: "\e62c";
}
.q4i-doc-word:before {
    content: "\e62d";
}
.q4i-doc-zip:before {
    content: "\e62e";
}
.q4i-icon-alert:before {
    content: "\e62f";
}
.q4i-icon-apple:before {
    content: "\e908";
}
.q4i-icon-outlook:before {
    content: "\e909";
}
.q4i-icon-google:before {
    content: "\e90a";
}
.q4i-icon-calendar:before {
    content: "\e630";
}
.q4i-icon-chat:before {
    content: "\e631";
}
.q4i-icon-doc:before {
    content: "\e632";
}
.q4i-icon-email:before {
    content: "\e633";
}
.q4i-icon-expert:before {
    content: "\e634";
}
.q4i-icon-pdf:before {
    content: "\e902";
}
.q4i-icon-html:before {
    content: "\e638";
}
.q4i-icon-presentation:before {
    content: "\e90c";
}
.q4i-icon-download:before {
    content: "\e90d";
}
.q4i-icon-graph:before {
    content: "\e90b";
}
.q4i-icon-facebook:before {
    content: "\e635";
}
.q4i-icon-flickr:before {
    content: "\e636";
}
.q4i-icon-googleplus:before {
    content: "\e637";
}
.q4i-icon-independant:before {
    content: "\e639";
}
.q4i-icon-instagram:before {
    content: "\e63a";
}
.q4i-icon-link:before {
    content: "\e63b";
}
.q4i-icon-linkedIn:before {
    content: "\e63c";
}
.q4i-icon-member:before {
    content: "\e63d";
}
.q4i-icon-menu:before {
    content: "\e63e";
}
.q4i-icon-phone:before {
    content: "\e63f";
}
.q4i-icon-pinterest:before {
    content: "\e640";
}
.q4i-icon-print:before {
    content: "\e641";
}
.q4i-icon-rss:before {
    content: "\e642";
}
.q4i-icon-search:before {
    content: "\e643";
}
.q4i-icon-share:before {
    content: "\e644";
}
.q4i-icon-twitter:before {
    content: "\e645";
}
.q4i-icon-video:before {
    content: "\e646";
}
.q4i-icon-webcast:before {
    content: "\e647";
}
.q4i-icon-youtube:before {
    content: "\e648";
}
.q4i-square-scoopit:before {
    content: "\e90e";
}
.q4i-rounded-checkmark:before {
    content: "\e649";
}
.q4i-rounded-exit:before {
    content: "\e64b";
}
.q4i-rounded-minus:before {
    content: "\e64d";
}
.q4i-rounded-plus:before {
    content: "\e64e";
}
.q4i-rounded-downchevon:before {
    content: "\e64a";
}
.q4i-rounded-upchevon:before {
    content: "\e650";
}
.q4i-rounded-leftchevon:before {
    content: "\e64c";
}
.q4i-rounded-rightchevon:before {
    content: "\e64f";
}
.q4i-rounded-downclaret:before {
    content: "\e903";
}
.q4i-rounded-upclaret:before {
    content: "\e904";
}
.q4i-rounded-leftclaret:before {
    content: "\e905";
}
.q4i-rounded-rightclaret:before {
    content: "\e906";
}
.q4i-square-calendar:before {
    content: "\e651";
}
.q4i-square-chat:before {
    content: "\e652";
}
.q4i-square-doc:before {
    content: "\e653";
}
.q4i-square-email:before {
    content: "\e654";
}
.q4i-square-facebook:before {
    content: "\e655";
}
.q4i-square-flickr:before {
    content: "\e656";
}
.q4i-square-googleplus:before {
    content: "\e657";
}
.q4i-square-html:before {
    content: "\e658";
}
.q4i-square-instagram:before {
    content: "\e659";
}
.q4i-square-link:before {
    content: "\e65a";
}
.q4i-square-linkedin:before {
    content: "\e65b";
}
.q4i-square-menu:before {
    content: "\e65c";
}
.q4i-square-microphone:before {
    content: "\e65d";
}
.q4i-square-notification:before {
    content: "\e65e";
}
.q4i-square-phone:before {
    content: "\e65f";
}
.q4i-square-pinterest:before {
    content: "\e660";
}
.q4i-square-print:before {
    content: "\e661";
}
.q4i-square-rss:before {
    content: "\e662";
}
.q4i-square-search:before {
    content: "\e663";
}
.q4i-square-share:before {
    content: "\e664";
}
.q4i-square-twitter:before {
    content: "\e665";
}
.q4i-square-video:before {
    content: "\e666";
}
.q4i-square-youtube:before {
    content: "\e667";
}
.q4i-txt-doc:before {
    content: "\e668";
}
.q4i-txt-flv:before {
    content: "\e669";
}
.q4i-txt-html:before {
    content: "\e66a";
}
.q4i-txt-pdf:before {
    content: "\e66b";
}
.q4i-txt-rtf:before {
    content: "\e66c";
}
.q4i-txt-xbrl:before {
    content: "\e66d";
}
.q4i-txt-xls:before {
    content: "\e66e";
}
.q4i-txt-zip:before {
    content: "\e66f";
}


/*____________________________*/

.header-container {
    padding-top: 13.4375%;
}
.header-container .text-image-slider .text {
    padding: 0;
}

.padding {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.padding2 {
    padding-top: 11%;
    padding-bottom: 11%;
}

.col-space-bottom {
    margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
    .padding {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.white .col {
    color: white;
}

.pattern-blue2 {
    color: white;
    background: transparent url(../design/pattern-blue2.jpg) no-repeat scroll center top;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.pattern-orange {
    color: white;
    background: transparent url(../design/pattern-orange.jpg) no-repeat scroll center top;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.pattern-planet {
    color: white;
    background: transparent url(../design/pattern-planet.jpg) no-repeat scroll center top;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.pattern-principles {
    color: white;
    background: transparent url(../design/pattern-principles.jpg) no-repeat scroll center top;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.brand-border {
    border-color: #0065a4 !important;
}

.gold {
    color: #fad181;
}
.gold-bg {
    background-color: #fad181;
}
.gold-border {
    border-color: #fad181 !important;
}

.blue {
    color: #46a8b3;
}
.blue-bg {
    background-color: #46a8b3;
}
.blue-border {
    border-color: #46a8b3 !important;
}

.tangerine {
    color: #f89b68;
}
.tangerine-bg {
    background-color: #f89b68;
}
.tangerine-border {
    border-color: #f89b68 !important;
}

.fern {
    color: #72bf77;
}
.fern-bg {
    background-color: #72bf77;
}
.fern-border {
    border-color: #72bf77 !important;
}

.text-image img {
    width: 100%;
}

.centered-text img {
    margin: 0 auto;
}

@media screen and (min-width: 640px) {
    .img-to-the-right-of-text {
        float: right;
        padding-left: 5%;
        max-width: 50%;
    }
}

.text-chart-slider {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.text-chart-slider h3 {
    line-height: 1.4;
}
.text-chart-slider .slick-dots {
    position: static;
    margin-top: 2rem;
}
.text-chart-slider .text {
    margin-top: 20px;
}
@media screen and (min-width: 1200px) {
    .text-chart-slider .nrs {
        font-size: 2rem;
    }
    .text-chart-slider .nr {
        font-size: 2.6rem;
    }
}
@media screen and (min-width: 769px) {
    .text-chart-slider {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }
    .text-chart-slider .image {
        padding-right: 8rem;
    }
    .text-chart-slider .image img {
        float: right;
    }
    .text-chart-slider .text {
        border-left: 2px solid #d2d6d8;
        padding-left: 8rem;
        margin: 0;
    }
    .text-chart-slider .slick-dots {
        margin-top: 7rem;
        margin-bottom: -7rem;
    }
}
@media screen and (max-width: 768px) {
    .text-chart-slider .nrs li {
        position: relative;
        padding-left: 100px;
        margin-top: 10px;
    }
    .text-chart-slider .nr {
        text-align: right;
        display: inline-block;
        position: absolute;
        left: 0;
        width: 95px;
    }
    .centered-text-mobile {
        text-align: center;
    }
}
@media (min-width: 640px) and (max-width: 768px) {
    .text-chart-slider .nrs {
        max-width: 70%;
        margin: 0 auto;
    }
}

.bg-overlay {
    position: relative;
}
.bg-overlay:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: .9;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.brand-planet-bg.bg-overlay:before {
    background-color: #00a94b;
}
.brand-planet-bg.bg-overlay .arrow {
    background-color: #007016;
}
.bg-overlay .ModuleOuterContainer {
    position: relative;
    z-index: 2;
}


/* Patients */

.foundation-programs {
    background: url('../images/foundation-programs.jpg') no-repeat center center transparent;
    background-size: cover;
}

@media screen and (max-width: 1200px) {
    .patients-boxes h2 {
        font-size: 3rem;
    }
}
@media screen and (max-width: 450px) {
    .patients-boxes .thumb {
        padding: 0;
        height: auto;
    }    
}


/* People */

.helping-hands {
    background: url('../images/helping-hands.jpg') no-repeat center center transparent;
    background-size: cover;
    font-size: 2.4rem;
    line-height: 3rem;
}
.helping-hands .ModuleOuterContainer {
    max-width: 104rem;
}
.grid-table .col {
    font-size: 3.6rem;
    line-height: 3rem;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 13%;
    font-weight: 300;
}
.grid-table .grid-row:first-child .col,
.grid-table .col:first-child {
    font-size: 2.4rem;
}
.grid-table .grid-row {
    border-bottom: 1px solid #666666;
}
.helping-hands .grid-table .grid-row {
    border-color: rgba(255,255,255,0.5);
}
@media screen and (max-width: 480px) {
    .grid-table .grid-row .col + .col:before {
        content: attr(data-year) ": ";
        float: left;
    }
}

.employee-giving-program {
    border-top: 1px solid #0065a4;
}
.employee-giving-program .col {
    font-size: 2.2rem;
    padding: 0 3rem 0 5rem;
    margin-top: 5rem;
}
.employee-giving-program .icon {
    margin-bottom: 3rem;
}
.text-chart-slider .grid-table .grid-row {
    border-color: #0065a4;
}
.side-borders:before,
.side-borders:after {
    content: 'i';
    text-transform: uppercase;
}
.side-borders:before {
    margin-right: 2%;
}
.side-borders:after {
    margin-left: 2%;
}
@media screen and (max-width: 768px) {
    .scorecard.text-chart-slider .col {
        text-align: center;
    }
    /*.side-borders:before,
    .side-borders:after {
        content: none;
    }*/
}


/*_____ Training Community Members page _____*/

.TrainingCommunity .bg {
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: transparent;
}
.TrainingCommunity .text {
    padding: 20px 30px;
    margin-right: 5px;
}
.TrainingCommunity li span {
    font-size: 125%;
    font-weight: 700;
}
.TrainingCommunity .image {
    padding: 5px 5px 0 0;
}
.TrainingCommunity .image img {
    width: 100%;
    vertical-align: top;
}
.TrainingCommunity .hide-desktop {
    display: none;
}
@media (max-width: 768px) {
    .TrainingCommunity .bg {
        background: none !important;
    }
    .TrainingCommunity .hide-desktop {
        display: block;
        margin-top: 5px;
    }
    .TrainingCommunity .text {
        margin-right: 0;
    }
    .TrainingCommunity .image {
        padding-right: 0;
    }
}

.SpecialtyCare .box {
    padding: 15px;
}
.SpecialtyCare .box:first-child {
    padding-bottom: 40px;
}
.SpecialtyCare-logo {
    margin: -45px 0;
}
.SpecialtyCare-logo img {
    background-color: #fff;
    vertical-align: top;
    position: relative;
    padding: 5px;
}
.SpecialtyCare-logo + .box {
    padding-top: 30px;
}
.SpecialtyCare .legend {
    border-top: 1px solid;
    padding: 5px 0;
}

.SpecialtyCare h4 span {
    border-bottom: 1px solid;
    padding: 0 10px 5px 10px;
    display: inline-block;
}

.SpecialtyCare .inputs li {
    color: #fff;
    border-top-left-radius: 53px;
    border-bottom-left-radius: 53px;
    box-shadow: 1px 2px 5px #ccc;
    margin-top: 20px;
    min-height: 38px;
    position: relative;
    padding: 5px 5px 5px 55px;
}
.SpecialtyCare .inputs li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    min-height: 38px;
    margin-left: -6px;
}
.SpecialtyCare .inputs .no {
    width: 50px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    border: 3px solid #fff;
    color: initial;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
}
.SpecialtyCare .inputs .text {
    line-height: 15px;
    font-size: small;
    display: inline-block;
    vertical-align: middle;
}

.SpecialtyCare .outputs li {
    color: #fff;
    border-top-left-radius: 53px;
    border-bottom-left-radius: 53px;
    box-shadow: 1px 2px 5px #ccc;
    margin-top: 20px;
    min-height: 30px;
    position: relative;
    padding: 0 5px 0 60px;
}
.SpecialtyCare .outputs li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    min-height: 30px;
    margin-left: -6px;
}
.SpecialtyCare .outputs li:nth-child(odd) {
    margin-left: 55px;
}
.SpecialtyCare .outputs .no {
    width: 55px;
    height: 42px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
    border-radius: 18px;
    border: 3px solid transparent;
    background-color: #fff;
    color: #666666;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: -6px;
    bottom: -6px;
}
.SpecialtyCare .outputs .gold-bg .no {
    border-color: #fad181;
}
.SpecialtyCare .outputs .tangerine-bg .no {
    border-color: #f89b68;
}
.SpecialtyCare .outputs .fern-bg .no {
    border-color: #72bf77;
}
.SpecialtyCare .outputs .text {
    line-height: 15px;
    font-size: small;
    display: inline-block;
    vertical-align: middle;
}

.SpecialtyCare .outcomes li {
    margin-top: 20px;
}
.SpecialtyCare .outcomes .text {
    line-height: 15px;
    font-size: small;
    box-shadow: 1px 2px 5px #ccc;
    display: block;
    position: relative;
    padding: 5px 5px 5px 30px;
    min-height: 40px;
}
.SpecialtyCare .outcomes .text:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -2px;
    left: 2px;
    border: 13px solid transparent;
    border-top-color: #fff;
}

.SpecialtyCare .impacts .circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 4px solid;
    box-shadow: 1px 2px 5px #ccc;
    position: relative;
    text-align: center;
    padding: 10px;
    margin: 10px auto;
}
.SpecialtyCare .impacts .circle:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    min-height: 30px;
    margin-left: -6px;
}
.SpecialtyCare .impacts .no {
    width: 55px;
    height: 40px;
    line-height: 34px;
    font-weight: 700;
    border-radius: 18px;
    border: 3px solid transparent;
    color: #fff;
    margin-right: 5px;
    position: absolute;
    left: -27px;
    top: -6px;
    bottom: -6px;
    box-shadow: 1px 2px 5px #7d7d7d;
}
.SpecialtyCare .impacts .text {
    line-height: 15px;
    font-size: small;
    display: inline-block;
    vertical-align: middle;
}


/*_____ Skills-Based Volunteering page _____*/

.helping-hands-details .col {
    vertical-align: middle;
    position: relative;
}
.helping-hands-details img {
    padding: 0 20px;
}
.helping-hands-details .col ul {
    margin: 0 60px;
}
.helping-hands-details .left-side .year-gradient {
    left: 0;
}
.helping-hands-details .right-side .year-gradient {
    right: 0;
}
.helping-hands-details li {
    border-top: 1px dotted #ccc;
    padding: 0.5rem 0;
}
.helping-hands-details li > span {
    text-transform: uppercase;
}
.helping-hands-details li:first-child {
    border-top: none;
    padding-top: 0;
}
.helping-hands-details .year-gradient {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
}
.helping-hands-details .year-gradient span {
    display: block;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
    top: 20px;
}
.helping-hands-details .year-gradient.brand-alt-bg {
    background: #00abd9;
    background: -webkit-linear-gradient(-180deg, #00abd9, #ffffff);
    background: -o-linear-gradient(-180deg, #00abd9, #ffffff);
    background: -moz-linear-gradient(-180deg, #00abd9, #ffffff);
    background: linear-gradient(-180deg, #00abd9, #ffffff);
}
.helping-hands-details .year-gradient.brand-people2-bg {
    background: #e07221;      
    background: -webkit-linear-gradient(-180deg, #e07221, #ffffff);
    background: -o-linear-gradient(-180deg, #e07221, #ffffff);
    background: -moz-linear-gradient(-180deg, #e07221, #ffffff);
    background: linear-gradient(-180deg, #e07221, #ffffff);
}
@media (min-width: 769px) {
    .helping-hands-details .col ul {
        width: 80%;
        margin: 0;
    }
    .helping-hands-details .left-side {
        text-align: right;
    }
    .helping-hands-details .left-side ul {
        float: right;
    }
}


/*_____ Transparency page _____*/

.PagePrinciplesTransparency {
    background: url('../images/transparency-page-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
.transparency-bg {
    display: none;
}
@media (max-width: 768px) {
    .PagePrinciplesTransparency {
        background: none;
    }
    .transparency-bg {
        display: block;
    }
}


/* back button */

.back-btn-wrapper {
    display: none;
    clear: both;
}
.LayoutTwoColumn .back-btn-wrapper {
    display: block;
    margin-top: 38px;
}
.back-btn-wrapper .ModuleOuterContainer {
    padding: 0;
}
.back-btn {
    background-color: #fff;
    color: #6b777e;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 700;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: 1px 2px 5px #ccc;
}
.back-btn i {
    font-size: 7px;
    position: relative;
    top: -1px;
}
@media screen and (max-width: 1024px) {
    .LayoutTwoColumn .PaneHeader .back-btn-wrapper {
        margin-top: 24px;
    }
}