@charset "UTF-8";
@font-face {
    font-family: "custom-fonts";
    src: url("../fonts/custom-fonts.eot");
    src: url("../fonts/custom-fonts.eot?#iefix") format("embedded-opentype"), url("../fonts/custom-fonts.woff") format("woff"), url("../fonts/custom-fonts.ttf") format("truetype"), url("../fonts/custom-fonts.svg#custom-fonts") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "custom-fonts" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "custom-fonts" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
    content: "\61";
}

.icon-twitter:before {
    content: "\62";
}

.icon-linkedin:before {
    content: "\63";
}

body {
    font-family: 'Oxygen', sans-serif;
    background-color: #FFF;
    font-size: 1em;
    font-weight: 100;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.what-we-do-page {
    background-color: #f7f7f7;
}

body * {
    -webkit-overflow-scrolling: touch;
}

body.no-scroll {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5 {
    color: #231f20;
    font-weight: 100;
    font-size: 3.4em;
    margin-bottom: 0.5em;
    line-height: normal;
}

@media (max-width: 991px) {
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-size: 1.5em;
    }
}

p {
    color: #231f20;
    line-height: normal;
    word-spacing: normal;
    letter-spacing: normal;
}

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

ul {
    margin-left: 3em;
}

.script-tag {
    display: none;
}

.clear {
    clear: both !important;
    float: none !important;
    height: 0 !important;
    width: 0 !important;
}

.transition {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.longTransition {
    transition: all .8s;
    -webkit-transition: all .8s;
}

.cubicTransition {
    transition: all .3s cubic-bezier(0.55, 0.29, 0.15, 1.4);
    -webkit-transition: all .3s cubic-bezier(0.55, 0.29, 0.15, 1.4);
}

.no-margin {
    margin: 0;
}

.rel-wrapper {
    position: relative;
}

.inline-element {
    display: inline-block;
}

.vertical-center-align {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.horizontal-center-align {
    left: 0;
    right: 0;
    margin: auto;
}

.block-element {
    display: block;
}

.full-width-img {
    width: 100%;
}

@media (max-width: 767px) {
    .full-width-img--team {
        position: relative;
        z-index: 10;
    }
}

@media (max-width: 991px) {
    .full-width-img--empower {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .full-width-img--empower {
        width: 200%;
    }
}

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

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.no-underline {
    text-decoration: none;
}

.border-btn {
    border: .2em solid #231f20;
}

.medium-opacity {
    opacity: .7;
}

.full-opacity {
    opacity: 1;
}

.bg-overlay {
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.modal {
    display: none;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    position: fixed;
    left: 0;
    right: 0;
    margin: 7em auto 0;
    width: 90%;
    z-index: 1000;
    overflow: hidden;
    border-radius: .3em;
    box-shadow: 0 0 .7em -0.1em #444;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.video-modal video {
    height: 100%;
    margin: auto;
}

.close-modal {
    position: absolute;
    right: -2em;
    top: 0;
    width: 3em;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.close-modal:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.resp-show {
    display: none !important;
}

.btn {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: inline-block;
    font-size: 1rem;
    font-family: 'ProximaNovaCond-Regular', sans-serif;
    font-weight: 500;
    color: #231f20;
    background-color: #fcc02f;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    border: none;
    padding: .8rem 1.6rem;
    border-radius: .4rem;
    cursor: pointer;
    box-shadow: 0 0 0.5rem -0.07rem transparent;
}

.btn:hover {
    box-shadow: 0 0.5rem 2rem -0.07rem #8a8a8aa6;
}

.btn-border {
    color: #d4334d;
    background: transparent;
    border: 2px solid #d4334d;
}

.btn-border:hover {
    background-color: #d4334d;
    color: #FFF;
}

.btn-border.white-color {
    color: #FFF;
    background: transparent;
    border: 2px solid #FFF;
}

.btn-border.white-color:hover {
    background-color: #FFF;
    color: #d4334d;
}

.btn.blue-color {
    color: #FFF;
    background: #00467c;
    border: 2px solid #0063af;
}

.btn-border.yellow-color {
    color: #231f20;
    background: #fcc02f;
    border: 2px solid #fdcf61;
}

.btn-border.yellow-color:hover {
    background: #f4ae04;
}

.oxygen-font {
    font-family: 'Oxygen', sans-serif;
}

@font-face {
    font-family: 'ProximaNovaCond-Light';
    src: url('fonts/ProximaNovaCond-Light.otf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaCond-Regular';
    src: url('fonts/ProximaNovaCond-Regular.otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaCond-Semibold';
    src: url('fonts/ProximaNovaCond-Semibold.otf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'danielbk';
    src: url('fonts/danielbk.ttf');
    font-weight: 700;
    font-style: normal;
}

.proxima-nova-light-font {
    font-family: 'ProximaNovaCond-Light', sans-serif;
    font-weight: 300;
}

.proxima-nova-regular-font {
    font-family: 'ProximaNovaCond-Regular', sans-serif;
    font-weight: 500;
}

.proxima-nova-semibold-font {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
}

.daniel-font {
    font-family: 'danielbk', sans-serif;
}

.small-font-size {
    font-size: .85rem;
}

.small-font-size2 {
    font-size: .75rem;
}

.normal-font-size {
    font-size: 1rem;
}

.medium-font-size {
    font-size: 1.25rem;
}

.medium-font-size2 {
    font-size: 1.5rem;
}

.large-font-size {
    font-size: 1.8rem;
}

.large-font-size2 {
    font-size: 2rem;
}

.extra-large-font-size {
    font-size: 2.5rem;
}

.extra-large-font-size2 {
    font-size: 3rem;
}

.thin-font-weight {
    font-weight: 100;
}

.light-font-weight {
    font-weight: 300;
}

.normal-font-weight {
    font-weight: 400;
}

.medium-font-weight {
    font-weight: 500;
}

.semibold-font-weight {
    font-weight: 600;
}

.bold-font-weight {
    font-weight: 700;
}

.ultrabold-font-weight {
    font-weight: 900;
}

.black-color-font {
    color: #231f20;
}

.black-color-background {
    background-color: #231f20;
}

.green-color-font {
    color: #7ecb61;
}

.green-color-background {
    background-color: #7ecb61;
}

.grey-color-font {
    color: #888;
}

.grey-color-background {
    background-color: #888;
}

.red-color-font {
    color: #d4334d;
}

.red-color-background {
    background-color: #d4334d;
}

.yellow-color-font {
    color: #fcc02f;
}

.yellow-color-background {
    background-color: #fcc02f;
}

.white-color-font {
    color: #FFF;
}

.white-color-background {
    background-color: #FFF;
}

.light-white-color-font {
    color: #F9F9F9;
}

.light-white-color-background {
    background-color: #F9F9F9;
}

.blue-color-font {
    color: #3aade9;
}

.blue-color-background {
    background-color: #3aade9;
}

.activities-wrapper {
    background: #FFF;
}

.activities-wrapper .thp-container {
    padding: 6rem 12% 0;
    margin-top: 6rem;
}

.thumbs-block {
    position: relative;
    overflow: hidden;
    padding: 4em 0;
    margin-top: -4rem;
    margin-left: -5vw;
    width: 105vw;
}

@media (max-width: 991px) {
    .thumbs-block {
        margin-top: 0;
        margin-left: 0;
        width: auto;
        padding-top: 0;
    }
}

.thumbs-block--video {
    width: 100%;
    padding-bottom: 0;
    overflow: unset;
    margin-left: unset;
    transform: translateY(30px);
}

.thumbs-block--video .activity-item {
    box-shadow: 0 0.4rem 0.5rem -0.01rem rgba(0, 0, 0, 0.1);
    background: white;
}

.thumbs-block--video .activity-item:hover {
    box-shadow: 0 1.5rem 2.8rem -0.08rem rgba(0, 0, 0, 0.2);
}

.thumbs-block .thumbs {
    white-space: nowrap;
}

@media (max-width: 991px) {
    .thumbs-block .thumbs {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 600px;
        margin: 0 auto;
    }
}

.thumbs-block .thumb {
    position: relative;
    white-space: normal;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: 20vw;
    margin: 0 .6rem;
}

@media (max-width: 991px) {
    .thumbs-block .thumb {
        width: 50%;
        margin-top: 4rem;
    }
    .thumbs-block .thumb:first-child {
        margin-top: 0;
    }
}

.dropdown-wrapper,
.dropdown-select-wrapper {
    position: relative;
    cursor: pointer;
}

.dropdown-select-wrapper {
    border: 1px solid #FFF;
    border-radius: .3rem;
    padding: .5rem .8rem;
}

.dropdown-select-wrapper * {
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
}

.dropdown-select-wrapper span {
    font-size: 1rem;
    color: #FFF;
}

.dropdown-select-wrapper .fa {
    margin: 0;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    color: #FFF;
    right: 1rem;
}

.dropdown-list {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background-color: #FFF;
    margin: 0;
    border-radius: .3rem;
    position: absolute;
    left: 0;
    right: 0;
    border: none;
    top: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    box-shadow: 0 0 0.5rem -0.07rem transparent;
}

.dropdown-wrapper.show .dropdown-list {
    height: auto;
    max-height: 10rem;
    overflow-y: scroll;
    border: 1px solid #ddd;
    z-index: 1;
    top: 2.25rem;
    box-shadow: 0 0 0.5rem -0.07rem #333;
}

.dropdown-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #888;
    font-size: .85rem;
    display: block;
    background: transparent;
    padding: .5rem;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.dropdown-item:hover {
    color: #231f20;
    background: #F9F9F9;
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib,
.mapboxgl-ctrl-bottom-left {
    display: none;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

header .nav-item {
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: .85rem;
    text-decoration: none;
    display: inline-block;
    color: #FFF;
    vertical-align: top;
    padding: .5rem .8rem;
    cursor: pointer;
}

@media (max-width: 767px) {
    header .nav-item {
        padding: 1rem .8rem;
        font-size: 1.45rem;
    }
}

header .nav-item::before {
    transition: all .3s cubic-bezier(0.55, 0.29, 0.15, 1.4);
    -webkit-transition: all .3s cubic-bezier(0.55, 0.29, 0.15, 1.4);
    background-color: #d4334d;
    content: ' ';
    position: absolute;
    left: 0;
    bottom: .3rem;
    width: 0%;
    height: .5rem;
    z-index: -1;
}

header .nav-item:hover::before {
    width: 100%;
}

header .nav-item.selected::before,
.about-us-page .nav-item.about-us::before,
.what-we-do-page .nav-item.what-we-do::before,
.contact-us-page .nav-item.contact-us::before,
.where-we-work-page .where-we-work::before,
.home-page .home::before {
    width: 100%;
}

.about-video-wrapper h3 {
    text-transform: none;
    letter-spacing: normal;
    margin-top: 8rem;
}

.about-video-wrapper a {
    text-decoration: none;
}

footer {
    position: relative;
    text-align: center;
    background-color: #ececec;
    padding: 8rem 2rem 3rem;
}

@media (max-width: 991px) {
    footer {
        padding: 2rem;
        padding-top: 7rem;
    }
}

footer span {
    display: block;
    text-align: center;
    color: #bdbdbd;
    margin-bottom: 1rem;
}

footer .footer-social span {
    color: #717171;
}

.footer-social a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 1%;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
}

.footer-social a .fa {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    left: 0;
    right: 0;
    margin: auto;
    color: #bababa;
}

.footer-social a:hover {
    background: #d4334d;
    border-color: #d4334d;
}

.footer-social a:hover .fa {
    color: #fff;
}

footer hr {
    position: relative;
    display: block;
    border: 1px solid rgba(233, 233, 233, 0.29);
    margin: 1.5rem 20%;
}

footer nav {
    position: relative;
    display: block;
    text-align: center;
    top: auto;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    margin-bottom: 1.5rem;
    left: auto;
    right: auto;
}

footer .nav-item,
footer a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-size: .85rem;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    vertical-align: top;
    color: #8e8e8e;
    cursor: pointer;
    padding: .5rem 1.5rem;
}

footer .nav-item:hover,
footer a:hover {
    color: #d4334d;
}

footer a {
    font-weight: 400;
}

@media (max-width: 991px) {
    footer .nav-item--footer {
        display: block;
    }
}

.footer-colored-strip {
    position: absolute;
    left: 0;
    bottom: 0;
}

.hero-wrapper {
    position: relative;
}

.hero-wrapper img {
    position: relative;
    display: block;
}

@media (max-width: 991px) {
    .hero-wrapper {
        height: 60vh;
        overflow: hidden;
    }
}

.hero-wrapper .hero-img-container {
    height: 100%;
}

@media (max-width: 991px) {
    .hero-wrapper .hero-img-container .full-width-img {
        width: auto;
        height: 100%;
        position: absolute;
        right: 0;
    }
}

.hero-wrapper::before {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    height: 60%;
    width: 100%;
    z-index: 10;
    opacity: .7;
}

.hero-content-wrapper {
    position: absolute;
    left: 5rem;
    bottom: 5rem;
    width: 65%;
    max-width: 900px;
    z-index: 11;
}

.hero-content-wrapper h3 {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    color: #FFF;
    width: 35rem;
    text-transform: uppercase;
}

.hero-content-wrapper p {
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #FFF;
    line-height: 1.5;
    width: 60%;
    opacity: .85;
}

.heading-para-wrapper-col .heading-para-wrapper {
    float: left;
    width: calc(50% - 4rem);
    margin-right: 4rem;
    text-align: left;
}

.heading-para-wrapper-col .heading-para-wrapper p {
    width: auto;
}

.heading-para-wrapper-col .heading-para-wrapper:nth-child(2) {
    margin-top: 1.25rem;
}

.heading-para-wrapper {
    text-align: center;
}

@media (max-width: 767px) {
    .heading-para-wrapper {
        padding: 0 30px;
    }
}

.heading-para-wrapper h3 {
    color: #231f20;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: #234565;
    line-height: 1.2;
}

.heading-para-wrapper p {
    font-size: 1rem;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    color: #888;
    width: 50%;
    margin: 1rem auto 3rem;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .heading-para-wrapper p {
        width: auto;
    }
}

.heading-para-wrapper span {
    display: block;
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: .5rem;
    color: #d4334d;
    letter-spacing: .2rem;
    text-transform: uppercase;
}

.heading-para-wrapper .state-work-text {
    margin-bottom: 0;
}

.heading-para-wrapper--map-text p {
    margin: 0;
    width: 100%;
}

.hero-content-subtitle {
    display: block;
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: .5rem;
    color: #d4334d;
    letter-spacing: .2rem;
    text-transform: uppercase;
}

.principle-wrapper {
    margin-top: 5rem;
    margin-bottom: 6rem;
}

@media (max-width: 767px) {
    .principle-wrapper {
        margin: 3rem 5%;
    }
}

.principle-wrapper .heading-para-wrapper {
    margin: 0 8% 2rem;
}

@media (max-width: 1199px) {
    .principle-wrapper .heading-para-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
}

.principle-list {
    text-align: center;
    margin: 0;
    margin: 0 8%;
}

@media (max-width: 991px) {
    .principle-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.principle-item {
    display: inline-block;
    margin: 0;
    width: 15.5%;
    vertical-align: top;
}

@media (max-width: 991px) {
    .principle-item {
        width: 50%;
        margin-top: 2rem;
    }
}

.principle-item span {
    display: block;
    font-size: 1rem;
    color: #231f20;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    margin: 1rem 0 .5rem;
    text-transform: capitalize;
}

.principle-item img {
    display: block;
    width: 6rem;
    margin: auto;
}

.separator {
    display: block;
    margin: 5rem 20%;
    border: 1px solid #f2f2f2;
}

.team-graphics-wrapper {
    position: relative;
    margin: 2rem 0;
}

.cloud-anim {
    display: block;
    position: absolute;
    width: 12rem;
    top: 2rem;
    left: 5rem;
    animation-delay: .2s;
    animation-duration: 15s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: cloudAnim;
}

@media (max-width: 767px) {
    .cloud-anim {
        width: 3rem;
    }
}

.cloud-anim.right {
    left: auto;
    right: 2rem;
    top: 0;
    animation-delay: .25s;
    animation-name: cloudAnimRight;
}

@media (max-width: 767px) {
    .cloud-anim.right {
        top: -2rem;
        z-index: 10;
    }
}

.team-wrapper {
    text-align: center;
    margin-top: 5rem;
}

.team-wrapper .team-graphics-wrapper {
    margin-bottom: -5rem;
}

.team-member-wrapper {
    display: none;
}

.team-member-wrapper.show {
    display: block;
}

.team-member-title {
    padding: 0 1.5rem 1.5rem;
}

.team-member-wrapper h2 {
    position: relative;
    color: #FFF;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    text-align: center;
    display: block;
    font-size: 2rem;
    display: inline-block;
    margin: 0;
}

.team-member-wrapper em {
    font-size: .75rem;
    display: block;
    color: #FFF;
    opacity: .7;
    text-transform: uppercase;
}

.team-member-wrapper h2 span {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    position: absolute;
    left: -2rem;
    opacity: .1;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    font-size: 5rem;
}

.team-list {
    text-align: center;
    vertical-align: middle;
    padding: 1rem 5% 4rem;
    margin: 0;
}

.team-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    border-radius: .4rem;
    margin: 0 .6rem 2rem;
    width: calc(20vw - 2px - 3rem);
    overflow: hidden;
    padding: 1.3rem 1.5rem;
    border: 1px solid transparent;
    background: white;
    white-space: normal;
    box-shadow: 0 2px 1rem 0rem rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.team-item:hover {
    transform: translateY(-0.2rem);
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    border: 1px solid #d4334d;
    box-shadow: 0 0.3rem 1rem -0.07rem rgba(5, 5, 5, 0.52);
}

.team-item h3 {
    width: 100%;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 1.35rem;
    color: #234565;
    text-transform: capitalize;
    margin-bottom: .1rem;
}

.team-item span {
    display: block;
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: .5rem;
    color: #d4334d;
}

.team-item img {
    display: block;
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    margin-top: -1.3rem;
    margin-bottom: 1rem;
}

.team-item p {
    margin-top: 1rem;
    font-size: .85rem;
    color: #798490;
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.team-item .btn {
    padding: .5rem 1.6rem .4rem;
    margin-top: 1.5rem;
    font-size: .75rem;
}

.team-member-details img {
    width: 15rem;
    display: inline-block;
    vertical-align: top;
}

.team-member-details h3 {
    font-size: 1.5rem !important;
}

.team-member-details div {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 21rem);
    margin-left: 2rem;
}

.team-item .team-member-details-wrapper {
    display: none;
}

.page-bottom-wrapper {
    margin: 0;
    background: #c8d5c1;
}

.page-bottom-wrapper .heading-para-wrapper {
    margin: 0 30%;
}

.page-bottom-wrapper--efforts {
    padding-top: 6rem;
}

.page-bottom-wrapper .heading-para-wrapper--efforts {
    margin: 0;
}

.page-bottom-wrapper .heading-para-wrapper img {
    width: 8rem;
    margin: 0 auto 1.5rem;
}

.heading-para-wrapper.red-color-font h3 {
    color: #d4334d;
}

.heading-para-wrapper.white-color-font h3 {
    color: #FFF;
}

.heading-para-wrapper.white-color-font p {
    color: rgba(255, 255, 255, 0.68);
}

.heading-para-wrapper.white-color-font span {
    color: rgba(255, 255, 255, 0.68);
}

.strategy-list {
    text-align: center;
    margin: 0 8% 0;
    display: flex;
}

.strategy-subtitle {
    display: block;
    text-align: center;
    margin: 0rem auto 2rem;
}

.strategy-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 2%;
    padding: 1.5rem;
    width: calc(45.5% - 3rem - 2px);
    background: #f6f6f6;
    border-radius: .3rem;
    border: 1px solid #efefef;
    box-shadow: 0 0.6em 0.7rem -0.1rem #efefef;
}

@media (max-width: 991px) {
    .strategy-item {
        box-sizing: border-box;
        margin: 0;
        width: 100%;
        margin-top: 2rem;
    }
    .strategy-item:first-child {
        margin-top: 0;
    }
}

.strategy-item img {
    display: block;
    width: 5rem;
    margin: auto;
    vertical-align: middle;
    margin-bottom: 1.5rem;
}

.strategy-item .strategy-content {
    display: block;
    vertical-align: middle;
}

.strategy-item h3 {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    color: #234565;
    font-size: 1.25rem;
    margin-bottom: .5rem;
    line-height: 1.2;
}

.strategy-item p {
    font-family: 'Oxygen', sans-serif;
    font-size: .85rem;
    color: #afafaf;
    line-height: 1.6;
}

.activity-item {
    transition: all .5s;
    border: 1px solid #efefef;
    border-radius: .3rem;
    cursor: pointer;
    box-shadow: 0 0.4rem 0.5rem -0.01rem #ececec;
    margin: 0 .6rem;
    width: calc(33% - 2px);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.activity-item .activity-content {
    text-align: center;
    padding: 1.5rem 1rem 4rem;
    position: relative;
}

.activity-item .activity-content h3 {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #234565;
    text-transform: capitalize;
}

.activity-item .activity-content p {
    font-size: .85rem;
    color: #798490;
    line-height: 1.5em;
    margin: 0 auto;
    margin-top: .6rem;
    width: 80%;
    max-width: 210px;
}

.activity-item:hover {
    border-color: #d4334d;
    box-shadow: 0 1.5rem 2.8rem -0.08rem #c6c6c6;
    transform: translateY(-0.8rem);
    -webkit-transform: translateY(-0.8rem);
    -moz-transform: translateY(-0.8rem);
    -ms-transform: translateY(-0.8rem);
    -o-transform: translateY(-0.8rem);
}

.activity-item:hover .activity-more-info {
    background-color: #d4334d;
    border-color: #dd5d72;
}

.activity-more-info {
    color: #FFF;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: block;
    background: #fafafa;
    margin: 1rem auto 0;
    padding: .85rem 1.25rem .78rem 1rem;
    width: .5rem;
    border-radius: 50%;
    background: #d3d3d3;
    border: 1px solid #ddd;
    cursor: pointer;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.activity-more-info:hover {
    background-color: #d4334d;
    border-color: #dd5d72;
}

.activity-play-btn {
    width: 4rem;
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    margin: auto;
}

.empower-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 991px) {
    .empower-block {
        position: relative;
        z-index: 1;
    }
}

.empower-wrapper .heading-para-wrapper {
    margin: 4rem 6%;
}

@media (max-width: 1199px) {
    .empower-wrapper .heading-para-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
}

.empower-wrapper {
    margin-top: 4rem;
}

.empower-list-wrapper {
    text-align: center;
    margin: 2rem 0;
}

.empower-list-wrapper span {
    display: block;
    text-align: center;
    font-family: 'Oxygen', sans-serif;
    font-size: .75rem;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #234565;
}

.empower-list-wrapper .btn {
    background: #d4334d;
    color: #FFF;
}

.empower-list {
    margin: 2rem 10% 2rem;
}

@media (max-width: 991px) {
    .empower-list {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.empower-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 .5rem;
    width: calc(24% - 1rem);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.empower-item h3 {
    font-size: 1.25rem;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    margin: 0 0 .5rem;
    color: #234565;
}

.empower-item img,
.empower-item p {
    display: inline-block;
    vertical-align: top;
    width: 6rem;
}

.empower-item p {
    font-family: 'Oxygen', sans-serif;
    color: #888;
    margin-left: 1rem;
    width: calc(98% - 7rem);
    width: 80%;
    line-height: 1.6;
    max-width: 200px;
    margin: auto;
    margin-top: 0;
}

.progress-wrapper {
    padding: 8rem 0 8rem;
    background: #d63550;
}

@media (max-width: 991px) {
    .progress-wrapper {
        padding: 5rem 0;
    }
}

.progress-list {
    text-align: center;
    margin: 3rem 10%;
    margin-top: 0;
}

@media (max-width: 991px) {
    .progress-list {
        margin: 0;
        padding: 0 3%;
        display: flex;
        flex-wrap: wrap;
    }
}

.activity-item-subtext {
    font-size: .85rem;
    color: #888;
}

.progress-item {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 0 .5rem;
    width: calc(20% - 1rem);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (max-width: 991px) {
    .progress-item {
        width: 50%;
        margin: 0;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 2rem;
    }
    .progress-item:nth-child(-n+2) {
        margin-top: 0;
    }
}

.progress-item .progress-item-subtext {
    font-size: .85rem;
    color: #888;
}

.progress-item img,
.progress-item p {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    margin-right: .5rem;
}

.progress-item img {
    width: 7rem;
    margin-left: 0;
}

.progress-item p {
    font-family: 'Oxygen', sans-serif;
    color: #FFF;
    font-size: .85rem;
    margin: 0;
    width: 80%;
    margin: auto;
    margin-top: 1rem;
    line-height: 1.5em;
    color: rgba(255, 255, 255, 0.68);
}

.progress-item p span {
    display: block;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: .4rem;
    color: #fff;
}

.button-wrapper {
    display: block;
    text-align: center;
}

@media (max-width: 991px) {
    .button-wrapper--our-progress {
        margin-top: 4rem;
    }
}

.button-wrapper span {
    text-align: center;
    font-size: .85rem;
    color: #FFF;
    display: block;
    margin: auto;
    color: rgba(255, 255, 255, 0.68);
}

.button-wrapper .btn {
    text-transform: uppercase;
    margin-top: 1rem;
    padding: 1rem 5rem;
}

.active-state-wrapper {
    position: relative;
    background: #F7F7F7;
    padding-bottom: 8rem;
}

.active-left-wrapper {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40%;
    left: 10%;
    margin-top: 0rem;
}

@media (max-width: 991px) {
    .active-left-wrapper {
        position: relative;
        transform: none;
        left: 0;
        width: 100%;
        padding: 4rem 0;
        max-width: 600px;
        margin: 0 auto;
    }
}

.active-left-wrapper .heading-para-wrapper {
    text-align: left;
    width: 80%;
}

@media (max-width: 991px) {
    .active-left-wrapper .heading-para-wrapper {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
}

.active-left-wrapper .heading-para-wrapper h3 {
    width: 60%;
}

@media (max-width: 991px) {
    .active-left-wrapper .heading-para-wrapper h3 {
        font-size: 1.8rem;
    }
}

.active-left-wrapper .heading-para-wrapper span {
    color: #d4334d;
}

.active-left-wrapper .stats-wrapper {
    margin-top: 3rem;
}

@media (max-width: 991px) {
    .active-left-wrapper .stats-wrapper {
        padding: 0 30px;
        text-align: center;
    }
}

.active-left-wrapper .stats-wrapper span {
    font-size: .85rem;
    display: block;
    color: #282828;
    margin-bottom: 1rem;
}

.active-left-wrapper .stats-wrapper .stats-subtitle {
    display: block;
    font-family: 'Oxygen', sans-serif;
    font-size: .75rem;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #234565;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.active-left-wrapper .stats-list {
    margin: 0;
    text-align: left;
    margin-top: 2rem;
}

@media (max-width: 991px) {
    .active-left-wrapper .stats-list {
        display: flex;
        flex-wrap: wrap;
        max-width: 360px;
        margin: 0 auto;
        margin-top: 3rem;
    }
}

.active-left-wrapper .stats-item {
    position: relative;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 1.5rem 0 0;
    width: calc(24% - 1.5rem);
}

@media (max-width: 991px) {
    .active-left-wrapper .stats-item {
        margin: 0 auto;
        width: 40%;
        margin-top: 2rem;
    }
    .active-left-wrapper .stats-item:nth-child(-n+2) {
        margin-top: 0;
    }
}

.active-left-wrapper .stats-item img {
    position: relative;
    display: block;
    width: 100%;
}

@media (max-width: 767px) {
    .active-left-wrapper .stats-item img--team {
        position: relative;
        z-index: 10;
    }
}

@media (max-width: 991px) {
    .active-left-wrapper .stats-item img--empower {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .active-left-wrapper .stats-item img--empower {
        width: 200%;
    }
}

.active-left-wrapper .stats-item h3 {
    text-align: center;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    font-family: 'danielbk', sans-serif;
    font-size: 1.8rem;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 1;
    margin-top: .5rem;
}

.active-left-wrapper .stats-item h3 span {
    font-family: 'Oxygen', sans-serif;
    font-size: .85rem;
    display: block;
    margin: 0;
}

.active-left-wrapper .stats-item--panchayat h3 {
    color: #88303e;
}

.active-left-wrapper .stats-item--panchayat span {
    color: #8a3b48;
}

.active-left-wrapper .stats-item--district h3 {
    color: #735b9c;
}

.active-left-wrapper .stats-item--district span {
    color: #5e4488;
}

.active-left-wrapper .stats-item--block h3 {
    color: #753803;
}

.active-left-wrapper .stats-item--block span {
    color: #824911;
}

.active-left-wrapper .stats-item--local h3 {
    color: #484a04;
}

.active-left-wrapper .stats-item--local span {
    color: #686b3d;
}

.active-left-wrapper .btn {
    margin-top: 4rem;
    padding: 1rem 3rem;
}

@media (max-width: 991px) {
    .active-left-wrapper .btn {
        margin-top: 6rem;
    }
}

.active-right-wrapper {
    margin: 0;
    position: relative;
}

@media (max-width: 991px) {
    .active-right-wrapper--img {
       display: block !important;
    }
}

.active-right-wrapper .map-illustration {
    display: block;
    position: relative;
    width: 100%;
}

.active-right-wrapper .boat-img {
    display: block;
    display: none;
    position: absolute;
    bottom: 29%;
    right: 10%;
    width: 2rem;
    animation-delay: .2s;
    animation-duration: 45s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: boatAnim;
}

.active-right-wrapper .boat-img.boat-alt {
    bottom: 11%;
    right: 26%;
    animation-delay: .35s;
    animation-name: boatAnimAlt;
}

.active-right-wrapper .cloud-img {
    display: block;
    position: absolute;
    right: 5rem;
    width: 5rem;
    top: 3rem;
    animation-delay: .2s;
    animation-duration: 40s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: cloudAnimRight;
}

.partners-wrapper {
    padding: 5rem 10% 2.5rem;
    background: #fdfbfb;
    border-top: 1px solid #EFEFEF;
}

@media (max-width: 991px) {
    .partners-wrapper {
        padding: 5rem 0px;
    }
}

.partner-list {
    margin: 4rem 0 0;
}

@media (max-width: 991px) {
    .partner-list {
        margin: 2rem 0 2rem;
        padding: 0 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.partner-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3%;
    width: 13%;
    cursor: pointer;
}

@media (max-width: 991px) {
    .partner-item {
        width: 50%;
        margin: 0;
        margin-top: 2rem;
        text-align: center;
    }
}

.partner-item img {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 100%;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

@media (max-width: 767px) {
    .partner-item img--team {
        position: relative;
        z-index: 10;
    }
}

@media (max-width: 991px) {
    .partner-item img--empower {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .partner-item img--empower {
        width: 200%;
    }
}

@media (max-width: 991px) {
    .partner-item img {
        max-width: 200px;
    }
}

.partner-item:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.page-bottom-wrapper.beige-color {
    background: #fdfbfb;
    padding-bottom: 0rem;
    border-bottom: 1px solid #e2e2e2;
    z-index: 10;
    position: relative;
}

@media (max-width: 991px) {
    .page-bottom-wrapper.beige-color {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.page-bottom-wrapper.beige-color .contact-block {
    background: #00447e;
    color: white;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 10px;
    padding: 2rem;
    display: flex;
    align-items: center;
    position: relative;
    box-shadow: 0rem 0.5rem 1rem 0rem rgba(0, 0, 0, 0.2);
    transform: translateY(4rem);
    z-index: 10;
    opacity: 1;
}

@media (max-width: 991px) {
    .page-bottom-wrapper.beige-color .contact-block {
        flex-direction: column;
        text-align: center;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
}

.page-bottom-wrapper.beige-color .contact-block img {
    height: 2rem;
}

.page-bottom-wrapper.beige-color .contact-block .connect-content {
    display: inline-block;
    margin-left: 2rem;
}

@media (max-width: 991px) {
    .page-bottom-wrapper.beige-color .contact-block .connect-content {
        margin: 0;
        margin-top: 2rem;
    }
}

.page-bottom-wrapper.beige-color .contact-block span {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: .8rem;
    opacity: .8;
    line-height: 1.5em;
}

.page-bottom-wrapper.beige-color .contact-block p {
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: 1px;
}

@media (max-width: 991px) {
    .page-bottom-wrapper.beige-color .contact-block p {
        font-size: 1.5rem;
        line-height: 1.2;
        font-weight: bold;
    }
}

.page-bottom-wrapper.beige-color .contact-block .btn {
    position: absolute;
    right: 2rem;
    background-color: #d4334d;
    color: #ffffff;
}

@media (max-width: 991px) {
    .page-bottom-wrapper.beige-color .contact-block .btn {
        position: relative;
        right: 0;
        margin-top: 2rem;
    }
}

.address-wrapper,
.form-wrapper {
    background-color: #d4334d;
    display: inline-block;
    vertical-align: top;
    padding: 2.5rem 1.5rem;
    border: 1px solid #dd5d72;
    border-radius: .3rem;
    margin: 0 2.5%;
    width: calc(44% - 3rem - 2px);
    min-height: 27rem;
    height: auto;
}

@media (max-width: 991px) {
    .address-wrapper,
    .form-wrapper {
        width: 100%;
        box-sizing: border-box;
        max-width: 360px;
        margin: 0 auto;
    }
}

.address-wrapper h3,
.form-wrapper h3 {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    color: #FFF;
    font-size: 2rem;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .form-wrapper {
        margin-top: 2rem;
    }
}

.contact-item {
    display: block;
    margin-top: 2rem;
}

.contact-item img {
    display: inline-block;
    width: 3rem;
    margin: 0 1rem 0 0;
    vertical-align: top;
}

.contact-item p {
    color: #FFF;
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    line-height: 1.6;
    width: calc(98% - 4rem);
}

.contact-item a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-decoration: none;
    color: white;
}

.contact-item a:hover {
    text-decoration: underline;
}

.contact-item:last-child img,
.contact-item:last-child p {
    vertical-align: middle;
}

.address-list {
    display: none;
}

.form-wrapper .sub-heading {
    font-size: .85rem;
    color: #FFF;
    opacity: .7;
    display: block;
    margin-bottom: .5rem;
}

.checkbox-item {
    display: inline-block;
    margin: 0 .8rem 1rem 0;
    vertical-align: middle;
    width: auto;
}

.checkbox-item .checkbox {
    display: inline-block;
    position: relative;
    background-color: #FFF;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    cursor: pointer;
}

.checkbox-item .checkbox .check-box-dot {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    background: #00467c;
    left: 0;
    right: 0;
    margin: auto;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    opacity: 0;
}

.checkbox-item .checkbox.selected .check-box-dot {
    opacity: 1;
    width: .5rem;
    height: .5rem;
}

.checkbox-item em {
    display: inline-block;
    color: #FFF;
    font-size: 1rem;
    margin-left: .3rem;
    vertical-align: middle;
}

.checkbox-item input {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: inline-block;
    color: #FFF;
    outline: none;
    vertical-align: middle;
    margin-left: .3rem;
    width: auto;
    border: 1px solid #e68797;
    background: #e17284;
    border-radius: .3rem;
    padding: .8rem 1rem;
    width: calc(55% - 2rem - 2px);
}

@media (max-width: 991px) {
    .checkbox-item input {
        margin-top: 1rem;
    }
}

.checkbox-item input:focus {
    border: 1px solid #FFF;
}

.checkbox-item.block {
    display: block;
    margin: 0 0 1rem 0;
}

.input-wrapper .input-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #FFF;
    font-size: 1rem;
    display: block;
    padding: .8rem 1rem;
    outline: none;
    border: 1px solid #e68797;
    background: #e17284;
    width: calc(100% - 2rem - 2px);
    margin-top: .8rem;
    border-radius: .3rem;
}

.input-wrapper .input-item:focus {
    border: 1px solid #FFF;
}

.input-item.form-error {
    border: 1px solid #ff022c;
    box-shadow: 0 0 0.5rem -0.07rem #b40000;
}

.input-wrapper .btn {
    margin-top: 1.5rem;
}

.input-item::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    font-family: 'Oxygen', sans-serif;
    color: #FFF;
    font-size: 1rem;
}

.input-item::-moz-placeholder,
input::-moz-placeholder {
    font-family: 'Oxygen', sans-serif;
    color: #FFF;
    font-size: 1rem;
}

.input-item:-ms-input-placeholder,
input:-ms-input-placeholder {
    font-family: 'Oxygen', sans-serif;
    color: #FFF;
    font-size: 1rem;
}

.input-item:-moz-placeholder,
input:-moz-placeholder {
    font-family: 'Oxygen', sans-serif;
    color: #FFF;
    font-size: 1rem;
}

.contact-wrapper {
    position: relative;
    z-index: 11;
    margin: -7rem 15% 5em;
    display: flex;
}

#mapbox-container-home {
    position: relative;
    height: 93vh;
    width: 100vw;
}

.where-we-work-page .hero-content-wrapper h3 {
    text-shadow: 0 0.2rem 3rem #000;
}

.hero-content-wrapper--work {
    bottom: 7rem;
}

.w-state-item.thumb {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-align: center;
    position: relative;
    border: 1px solid transparent;
    border-radius: .3rem;
    padding-bottom: 4rem;
    cursor: pointer;
    box-shadow: 0 0.4rem 0.5rem -0.01rem #ececec;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.w-state-item.thumb h3 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #888;
    font-size: 1rem;
    margin: 0;
    padding: 1rem;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #234565;
    text-transform: capitalize;
}

.w-state-item.thumb img {
    display: block;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

.w-state-item.thumb span {
    font-size: .85rem;
    color: #798490;
    line-height: 1.5em;
    margin: 0 auto;
    margin-top: .6rem;
    width: 80%;
    max-width: 210px;
}

.w-state-item:hover {
    border: 1px solid #d4334d;
    box-shadow: 0 1.5rem 2.8rem -0.08rem #c6c6c6;
    transform: translateY(-0.8rem);
    -webkit-transform: translateY(-0.8rem);
    -moz-transform: translateY(-0.8rem);
    -ms-transform: translateY(-0.8rem);
    -o-transform: translateY(-0.8rem);
}

.w-state-item:hover .activity-more-info {
    background-color: #d4334d;
    color: #FFF;
}

.w-state-item:hover h3 {
    color: #231f20;
}

.state-work-hero-wrapper .heading-para-wrapper {
    margin: 10rem 0% 0;
}

@media (max-width: 991px) {
    .state-work-hero-wrapper .heading-para-wrapper {
        margin-top: 6rem;
    }
}

.state-work-hero-wrapper .heading-para-wrapper--farmer {
    margin-top: 0;
}

.state-image-wrapper {
    text-align: center;
    margin: 5rem 10% 2rem;
}

@media (max-width: 991px) {
    .state-image-wrapper {
        margin: 4rem 0% 2rem;
    }
}

.state-image-wrapper img {
    display: inline-block;
    vertical-align: top;
    margin: 0 1rem;
    width: 44%;
}

@media (max-width: 767px) {
    .state-image-wrapper img {
        width: 50%;
        margin: 0;
        margin-top: 2rem;
    }
}

.state-image-wrapper img:nth-child(2) {
    transform: translateY(-4rem);
}

.state-list-wrapper {
    margin-top: -7rem;
    position: relative;
    z-index: 10;
}

.challenges-wreapper {
    background-color: #d4334d;
    margin-top: 8rem;
    padding: 4rem 5% 24rem;
}

.challenge-list {
    margin: 0;
    margin-top: 1rem;
    display: inline-block;
    text-align: center;
}

@media (max-width: 991px) {
    .challenge-list {
        display: inline-flex;
        flex-wrap: wrap;
    }
}

.challenge-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5%;
    width: 19%;
}

@media (max-width: 991px) {
    .challenge-item {
        margin: 0;
        width: 50%;
        margin-top: 2rem;
    }
}

@media (max-width: 767px) {
    .challenge-item {
        width: 100%;
        margin-top: 2rem;
    }
    .challenge-item:first-child {
        margin-top: 0;
    }
}

.challenge-item img {
    display: block;
    width: 5rem;
    margin: 0 auto;
}

.challenge-item .challenge-content {
    text-align: center;
    margin-top: 1rem;
}

@media (max-width: 991px) {
    .challenge-item .challenge-content {
        max-width: 200px;
        margin: 0 auto;
        margin-top: 1rem;
    }
}

.challenge-item .challenge-content h3 {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: #FFF;
}

.challenge-item .challenge-content p {
    color: #FFF;
    font-family: 'Oxygen', sans-serif;
    font-size: .85rem;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.5em;
}

.where-we-work-page .progress-wrapper {
    background: transparent;
    margin-top: -20rem;
}

.where-we-work-page .progress-item,
.what-we-do-page .progress-item,
.about-us-page .progress-item,
.our-impact-page .progress-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-align: center;
    background-color: #FFF;
    display: inline-block;
/*    cursor: pointer;*/
    vertical-align: top;
    border: 1px solid #efefef;
    border-radius: .3rem;
    box-shadow: 0 0.4rem 0.5rem -0.01rem #ececec;
    margin: 0 .6rem;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    padding: 0 2rem 2rem;
    width: calc(25% - 5.2rem - 2px);
}

@media (max-width: 991px) {
    .where-we-work-page .progress-item,
    .what-we-do-page .progress-item,
    .about-us-page .progress-item,
    .our-impact-page .progress-item {
        margin-top: 2rem;
        width: 46%;
    }
    .where-we-work-page .progress-item.thumb:first-child,
    .what-we-do-page .progress-item.thumb:first-child,
    .about-us-page .progress-item.thumb:first-child,
    .our-impact-page .progress-item.thumb:first-child {
        margin-top: 2rem;
    }
}

@media (max-width: 767px) {
    .where-we-work-page .progress-item,
    .what-we-do-page .progress-item,
    .about-us-page .progress-item,
    .our-impact-page .progress-item {
        width: 100%;
        max-width: 300px;
    }
}

.where-we-work-page .progress-item img,
.what-we-do-page .progress-item img,
.about-us-page .progress-item img,
.our-impact-page .progress-item img {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: block;
    margin: 2rem auto 1.5rem;
    width: 70%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.where-we-work-page .progress-item h3,
.what-we-do-page .progress-item h3,
.about-us-page .progress-item h3,
.our-impact-page .progress-item h3 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    padding: 0 0 2rem;
    padding-bottom: 1rem;
    line-height: 1.3em;
    color: #234565;
    box-sizing: border-box;
    margin: 0 auto;
    line-height: 1em;
}

.where-we-work-page .progress-item h3.blue-colot-font,
.what-we-do-page .progress-item h3.blue-colot-font,
.about-us-page .progress-item h3.blue-colot-font,
.our-impact-page .progress-item h3.blue-colot-font {
    color: #052d6a;
}

.where-we-work-page .progress-item h3.green-colot-font,
.what-we-do-page .progress-item h3.green-colot-font,
.about-us-page .progress-item h3.green-colot-font,
.our-impact-page .progress-item h3.green-colot-font {
    color: #99a313;
}

.where-we-work-page .progress-item:hover,
.what-we-do-page .progress-item:hover,
.about-us-page .progress-item:hover,
.our-impact-page .progress-item:hover {
    border-color: #d4334d;
    box-shadow: 0 1.5rem 2.8rem -0.08rem #c6c6c6;
    transform: translateY(-0.8rem);
    -webkit-transform: translateY(-0.8rem);
    -moz-transform: translateY(-0.8rem);
    -ms-transform: translateY(-0.8rem);
    -o-transform: translateY(-0.8rem);
}

.where-we-work-page .progress-item:hover h3,
.what-we-do-page .progress-item:hover h3,
.about-us-page .progress-item:hover h3,
.our-impact-page .progress-item:hover h3 {
    color: #d4334d;
}

.what-we-do-page .progress-item,
.about-us-page .progress-item {
    width: calc(33.33% - 5.5rem - 2px);
}

.our-impact-page .progress-item {
    width: calc(50% - 5.2rem - 2px);
}

.about-us-page .progress-item {
    box-shadow: 0 0.4rem 0.5rem -0.01rem rgba(0, 0, 0, 0.15) !important;
}

.about-us-page .progress-item h3 {
    padding-bottom: .4rem;
}

.about-us-page .strategy-list {
    margin: 0 15%;
    display: inherit;
}

.about-us-page .progress-item img {
    width: 80%;
}

.what-we-do-page .progress-item img,
.our-impact-page .progress-item img {
    width: 6rem;
}

.our-impact-page .strategy-subtitle {
    margin-top: 3rem;
}

.our-impact-page .strategy-list {
    margin: 0 20%;
}

.local-partners-wrapper {
    text-align: center;
}

.local-partners-wrapper .local-partners-block {
    padding: 0 10%;
}

.local-partners-wrapper h3 {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    color: #231f20;
    text-align: right;
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.local-partners-wrapper .partners-name-wrapper {
    display: inline-block;
    vertical-align: middle;
    padding: .8rem 0 .8rem 2rem;
    margin-left: 2rem;
    border-left: 1px solid #ddd;
    width: calc(48% - 4rem - 2px);
}

.local-partners-wrapper .partners-name-wrapper span {
    text-align: left;
    font-family: 'Oxygen', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 1.5rem;
    width: 44%;
}

.local-partners-wrapper .partners-name-wrapper span:nth-child(n+2) {
    margin-bottom: 0;
}

.full-viewport {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
    transform: translateX(-2rem);
    -webkit-transform: translateX(-2rem);
}

.home-item.show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    z-index: 3;
}

.home-item .front-img {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.home-item.one .tree-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 18vw;
}

.home-item.one .tree-img.right {
    left: auto;
    right: 0;
}

.home-hero-para-wrapper {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 45vw;
    z-index: 5;
}

.home-hero-para-wrapper h3 {
    font-family: 'ProximaNovaCond-Light', sans-serif;
    font-weight: 300;
    color: #231f20;
    margin-bottom: .5rem;
    font-size: 2.8rem;
}

.home-hero-para-wrapper p {
    font-family: 'Oxygen', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
}

.home-hero-para-wrapper .btn {
    margin-top: 2rem;
}

.home-hero-para-wrapper.top {
    top: 12vw;
}

.home-hero-para-wrapper.center {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.home-hero-para-wrapper.white-color h3,
.home-hero-para-wrapper.white-color p {
    color: #FFF;
}

.home-item.three .front-img {
    width: auto;
    left: auto;
    right: 2vw;
    height: 75vh;
}

.home-icon-content-wrapper {
    position: absolute;
    bottom: 12vw;
    left: 5vw;
    width: 55%;
    z-index: 10;
}

.home-icon-content-wrapper h3 {
    font-family: 'ProximaNovaCond-Light', sans-serif;
    font-weight: 300;
    color: #FFF;
    margin-bottom: .5rem;
    font-size: 2.8rem;
}

.home-icon-content-wrapper span {
    font-size: 1rem;
    font-weight: 500;
    color: #FFF;
    display: block;
}

.home-icon-content-wrapper .home-icon-list {
    margin: 0;
    text-align: left;
    margin-top: 3rem;
}

.home-icon-content-wrapper .home-icon-item {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0 5% 0 0;
    width: 27%;
}

.home-icon-content-wrapper .home-icon-item img {
    display: block;
    width: 5rem;
    margin: auto;
}

.home-icon-content-wrapper .home-icon-item span {
    font-size: 1rem;
    font-weight: 400;
    color: #FFF;
    display: block;
    margin-top: 1rem;
    line-height: 1.3;
}

.home-item.six .front-img {
    left: auto;
    width: 60%;
}

.home-icon-content-wrapper.full-width {
    text-align: center;
    width: 90%;
    margin: auto;
}

.home-icon-content-wrapper.full-width .home-icon-wrapper {
    float: left;
    width: 45%;
    margin-top: 4rem;
}

.home-icon-content-wrapper.full-width .home-icon-wrapper h4 {
    color: #FFF;
    font-size: 1rem;
    font-weight: 500;
}

.home-icon-content-wrapper.full-width .home-icon-wrapper .home-icon-list {
    margin-top: 1rem;
}

.home-icon-content-wrapper.full-width .home-icon-wrapper.right {
    text-align: center;
    width: 45%;
    float: right;
}

.home-icon-content-wrapper.full-width .home-icon-wrapper.right .home-icon-list {
    text-align: right;
}

.home-hero-para-wrapper h5 {
    font-weight: 300;
    position: relative;
    font-size: 1.8rem;
    display: inline-block;
    margin: 1vw 0;
    color: #4f4f4f;
}

.home-hero-para-wrapper h5::before {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    display: block;
    content: ' ';
    left: -1rem;
    width: calc(100% + 2rem);
    background-image: url(../images/strike-trough.png);
    height: 20%;
    background-repeat-x: repeat;
    background-repeat: no-repeat;
}

.home-page #mapbox-container-home {
    height: 100vh;
}

.home-hero-para-wrapper.mid-left {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    text-align: left;
    right: auto;
    left: 8vw;
}

.home-item.twelve .front-img,
.home-item.thirteen .front-img {
    width: auto;
    height: 70%;
    left: auto;
    right: 15vw;
}

@keyframes cloudAnim {
    0% {
        left: 5rem;
    }
    50% {
        left: 10rem;
    }
    100% {
        left: 5rem;
    }
}

@keyframes cloudAnimRight {
    0% {
        right: 2rem;
    }
    50% {
        right: 10rem;
    }
    100% {
        right: 2rem;
    }
}

@keyframes boatAnim {
    0%,
    100% {
        right: 10%;
    }
    50% {
        right: 25%;
    }
}

@keyframes boatAnimAlt {
    0%,
    100% {
        right: 26%;
    }
    50% {
        right: 40%;
    }
}

html .overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease;
}

html .overlay.is-visible {
    visibility: visible;
    opacity: 1;
}

.logo-img-header {
    width: 5.5rem;
    position: absolute;
    left: 4rem;
    top: 0;
}

.header {
    background: transparent;
}

.header .logo {
    display: inline-block;
    height: 5.5rem;
    vertical-align: top;
}

.header .logo .logo-img {
    height: 100%;
}

.header.fixed,
.fixed .header {
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 40px 0px;
}

.header.fixed .logo,
.fixed .header .logo {
    position: absolute;
    top: 0;
    left: 4rem;
}

.header.fixed .menu-btn,
.fixed .header .menu-btn {
    top: 0;
}

.header.fixed .contact-social-block,
.fixed .header .contact-social-block {
    border-left: 1px solid #EFEFEF;
}

.header.fixed .header-contact-block,
.fixed .header .header-contact-block {
    right: 2rem;
}

.menu-btn {
    position: relative;
    color: white;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    height: 25px;
    width: 2rem;
    transition: 0.4s ease;
}

@media (min-width: 768px) {
    .menu-btn {
        right: auto;
        background-color: #0a1620;
        height: 3rem;
        width: 3rem;
    }
}

@media (min-width: 1200px) {
    .menu-btn {
        height: 4rem;
        width: 4rem;
    }
}

.menu-btn .ham-icon {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    display: block;
}

@media (min-width: 768px) {
    .menu-btn .ham-icon {
        height: 17px;
        width: 25px;
        display: block;
        margin: auto;
    }
}

.menu-btn .ham-icon .ham-line {
    background: white;
    width: 100%;
    height: 3px;
    display: block;
    position: relative;
    margin-top: 8px;
    transition: 0.4s ease;
}

@media (min-width: 768px) {
    .menu-btn .ham-icon .ham-line {
        height: 1px;
        margin-top: 7px;
    }
}

.menu-btn .ham-icon .ham-line:first-child {
    margin-top: 0;
}

.menu-btn .ham-line {
    transition: 0.4s ease;
}

.menu-btn .ham-line:first-child {
    transform: rotate(0) translate(0);
    transform-origin: top right;
}

.menu-btn .ham-line:nth-child(2) {
    transform: scaleX(1);
}

.menu-btn .ham-line:last-child {
    transform: rotate(0) translate(0);
    transform-origin: bottom right;
}

.menu-btn.is-open .ham-line {
    width: 20px;
}

.menu-btn.is-open .ham-line:first-child {
    transform: rotate(-45deg) translate(-5px, -4px);
    transform-origin: top right;
}

@media (min-width: 1200px) {
    .menu-btn.is-open .ham-line:first-child {
        transform: rotate(-45deg) translate(-3px, -2px);
    }
}

.menu-btn.is-open .ham-line:nth-child(2) {
    transform: scaleX(0);
}

.menu-btn.is-open .ham-line:last-child {
    transform: rotate(45deg) translate(-6px, 3px);
    transform-origin: bottom right;
}

@media (min-width: 1200px) {
    .menu-btn.is-open .ham-line:last-child {
        transform: rotate(45deg) translate(-4px, 1px);
    }
}

.navigation-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    transition: 0.4s ease-out;
}

@media (min-width: 768px) {
    .navigation-menu {
        height: 100%;
        width: 0%;
        transition: 0.4s ease;
    }
}

.navigation-menu .left-panel {
    background-color: #0a1620;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: .4s ease;
}

@media (min-width: 768px) {
    .navigation-menu .left-panel {
        width: 60vw;
    }
}

@media (min-width: 1200px) {
    .navigation-menu .left-panel {
        width: 35vw;
    }
}

.navigation-menu .social-links-wrapper {
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    margin-left: 1rem;
}

.navigation-menu .social-links-wrapper__text {
    color: #808080;
    display: block;
    text-align: center;
    padding-bottom: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0px;
}

@media (min-width: 768px) {
    .navigation-menu .social-links-wrapper__text {
        text-align: left;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: capitalize;
    }
}

@media (min-width: 768px) {
    .navigation-menu .social-links-wrapper {
        transform: none;
        left: 2.5rem;
    }
}

.navigation-menu .social-links-wrapper .social-item-link {
    height: 2rem;
    width: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
    color: white;
    text-decoration: none;
}

@media (min-width: 768px) {
    .navigation-menu .social-links-wrapper .social-item-link {
        margin-left: 16px;
    }
}

.navigation-menu .social-links-wrapper .social-item-link:first-child {
    margin-left: 0;
}

.navigation-menu .social-links-wrapper .social-item-link img {
    height: 20px;
}

@media (min-width: 768px) {
    .navigation-menu .social-links-wrapper .social-item-link img {
        height: 15px;
    }
}

.navigation-menu .social-link-list {
    opacity: .3;
}

.navigation-menu .right-panel .color-strip {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 11;
    display: none;
}

@media (min-width: 768px) {
    .navigation-menu .right-panel {
        background: #808080;
        position: absolute;
        left: 60%;
        top: 0;
        height: 100%;
        width: 40%;
        z-index: 2;
    }
}

@media (min-width: 1200px) {
    .navigation-menu .right-panel {
        left: 35%;
        width: 30%;
    }
}

@media (min-width: 768px) {
    .navigation-menu .right-panel .imgs-wrapper {
        height: 100%;
        width: 100%;
        position: relative;
    }
}

.navigation-menu .right-panel .nav-img {
    transition: .4s ease;
}

@media (min-width: 768px) {
    .navigation-menu .right-panel .nav-img {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
    }
}

@media (min-width: 768px) {
    .navigation-menu .right-panel .nav-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: relative;
        object-position: center;
    }
}

.navigation-menu .right-panel .nav-img.is-visible {
    opacity: 1;
    z-index: 1;
}

.navigation-menu .address-block-nav {
    display: none;
}

@media (min-width: 768px) {
    .navigation-menu .address-block-nav {
        color: #808080;
        left: 2.5rem;
        position: absolute;
        bottom: 6rem;
        opacity: 0;
        width: calc(100% - 5rem);
        line-height: 1.5;
        padding-bottom: 2rem;
        display: flex;
        align-items: baseline;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .navigation-menu .address-block-nav img {
        display: inline-block;
        position: relative;
        top: 3px;
        opacity: .7;
        filter: invert(80%);
    }
    .navigation-menu .address-block-nav .address-text {
        font-size: .85rem;
        display: inline-block;
        margin-left: 10px;
    }
}

.navigation-menu .menu-items-wrapper {
    position: relative;
    top: 15vh;
    text-align: center;
    margin: 0 0 0 1rem;
}

@media (min-width: 768px) {
    .navigation-menu .menu-items-wrapper {
        text-align: left;
        top: 7rem;
    }
}

@media (min-width: 1200px) {
    .navigation-menu .menu-items-wrapper {
        padding-top: 1rem;
        top: 0;
        margin-top: 7rem;
        margin-left: 2.5rem;
        margin-right: 2.5rem;
        border-bottom: 1px solid #232e38;
        padding-bottom: 2rem;
    }
}

.navigation-menu .menu-item {
    padding: .4rem 0;
    opacity: 0;
    transform: translateY(20px);
}

@media (min-width: 768px) {
    .navigation-menu .menu-item {
        transform: none;
        padding: 0;
        opacity: 1;
        margin: .6rem 2rem .6rem 1rem;
        overflow: hidden;
        padding-bottom: .2rem;
        display: inline-block;
        width: 70%;
        position: relative;
    }
}

.navigation-menu .menu-item__link {
    color: white;
    text-decoration: none;
    padding: 0 .5rem;
    display: inline-block;
    font-size: 1.5rem;
    position: relative;
    z-index: 1;
    font-weight: 900;
}

.navigation-menu .menu-item__link:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0%;
    height: 1rem;
    content: "";
    z-index: -1;
    transition: .2s ease;
}

@media (min-width: 768px) {
    .navigation-menu .menu-item__link:before {
        height: .6rem;
        bottom: -3px;
    }
}

.navigation-menu .menu-item__link:hover:before {
    transition: .4s ease-out;
    width: 100%;
}

.navigation-menu .menu-item__link--home:before {
    background: #ea8530;
}

.navigation-menu .menu-item__link--who:before {
    background: #d4334d;
}

.navigation-menu .menu-item__link--what:before {
    background: #efc329;
}

.navigation-menu .menu-item__link--work:before {
    background: #00716f;
}

.navigation-menu .menu-item__link--contact:before {
    background: #0086aa;
}

.navigation-menu .menu-item__link--impact:before {
    background: #00716f;
}

.navigation-menu.is-show {
    height: 100%;
}

@media (min-width: 768px) {
    .navigation-menu.is-show {
        width: 100%;
    }
}

.navigation-menu.is-show .menu-item {
    opacity: 1;
    transform: translateY(0px);
    transition: .4s .4s ease;
}

.navigation-menu.is-show .menu-item:nth-child(2) {
    transition-delay: .6s;
}

.navigation-menu.is-show .menu-item:nth-child(3) {
    transition-delay: .8s;
}

.navigation-menu.is-show .menu-item:nth-child(4) {
    transition-delay: 1s;
}

.navigation-menu.is-show .menu-item:nth-child(5) {
    transition-delay: 1.2s;
}

.navigation-menu.is-show .menu-item:nth-child(6) {
    transition-delay: 1.4s;
}

@media (min-width: 768px) {
    .navigation-menu.is-show .menu-item__link {
        opacity: 1;
        transform: translateY(0px);
        transition: .4s .4s ease;
    }
}

.navigation-menu.is-show .social-links-wrapper {
    opacity: 1;
    transition: .4s 1s ease;
}

@media (min-width: 768px) {
    .navigation-menu.is-show .social-links-wrapper {
        transition-delay: .4s;
    }
}

@media (min-width: 768px) {
    .navigation-menu.is-show .address-block-nav {
        opacity: 1;
        transition: .4s .4s ease;
    }
}

.header-donate-btn {
    display: inline-flex;
    font-size: .85rem;
    background-color: #d4334d;
    color: #FFF;
}

.header-contact-block {
    display: none;
}

@media (min-width: 768px) {
    .header-contact-block {
        display: inline-flex;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 2rem;
    }
    .header-contact-block__btn {
        text-decoration: none;
        color: white;
        margin-right: 1rem;
        border: 1px solid #EFEFEF;
        background: transparent;
        font-size: .85rem;
    }
    .header-contact-block .contact-social-block {
        display: inline-block;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
        padding-left: 1.5rem;
        margin-left: .5rem;
    }
    .header-contact-block .contact-social-block__link {
        margin-right: 10px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        background: #0a1620;
        color: white;
        text-decoration: none;
    }
    .header-contact-block .contact-social-block__link .social-link {
        height: 15px;
    }
    .header-contact-block .contact-social-block__link:last-child {
        margin-right: 0px;
    }
}

.header.fixed .header-contact-block__btn,
.fixed .header .header-contact-block__btn {
    border-color: #234565;
    color: #234565;
}

.home-page .navigation-menu .menu-item__link--home:before {
    width: 100%;
}

@media (min-width: 768px) {
    .home-page .navigation-menu .right-panel .nav-img--home {
        opacity: 1;
    }
}

.home-page .home-video-wrapper {
    margin: 0;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.6);
}

.about-us-page .navigation-menu .menu-item__link--who:before {
    width: 100%;
}

@media (min-width: 768px) {
    .about-us-page .navigation-menu .right-panel .nav-img--who {
        opacity: 1;
    }
}

.what-we-do-page .navigation-menu .menu-item__link--what:before {
    width: 100%;
}

@media (min-width: 768px) {
    .what-we-do-page .navigation-menu .right-panel .nav-img--what {
        opacity: 1;
    }
}

.where-we-work-page .navigation-menu .menu-item__link--work:before {
    width: 100%;
}

@media (min-width: 768px) {
    .where-we-work-page .navigation-menu .right-panel .nav-img--work {
        opacity: 1;
    }
}

.contact-us-page .navigation-menu .menu-item__link--contact:before {
    width: 100%;
}

@media (min-width: 768px) {
    .contact-us-page .navigation-menu .right-panel .nav-img--contact {
        opacity: 1;
    }
}

.our-impact-page .navigation-menu .menu-item__link--impact:before {
    width: 100%;
}

@media (min-width: 768px) {
    .our-impact-page .navigation-menu .right-panel .nav-img--impact {
        opacity: 1;
    }
}

.activities-list--video-thumbs {
    text-align: center;
    position: relative;
    margin: 2rem 15% 3rem;
    display: flex;
}

.video-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: .4s opacity ease, 0s .4s height, 0s .4s visibility;
}

.video-modal-wrapper .close-v-modal {
    float: right;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: 1rem;
    background: black;
}

.video-modal-wrapper .video-modal {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    margin-top: -10%;
    transition: .4s ease;
}

.video-modal-wrapper.is-show {
    opacity: 1;
    height: 100%;
    visibility: visible;
    transition: .4s opacity ease;
}

.video-modal-wrapper.is-show .video-modal {
    opacity: 1;
    margin-top: 0%;
}

.video-modal-wrapper .modal-videos {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    display: block;
}

.video-modal-wrapper .modal-videos#modal-v-1 {
    position: relative;
}

.video-modal-wrapper .modal-videos.is-current {
    opacity: 1;
}

.js-section-link {
    cursor: pointer;
}

.home-page .hero-wrapper,
.what-we-do-page .hero-wrapper,
.about-us-page .hero-wrapper,
.our-impact-page .hero-wrapper,
.contact-us-page .hero-wrapper {
    position: relative;
}

.home-page .hero-img,
.what-we-do-page .hero-img,
.about-us-page .hero-img,
.our-impact-page .hero-img,
.contact-us-page .hero-img {
    display: block;
    width: 100%;
}

.home-page .hero-caption,
.what-we-do-page .hero-caption,
.about-us-page .hero-caption,
.our-impact-page .hero-caption,
.contact-us-page .hero-caption {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    margin-top: 1rem;
    left: 8%;
    z-index: 11;
    width: 37%;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}

.home-page .hero-caption h1,
.what-we-do-page .hero-caption h1,
.about-us-page .hero-caption h1,
.our-impact-page .hero-caption h1,
.contact-us-page .hero-caption h1 {
    color: #FFF;
    font-weight: 700;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    text-transform: uppercase;
}

.home-page .hero-caption h1 span,
.what-we-do-page .hero-caption h1 span,
.about-us-page .hero-caption h1 span,
.our-impact-page .hero-caption h1 span,
.contact-us-page .hero-caption h1 span {
    position: relative;
    font-family: 'danielbk', sans-serif;
    text-transform: none;
    line-height: .7em;
}

.home-page .hero-caption h1 span img,
.what-we-do-page .hero-caption h1 span img,
.about-us-page .hero-caption h1 span img,
.our-impact-page .hero-caption h1 span img,
.contact-us-page .hero-caption h1 span img {
    display: block;
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    width: 100%;
    transform: rotate(-1deg);
    z-index: -1;
}

.home-page .hero-color-strip,
.what-we-do-page .hero-color-strip,
.about-us-page .hero-color-strip,
.our-impact-page .hero-color-strip,
.contact-us-page .hero-color-strip {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
}

.home-page .hero-caption p,
.what-we-do-page .hero-caption p,
.about-us-page .hero-caption p,
.our-impact-page .hero-caption p,
.contact-us-page .hero-caption p {
    color: #FFF;
    font-size: 1.25rem;
}

.home-page .home-strategy-img,
.what-we-do-page .home-strategy-img,
.about-us-page .home-strategy-img,
.our-impact-page .home-strategy-img,
.contact-us-page .home-strategy-img {
    display: block;
    position: relative;
    width: 40%;
}

.home-page .home-about-wrapper,
.what-we-do-page .home-about-wrapper,
.about-us-page .home-about-wrapper,
.our-impact-page .home-about-wrapper,
.contact-us-page .home-about-wrapper {
    padding: 8rem 12% 4rem;
}

.home-page .home-about-wrapper .btn,
.home-page .empower-wrapper .btn,
.home-page .active-left-wrapper .btn,
.what-we-do-page .home-about-wrapper .btn,
.what-we-do-page .empower-wrapper .btn,
.what-we-do-page .active-left-wrapper .btn,
.about-us-page .home-about-wrapper .btn,
.about-us-page .empower-wrapper .btn,
.about-us-page .active-left-wrapper .btn,
.our-impact-page .home-about-wrapper .btn,
.our-impact-page .empower-wrapper .btn,
.our-impact-page .active-left-wrapper .btn,
.contact-us-page .home-about-wrapper .btn,
.contact-us-page .empower-wrapper .btn,
.contact-us-page .active-left-wrapper .btn {
    display: block;
    text-align: center;
    width: 10rem;
    margin: 3rem auto 0;
    color: white;
    background: #d4334d;
}

.home-page .empower-wrapper .btn,
.what-we-do-page .empower-wrapper .btn,
.about-us-page .empower-wrapper .btn,
.our-impact-page .empower-wrapper .btn,
.contact-us-page .empower-wrapper .btn {
    margin: 3.5rem auto 0;
}

.home-page .active-left-wrapper .btn,
.what-we-do-page .active-left-wrapper .btn,
.about-us-page .active-left-wrapper .btn,
.our-impact-page .active-left-wrapper .btn,
.contact-us-page .active-left-wrapper .btn {
    margin: 3rem 0 0;
}

.home-page .home-about-wrapper .hero-caption,
.what-we-do-page .home-about-wrapper .hero-caption,
.about-us-page .home-about-wrapper .hero-caption,
.our-impact-page .home-about-wrapper .hero-caption,
.contact-us-page .home-about-wrapper .hero-caption {
    position: relative;
    float: left;
    top: auto;
    transform: none !important;
    left: auto;
    width: 33rem;
    text-shadow: none;
    margin: 0;
    margin-right: 4rem;
}

.home-page .home-about-para,
.what-we-do-page .home-about-para,
.about-us-page .home-about-para,
.our-impact-page .home-about-para,
.contact-us-page .home-about-para {
    color: #888;
    float: left;
    line-height: 1.4;
    width: calc(100% - 37rem);
    margin-top: .5rem;
}

.home-page .home-about-para span,
.home-page .heading-para-highlight,
.what-we-do-page .home-about-para span,
.what-we-do-page .heading-para-highlight,
.about-us-page .home-about-para span,
.about-us-page .heading-para-highlight,
.our-impact-page .home-about-para span,
.our-impact-page .heading-para-highlight,
.contact-us-page .home-about-para span,
.contact-us-page .heading-para-highlight {
    display: block;
    font-size: 1.5rem;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    margin-bottom: 2rem;
    color: #234565;
    letter-spacing: normal;
    text-transform: none;
}

.home-page .home-about-wrapper .hero-caption h1,
.what-we-do-page .home-about-wrapper .hero-caption h1,
.about-us-page .home-about-wrapper .hero-caption h1,
.our-impact-page .home-about-wrapper .hero-caption h1,
.contact-us-page .home-about-wrapper .hero-caption h1 {
    color: #234565;
    text-transform: none;
}

.home-page .home-about-wrapper .hero-caption p,
.what-we-do-page .home-about-wrapper .hero-caption p,
.about-us-page .home-about-wrapper .hero-caption p,
.our-impact-page .home-about-wrapper .hero-caption p,
.contact-us-page .home-about-wrapper .hero-caption p {
    color: #888;
}

.home-page .empower-wrapper,
.what-we-do-page .empower-wrapper,
.about-us-page .empower-wrapper,
.our-impact-page .empower-wrapper,
.contact-us-page .empower-wrapper {
    margin-top: 7rem;
}

.home-page .empower-wrapper .empower-block,
.what-we-do-page .empower-wrapper .empower-block,
.about-us-page .empower-wrapper .empower-block,
.our-impact-page .empower-wrapper .empower-block,
.contact-us-page .empower-wrapper .empower-block {
    position: relative;
}

.home-page .progress-wrapper .heading-para-wrapper,
.what-we-do-page .progress-wrapper .heading-para-wrapper,
.about-us-page .progress-wrapper .heading-para-wrapper,
.our-impact-page .progress-wrapper .heading-para-wrapper,
.contact-us-page .progress-wrapper .heading-para-wrapper {
    background-color: #d63550;
    padding-top: 5rem;
    padding-bottom: 11rem;
}

.home-page .progress-wrapper .heading-para-wrapper.no-padding-bottom,
.what-we-do-page .progress-wrapper .heading-para-wrapper.no-padding-bottom,
.about-us-page .progress-wrapper .heading-para-wrapper.no-padding-bottom,
.our-impact-page .progress-wrapper .heading-para-wrapper.no-padding-bottom,
.contact-us-page .progress-wrapper .heading-para-wrapper.no-padding-bottom {
    padding-bottom: 0;
}

.home-page .progress-wrapper,
.what-we-do-page .progress-wrapper,
.about-us-page .progress-wrapper,
.our-impact-page .progress-wrapper,
.contact-us-page .progress-wrapper {
    margin-top: 7rem;
    padding-top: 0;
    padding-bottom: 0;
}

.home-page .progress-list,
.what-we-do-page .progress-list,
.about-us-page .progress-list,
.our-impact-page .progress-list,
.contact-us-page .progress-list {
    margin: -10rem 5% 0;
    display: flex;
}

.home-page .where-we-work-page,
.what-we-do-page .where-we-work-page,
.about-us-page .where-we-work-page,
.our-impact-page .where-we-work-page,
.contact-us-page .where-we-work-page {
    position: relative;
    z-index: 11;
    background: #f7f7f7;
}

.home-page .progress-wrapper .hero-content-subtitle,
.what-we-do-page .progress-wrapper .hero-content-subtitle,
.about-us-page .progress-wrapper .hero-content-subtitle,
.our-impact-page .progress-wrapper .hero-content-subtitle,
.contact-us-page .progress-wrapper .hero-content-subtitle {
    color: #FFF;
    opacity: .7;
}

.home-page .home-video-wrapper,
.what-we-do-page .home-video-wrapper,
.about-us-page .home-video-wrapper,
.our-impact-page .home-video-wrapper,
.contact-us-page .home-video-wrapper {
    position: relative;
    height: 80vh;
    overflow: hidden;
}

.home-page .home-video-wrapper video,
.what-we-do-page .home-video-wrapper video,
.about-us-page .home-video-wrapper video,
.our-impact-page .home-video-wrapper video,
.contact-us-page .home-video-wrapper video {
    display: block;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    width: 100%;
}

.home-page .active-state-wrapper,
.what-we-do-page .active-state-wrapper,
.about-us-page .active-state-wrapper,
.our-impact-page .active-state-wrapper,
.contact-us-page .active-state-wrapper {
    box-shadow: 0 1rem 0.7rem 0.1rem rgba(0, 0, 0, 0.1);
    z-index: 5;
}

.home-page .home-video-wrapper .heading-para-wrapper,
.what-we-do-page .home-video-wrapper .heading-para-wrapper,
.about-us-page .home-video-wrapper .heading-para-wrapper,
.our-impact-page .home-video-wrapper .heading-para-wrapper,
.contact-us-page .home-video-wrapper .heading-para-wrapper {
    text-align: center;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    left: 0;
    right: 0;
    margin: -1rem auto 0;
    z-index: 5;
}

.home-page .home-video-wrapper .heading-para-wrapper h3,
.home-page .home-video-wrapper .heading-para-wrapper p,
.what-we-do-page .home-video-wrapper .heading-para-wrapper h3,
.what-we-do-page .home-video-wrapper .heading-para-wrapper p,
.about-us-page .home-video-wrapper .heading-para-wrapper h3,
.about-us-page .home-video-wrapper .heading-para-wrapper p,
.our-impact-page .home-video-wrapper .heading-para-wrapper h3,
.our-impact-page .home-video-wrapper .heading-para-wrapper p,
.contact-us-page .home-video-wrapper .heading-para-wrapper h3,
.contact-us-page .home-video-wrapper .heading-para-wrapper p {
    color: #FFF;
}

.home-page .home-video-wrapper .heading-para-wrapper h3,
.what-we-do-page .home-video-wrapper .heading-para-wrapper h3,
.about-us-page .home-video-wrapper .heading-para-wrapper h3,
.our-impact-page .home-video-wrapper .heading-para-wrapper h3,
.contact-us-page .home-video-wrapper .heading-para-wrapper h3 {
    font-size: 3rem;
}

.home-page .home-video-wrapper .heading-para-wrapper p,
.what-we-do-page .home-video-wrapper .heading-para-wrapper p,
.about-us-page .home-video-wrapper .heading-para-wrapper p,
.our-impact-page .home-video-wrapper .heading-para-wrapper p,
.contact-us-page .home-video-wrapper .heading-para-wrapper p {
    margin-bottom: 0;
}

.home-page .play-btn-icon,
.what-we-do-page .play-btn-icon,
.about-us-page .play-btn-icon,
.our-impact-page .play-btn-icon,
.contact-us-page .play-btn-icon {
    display: block;
    cursor: pointer;
    width: 8rem;
    margin: 0 auto 1rem;
}

.loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.loading-shape-wrapper div {
    transition: all .7s;
    position: absolute;
    background: #FFF;
    width: 100%;
    height: 50vh;
    left: 0;
    top: 0;
    transform: translateY(0);
}

.loading-shape-wrapper div:last-child {
    top: auto;
    bottom: 0;
}

.loading-shape-wrapper.remove div {
    transform: translateY(-50vh);
}

.loading-shape-wrapper.remove div:last-child {
    transform: translateY(50vh);
}

.loading-info {
    transition: all .8s;
    position: absolute;
    bottom: 40vh;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 5;
}

.loading-logo {
    display: block;
    width: 4rem;
    margin: 0 auto 2rem;
    transition: all .8s;
    opacity: 1;
    transform: translateY(0);
}

.loading-words {
    transition: all .8s;
    opacity: 1;
    transform: translateY(0);
}

.loading-words div {
    position: relative;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 8rem;
    height: 4rem;
}

.loading-words span {
    font-size: 1.5rem;
    color: #888;
    font-weight: 600;
    letter-spacing: .3rem;
}

.loading-words div em {
    opacity: 0;
    position: absolute;
    letter-spacing: -0.15rem;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.loading-words div em.show {
    opacity: 1;
}

.loading-line {
    display: block;
    transition: all .8s;
    height: 1px;
    width: 5vw;
    margin: 6rem auto 0;
    background: #00447c;
}

.loading-line.extend {
    width: 100vw;
}

.loading-words div em:nth-child(1),
.loading-words div em:nth-child(6),
.loading-words div em:nth-child(11) {
    color: #ea8530;
}

.loading-words div em:nth-child(2),
.loading-words div em:nth-child(7) {
    color: #d4334d;
}

.loading-words div em:nth-child(3),
.loading-words div em:nth-child(8) {
    color: #efc329;
}

.loading-words div em:nth-child(4),
.loading-words div em:nth-child(9) {
    color: #00716f;
}

.loading-words div em:nth-child(5),
.loading-words div em:nth-child(10) {
    color: #0086aa;
}

.loading-wrapper.remove .loading-words,
.loading-wrapper.remove .loading-logo {
    opacity: 0;
}

.loading-wrapper.remove .loading-info {
    bottom: 50vh;
}

.what-we-do-page .progress-wrapper {
    margin-top: 0;
}

.login-list-wrapper h3 {
    color: #FFF;
    font-size: 1.8rem;
}

.login-list-wrapper p {
    color: #FFF;
    opacity: .8;
}

.button-wrapper--our-progress {
    padding: 3rem 0 5rem;
}

.about-us-page .home-about-wrapper {
    padding-bottom: 1rem;
}

.static-img-wrapper {
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 75vh;
}

.team-list-wrapper {
    background: #d63550;
    padding: 10rem 0 5rem;
}

.about-us-page .donation-wrapper {
    padding: 5rem 12% 6rem;
}

.donation-logos {
    float: left;
    width: calc(100% - 37rem);
}

.donation-partners {
    font-size: .85rem;
    line-height: 1.7;
}

.donation-logos img {
    display: inline-block;
    vertical-align: middle;
    height: 4.5rem;
    margin: 0 1rem 2rem;
}

.donation-logos img.wide-img {
    height: auto;
    width: 10rem;
}

.donation-logos span {
    display: block;
    color: #234565;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.where-we-work-page .active-state-wrapper h3 {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    width: auto;
    font-size: 3.4rem;
    color: #ffffff;
    text-transform: uppercase;
    line-height: normal;
}

.where-we-work-page .active-left-wrapper {
    left: 7%;
}

.where-we-work-page .active-left-wrapper .heading-para-wrapper {
    width: 104%;
}

.where-we-work-page .active-left-wrapper {
    position: relative;
    top: auto;
    transform: none !important;
    margin-top: 8rem !important;
    margin-left: 7%;
    left: auto;
    float: left;
}

.where-we-work-page .active-right-wrapper {
    margin-left: 0;
    float: right;
}

.where-we-work-page .active-state-wrapper,
.our-impact-page .active-state-wrapper {
    background-color: #1a2529;
    padding-bottom: 4rem;
}

.where-we-work-page .where-stats-wrapper,
.our-impact-page .where-stats-wrapper {
    background-color: #1a2529;
}

.where-we-work-page .where-stats-wrapper .heading-para-wrapper h3,
.our-impact-page .where-stats-wrapper .heading-para-wrapper h3 {
    color: #FFF;
}

.where-we-work-page .active-left-wrapper,
.our-impact-page .active-left-wrapper {
    margin-top: -1rem;
}

.where-we-work-page .heading-para-wrapper--map-text b,
.our-impact-page .heading-para-wrapper--map-text b {
    color: #FFF;
    opacity: .9;
}

.where-we-work-page .where-stats-list,
.our-impact-page .where-stats-list {
    margin: 4rem 10% 0;
}

.where-we-work-page .where-stats-item,
.our-impact-page .where-stats-item {
    text-align: center;
    float: left;
    margin: 0 .5rem;
    width: calc(16.6667% - 1rem);
}

.where-we-work-page .where-stats-item em,
.our-impact-page .where-stats-item em {
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    color: #FFF;
    font-size: 2rem;
    display: block;
    opacity: .8;
}

.where-we-work-page .where-stats-item span,
.our-impact-page .where-stats-item span {
    font-size: .85rem;
    color: #888;
}

.where-we-work-page .heading-para-wrapper-col,
.our-impact-page .heading-para-wrapper-col {
    padding: 6rem 12% 0;
}

.local-partner-opening-wrapper {
    position: relative;
    background: #FFF;
    padding: 5rem 12% 0;
}

.local-partner-opening-wrapper h3 {
    position: relative;
    font-size: 2em;
    font-weight: 600;
    margin: 0 0 1em;
}

.-opening-wrapper h3 span {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    margin-left: 1em;
    height: 1px;
    background: #444;
    opacity: .5;
}

.local-partner-title {
    position: relative;
}

.local-partner-list {
    text-align: center;
    margin: 0 10% 6rem;
}

.local-partner-item {
    padding: 1.8em 1em 1em;
    border-bottom: 1px solid #D8D8D8;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.local-partner-title h4 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #231f20;
    font-family: 'ProximaNovaCond-Semibold', sans-serif;
    font-weight: 700;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.local-partner-item:hover {
    border-bottom-color: #e84331;
}

.local-partner-item.show {
    border-bottom-color: #8a8a8a;
    color: #231f20;
}

.local-partner-border-img {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 9;
    bottom: 0;
    left: 0;
}

.local-partner-item .contact-item {
    margin-top: 1.5em;
    margin-bottom: 1em;
    display: inline-block;
    vertical-align: middle;
    padding: .8em 0;
}

.local-partner-title span {
    position: relative;
    display: inline-block;
    color: #888;
    color: #d4334d;
    font-weight: 600;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

.local-partner-title span::after {
    background-color: #888;
    display: block;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: -1rem;
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
}

.impact-icon {
    display: block;
    width: 6rem;
    margin: 0 auto 1rem;
}

.our-impact-page .empower-list-wrapper {
    margin-bottom: 6rem;
}

.heading-impact-wrapper h3 {
    width: 40%;
    margin: auto;
}

.local-partner-title em {
    display: block;
    color: #231f20;
    font-size: 3rem;
    margin-bottom: .4rem;
}

.impact-list {
    text-align: left;
    margin: 3rem 15% 5rem;
}

.impact-list h4 {
    color: #d6304a;
    text-transform: capitalize;
}

.impact-list .local-partner-title span {
    color: #888;
    text-transform: capitalize;
    width: 33%;
    margin-right: 0;
    vertical-align: top;
}

.impact-list .local-partner-title span::after {
    display: none;
}

.contact-us-page .hero-content-wrapper {
    text-align: center;
    bottom: 10rem;
    left: 0;
    right: 0;
    margin: auto;
}

.contact-us-page .hero-content-wrapper h3 {
    width: auto;
}

.home-page .empower-wrapper {
    margin-top: 5rem;
    padding-bottom: 6rem;
}

.home-page .progress-wrapper {
    margin-top: 3rem;
}

.home-page .active-state-wrapper {
    border-top: 1px solid #EFEFEF;
    z-index: 1;
}

.video-player {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.video-player iframe {
    margin: 10vh auto;
    height: 80vh;
    display: block;
    width: 80vw;
}

.video-player .fa-close {
    position: absolute;
    font-size: 2rem;
    padding: 1rem 1.2rem;
    color: #FFF;
    border-radius: 50%;
    display: block;
    background: #d4334d;
    top: -1rem;
    right: 8vw;
    cursor: pointer;
}

.program-strategy-wrapper {
    z-index: 5;
    padding-bottom: 3rem !important;
}

.program-strategy-wrapper .empower-block {
    text-align: left;
    display: inline-block;
    width: 50%;
    margin: 0;
    vertical-align: top;
    margin-right: 3rem;
}

.program-strategy-wrapper .thp-container {
    padding: 0 10%;
}

.program-strategy-wrapper .btn {
    margin: -1rem 0 0 !important;
}

.program-strategy-wrapper .heading-para-wrapper {
    text-align: left;
    margin: 0;
}

.program-strategy-wrapper .heading-para-wrapper p {
    margin: 1rem 0 3rem;
    width: 95%;
}

.program-strategy-wrapper .video-wrapper {
    position: relative;
    display: inline-block;
    top: 0;
    width: 44%;
    border-radius: .3rem;
    overflow: hidden;
    transform: translateY(6rem);
    -webkit-transform: translateY(6rem);
    -moz-transform: translateY(6rem);
    -ms-transform: translateY(6rem);
    -o-transform: translateY(6rem);
    box-shadow: 0 0.5rem 2rem -0.07rem rgba(0, 0, 0, 0.3);
}

.program-strategy-wrapper .play-btn-icon {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    left: 0;
    right: 0;
    margin: auto;
    width: 5rem;
}

.empower-col-wrapper .thp-container {
    padding: 0 12% 0;
}

.empower-col-wrapper .heading-para-wrapper p {
    margin: 1rem auto 0;
    width: 100%;
}

.empower-col-wrapper .heading-para-wrapper,
.empower-col-wrapper .empower-list-wrapper {
    text-align: left;
    float: left;
    width: calc(50% - 4rem);
    margin: 4rem 4rem 0 0;
}

.empower-col-wrapper .heading-para-wrapper img {
    display: block;
    width: 80%;
    margin: 2rem auto 0;
}

.empower-col-wrapper .empower-list-wrapper {
    width: 50%;
    margin-right: 0;
    margin-top: 3rem;
}

.empower-col-wrapper .empower-item-content {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: 1rem;
    width: 80%;
}

.empower-col-wrapper .empower-list {
    margin: 0;
}

.empower-col-wrapper .empower-item {
    display: block;
    width: 100%;
    margin-top: 2.5rem;
}

.empower-col-wrapper .empower-item img {
    width: 3rem;
}

.empower-col-wrapper .empower-item p {
    width: 100%;
    max-width: 75%;
}

.team-member-modal {
    background-color: #FFF;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: .5rem;
    width: 65%;
    padding: 3rem;
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto;
}

.team-member-modal h3 {
    font-weight: 700;
    line-height: .9;
    font-size: 3rem;
    color: #4f4f4f;
}

.team-member-modal span {
    display: block;
    font-weight: 500;
    margin-top: -0.5rem;
    color: #d4334d;
    font-size: .85rem;
}

.team-member-modal p {
    font-size: 1rem;
    line-height: 1.5;
    color: #676767;
    margin-top: 1rem;
}

.team-member-modal .fa-times {
    position: absolute;
    font-size: 2rem;
    padding: 1rem 1.2rem;
    color: #FFF;
    border-radius: 50%;
    display: block;
    background: #d4334d;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}

.team-member-modal .team-member-details {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #DEDEDE;
}

.team-member-modal .team-member-details:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.impact-wrapper {
    padding: 0 10% 0 20%;
}

.impact-wrapper .heading-para-wrapper,
.impact-wrapper .empower-list {
    text-align: left;
    float: left;
    width: 40%;
    margin-right: 4rem;
}

.impact-wrapper .impact-icon {
    margin: 0 0 1rem;
}

.impact-wrapper .heading-para-wrapper h3,
.impact-wrapper .heading-para-wrapper p {
    width: 100%;
}

.impact-wrapper .empower-list {
    margin: 0;
    width: calc(60% - 4rem);
}

.impact-wrapper .empower-item {
    display: block;
    text-align: left;
    margin: 2rem 0 0;
    width: 100%;
}

.impact-wrapper .empower-item img {
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
    width: 5rem;
}

.impact-wrapper .empower-item p {
    max-width: 80%;
    width: 80%;
}

.impact-wrapper .empower-item h3 {
    margin: 0 0 .5rem;
}

.impact-wrapper .empower-item-content {
    display: inline-block;
    vertical-align: top;
    width: 80%;
}

.impact-circle {
    display: block;
    width: 70%;
    margin: 0 15%;
}

.bottom-image-wrapper {
    position: relative;
    margin-top: 4rem;
}

.bottom-image-wrapper .heading-para-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    padding: 3rem 10% 18vh;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.72));
}

.bottom-image-wrapper h3 {
    color: #FFF;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.58);
    font-size: 2.5rem;
}

.bottom-image-wrapper p {
    color: #dcdcdc;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.58);
}

.page-title {
    margin: 5rem 10% 0;
    font-size: 2.5rem;
    font-weight: 800;
    text-align: center;
}

.resources-title {
    display: inline-block;
    text-align: left;
    font-weight: 700;
    font-size: 1.25rem;
    color: #FFF;
    padding: 1rem 2rem 1rem 6rem;
    margin-bottom: 0;
    background: #4d4d4d;
    margin-top: 5rem;
}

.resources-list {
    text-align: center;
    margin: 4rem 8% -8rem;
}

.resource-year {
    text-align: center;
    display: block;
    padding-top: 5rem;
    border-top: 1px solid #DCDCDC;
    width: 30rem;
    margin: 4rem auto 0;
}

.icon-download {
    width: 4rem !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.resources-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: inline-block;
    background-color: #F9F9F9;
    margin: 0 1rem 8rem;
    box-sizing: border-box;
    width: calc(24.5% - 2rem);
    word-break: break-word;
    border-radius: .3rem;
    box-shadow: 0 0.3rem 1rem -0.07rem rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    border: 1px solid #ddd;
}

.resources-item img {
    margin: -2rem auto 0;
    display: block;
    width: 60%;
    border: 1px solid #c7c7c7;
    box-shadow: 0 0.2rem 0.5rem -0.07rem rgba(0, 0, 0, 0.2);
    border-radius: .5rem;
}

.resources-item iframe {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .resources-item iframe--team {
        position: relative;
        z-index: 10;
    }
}

@media (max-width: 991px) {
    .resources-item iframe--empower {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .resources-item iframe--empower {
        width: 200%;
    }
}

.resources-item h3 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-weight: 700;
    font-size: 1rem;
    color: #888;
    padding: 1rem;
    border-radius: .3rem;
    margin: 0 auto 0;
    width: calc(100% - 2rem);
}

.resources-item h3 span {
    display: block;
    font-size: .85rem;
    font-weight: 400;
}

.resources-item a {
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-decoration: none;
}

.resources-item:hover {
    transform: translateY(-0.2rem);
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
    border: 1px solid #d4334d;
    box-shadow: 0 0.3rem 2rem -0.07rem rgba(0, 0, 0, 0.15);
}

.resources-item:hover h3 {
    color: #231f20;
}

.video-list .resources-item {
    margin: 0 1rem 3rem;
}

.video-wrapper {
    margin: 5rem 0 0;
}

.video-list {
    text-align: center;
    margin: 2rem 10%;
}

.video-item {
    background-color: #FFF;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: calc(32% - 2rem);
    margin: 0 1rem 2.5rem;
    border: 1px solid #ddd;
    border-radius: .3rem;
    overflow: hidden;
}

.video-item iframe {
    display: block;
    width: 100% !important;
}

.video-item .video-content {
    padding: 1.5rem;
}

.video-item h3 {
    font-weight: 700;
    font-size: 1rem;
}

.video-item h5 {
    font-size: .85rem;
    color: #888;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.video-item h5 span {
    font-weight: 500;
    opacity: .7;
}

.case-study-list {
    text-align: center;
    margin: 2rem 10%;
    display: flex;
    flex-wrap: wrap;
}

.case-study-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 0 1rem 3rem;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 2rem;
    width: calc(33% - 2rem);
    overflow: hidden;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.case-study-item a {
    text-decoration: none;
}

.case-study-item img {
    display: block;
    width: 80%;
    margin: 0 auto 1rem;
    border-radius: .5rem;
}

.case-study-item h3 {
    font-weight: 700;
    font-size: 1.25rem;
    color: #d4324d;
    margin-bottom: .3rem;
    padding: 0 1rem 0;
}

.case-study-item span {
    display: block;
    font-size: .85rem;
    color: #666666;
    margin-bottom: 1rem;
    line-height: 1.3;
    padding: 0 1rem;
}

.case-study-item p {
    color: #888888;
    font-size: .8rem;
    line-height: 1.6;
    padding: 0 1rem 1rem;
    max-height: 26rem;
    overflow: hidden;
    overflow-y: scroll;
}

.case-study-item p span {
    font-size: 1.3rem;
    font-weight: 600;
    margin-left: 0;
    padding: 0;
}

.case-study-item .case-study-details {
    display: block;
}

.home-page .home-about-wrapper {
    padding: 5rem 12% 3rem;
}

.program-strategy-wrapper .collage-img {
    position: relative;
    display: inline-block;
    top: 0;
    width: 44%;
    border-radius: .3rem;
    overflow: hidden;
    box-shadow: 0 0.5rem 2rem -0.07rem rgba(0, 0, 0, 0.3);
}

.contact-details {
    position: relative;
}

.dropdown-block {
    position: relative;
    z-index: 5;
}

.contact-block {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -moz-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    -o-transform: translateY(1rem);
    opacity: 0;
    z-index: -1;
}

.contact-block.selected {
    position: relative;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    z-index: 2;
}

.address-wrapper .dropdown-item.selected {
    color: #231f20;
    font-weight: 500;
}

.home-page .hero-wrapper .hero-caption {
    width: 25rem;
}

.home-page .hero-wrapper .hero-caption h1 {
    font-size: 4rem;
}

.home-page .hero-wrapper .hero-caption h1 i {
    font-size: 2rem;
    display: inherit;
}

.map-wrapper-main {
    position: relative;
}

.india-map {
    display: block;
    width: 100%;
}

.india-map-location {
    position: absolute;
}

.india-map-location h3 {
    font-size: 1.3rem !important;
    color: #000 !important;
    text-transform: none !important;
    font-weight: 600;
    cursor: default;
}
.india-map-location-info {
    opacity: 1;
    z-index: 1;
    display: none;
    position: absolute;
    border-radius: 10%;
	border: 3px solid #49c1ff !important;
    font-size: 1.0rem;
    bottom: 2rem;
    left: -6rem;
	width: 230px;
}
/*.india-map-location-info {
    opacity: .9;
    z-index: 5;
    display: none;
    position: absolute;
    padding: 1rem;
    text-align: center;
    border-radius: .7rem;
    background: #FFF;
    font-size: 1.0rem;
    bottom: 2rem;
    left: 50%;
    transform: scale(.8) translateX(-50%);
    transform-origin: left bottom;
}*/
table, th, td {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    margin-top: 0px !important;
    font-size: 1.3rem;
}
.india-map-location:hover .india-map-location-info {
    display: block;
}
.map-stats{
	background: #FFF !important;
	border-radius: 10% !important;
}
.map-stats tr {
    padding-bottom: .5rem;
    border-bottom: 1px solid #d4334d;
    margin-bottom: .5rem;
	border: 0px solid #eee !important;
}

.map-stats td {
    padding: 0.5rem;
	border: 0px solid #eee !important;
}

.map-stats tr:last-child {
    border-bottom: none;
    font-weight: 600;
}

.map-stats thead td {
    color: #231f20;
}

.india-map-location-info .fa {
    font-size: 2rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.2rem;
    color: #FFF;
}

.india-map-location h3 .fa {
    color: #FFF;
    margin-right: .4rem;
    font-size: x-large;
    font-style: normal !important;
}

.location-AndhraPradesh {
	bottom: 11vw;
    left: 18vw;
}
.location-Assam { 
	bottom: 28vw;
    left: 35vw;
}
.location-Chhattisgarh {
	bottom: 21vw;
    left: 22vw;
}
.location-Gujarat { 
	bottom: 23vw;
    left: 6vw;
}
.location-Karnataka {
    bottom: 10vw;
    left: 12vw;
}
.location-Odisha { 
	bottom: 18vw;
    left: 24vw;
}
.location-Rajasthan {
    bottom: 28vw;
    left: 8vw;
}
.location-Maharashtra { 
	bottom: 17vw;
    left: 11vw;
}
.location-UttarPradesh { 
	bottom: 27vw;
    left: 19vw;
}
.location-Tamilnadu {
	bottom: 4vw;
    left: 16vw;
}
.location-Telangana {
	bottom: 14vw;
    left: 17vw;
}
.location-Tripura { 
	bottom: 24vw;
    left: 35vw;
}
@media screen and (max-width: 480px) {
	.location-AndhraPradesh {
		bottom: 19vw;
		left: 36vw;
	}
	.location-Assam { 
		bottom: 52vw;
		left: 70vw;
	}
	.location-Chhattisgarh {
		bottom: 39vw;
		left: 44vw;
	}
	.location-Gujarat { 
		bottom: 41vw !important;
		left: 13vw !important;
	}
	.location-Karnataka {
		bottom: 18vw;
		left: 12vw;
	}
	.location-Odisha { 
		bottom: 32vw;
		left: 49vw;
	}
	.location-Rajasthan {
		bottom: 51vw;
		left: 16vw;
	}
	.location-Maharashtra { 
		bottom: 31vw;
		left: 2vw;
	}
	.location-UttarPradesh { 
		bottom: 53vw;
		left: 35vw;
	}
	.location-Tamilnadu {
		bottom: 5vw;
		left: 31vw;
	}
	.location-Telangana {
		bottom: 25vw;
		left: 34vw;
	}
	.location-Tripura { 
		bottom: 43vw;
		left: 67vw;
	}
}

@media screen and (max-width: 767px) {
    header {
        position: absolute;
        top: 0;
        left: 0;
    }
    .header .logo {
        height: 4.5rem;
    }
    .home-page .hero-wrapper .hero-caption {
        width: auto;
        top: auto;
        transform: none !important;
        position: relative;
        background: #00447c;
        padding: 1rem;
        margin: -2rem 1.5rem 2rem;
        border-radius: .5rem;
    }
    .header.fixed,
    .fixed .header {
        top: 0;
        left: 0;
        padding: 0;
        background: rgba(2, 69, 124, 0.99);
    }
    .hero-wrapper {
        height: auto;
    }
    .header.fixed .logo,
    .fixed .header .logo {
        left: 2.5rem;
    }
    .navigation-menu .menu-items-wrapper {
        top: 25vh;
    }
    .navigation-menu .social-links-wrapper {
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        transform: none;
    }
    .menu-btn.is-open .ham-line:first-child {
        transform: rotate(-45deg) translate(3px, 5px);
    }
    .menu-btn.is-open .ham-line:last-child {
        transform: rotate(45deg) translate(-1px, -9px);
    }
    .heading-para-wrapper {
        padding: 0 5%;
    }
    .home-page .hero-caption,
    .what-we-do-page .hero-caption,
    .about-us-page .hero-caption,
    .our-impact-page .hero-caption,
    .contact-us-page .hero-caption {
        text-shadow: none;
    }
    .home-page .hero-caption h1,
    .what-we-do-page .hero-caption h1,
    .about-us-page .hero-caption h1,
    .our-impact-page .hero-caption h1,
    .contact-us-page .hero-caption h1 {
        color: #231f20;
    }
    .home-page .hero-caption,
    .what-we-do-page .hero-caption,
    .about-us-page .hero-caption,
    .our-impact-page .hero-caption,
    .contact-us-page .hero-caption {
        text-align: center;
        left: 0;
        right: 0;
        margin: 3rem auto 0;
        width: 80%;
    }
    .home-page .hero-caption p,
    .what-we-do-page .hero-caption p,
    .about-us-page .hero-caption p,
    .our-impact-page .hero-caption p,
    .contact-us-page .hero-caption p {
        font-size: .85rem;
    }
    .home-page .home-about-wrapper .hero-caption,
    .what-we-do-page .home-about-wrapper .hero-caption,
    .about-us-page .home-about-wrapper .hero-caption,
    .our-impact-page .home-about-wrapper .hero-caption,
    .contact-us-page .home-about-wrapper .hero-caption {
        float: none;
        width: 100%;
    }
    .hero-content-subtitle,
    .heading-para-wrapper p {
        font-size: .85rem;
        line-height: 1.6;
    }
    .home-page .home-about-wrapper,
    .what-we-do-page .home-about-wrapper,
    .about-us-page .home-about-wrapper,
    .our-impact-page .home-about-wrapper,
    .contact-us-page .home-about-wrapper {
        text-align: center;
        padding: 0rem 9% 0rem;
        width: auto;
        margin-top: -2rem;
    }
    .what-we-do-page .home-about-wrapper,
    .about-us-page .home-about-wrapper,
    .our-impact-page .home-about-wrapper,
    .contact-us-page .home-about-wrapper {
        margin-top: 2rem;
    }
    .home-page .home-about-para,
    .what-we-do-page .home-about-para,
    .about-us-page .home-about-para,
    .our-impact-page .home-about-para,
    .contact-us-page .home-about-para {
        text-align: center;
        font-size: .85rem;
        width: 100%;
        margin-top: 1.5rem;
    }
    .home-page .home-about-para span,
    .what-we-do-page .home-about-para span,
    .about-us-page .home-about-para span,
    .our-impact-page .home-about-para span,
    .contact-us-page .home-about-para span,
    .home-page .heading-para-highlight,
    .what-we-do-page .heading-para-highlight,
    .about-us-page .heading-para-highlight,
    .our-impact-page .heading-para-highlight,
    .contact-us-page .heading-para-highlight {
        margin-bottom: .5rem;
        font-size: 1.1rem;
    }
    .home-page .progress-wrapper .heading-para-wrapper,
    .what-we-do-page .progress-wrapper .heading-para-wrapper,
    .about-us-page .progress-wrapper .heading-para-wrapper,
    .our-impact-page .progress-wrapper .heading-para-wrapper,
    .contact-us-page .progress-wrapper .heading-para-wrapper {
        padding-top: 2rem;
    }
    .home-page .progress-list,
    .what-we-do-page .progress-list,
    .about-us-page .progress-list,
    .our-impact-page .progress-list,
    .contact-us-page .progress-list {
        margin: -10rem 0 0;
    }
    .home-page .empower-wrapper {
        margin-top: 4rem;
    }
    .program-strategy-wrapper .thp-container {
        padding: 0 6%;
    }
    .program-strategy-wrapper .empower-block,
    .active-left-wrapper .heading-para-wrapper h3 {
        text-align: center;
        width: 100%;
        margin-right: 0;
    }
    .program-strategy-wrapper .heading-para-wrapper {
        text-align: center;
    }
    .program-strategy-wrapper .btn {
        margin: -1rem auto 0 !important;
    }
    .program-strategy-wrapper .video-wrapper {
        width: 100%;
        transform: translateY(3rem);
        -webkit-transform: translateY(3rem);
        -moz-transform: translateY(3rem);
        -ms-transform: translateY(3rem);
        -o-transform: translateY(3rem);
    }
    .active-state-wrapper {
        padding-bottom: 0;
    }
    .home-video-wrapper h3 {
        font-size: 2rem;
    }
    .home-video-wrapper p,
    .home-video-wrapper span {
        display: none;
    }
    .home-page .home-video-wrapper .heading-para-wrapper,
    .what-we-do-page .home-video-wrapper .heading-para-wrapper,
    .about-us-page .home-video-wrapper .heading-para-wrapper,
    .our-impact-page .home-video-wrapper .heading-para-wrapper,
    .contact-us-page .home-video-wrapper .heading-para-wrapper {
        margin-top: 0;
    }
    .home-page .home-video-wrapper,
    .what-we-do-page .home-video-wrapper,
    .about-us-page .home-video-wrapper,
    .our-impact-page .home-video-wrapper,
    .contact-us-page .home-video-wrapper {
        height: 36vh;
    }
    .home-page .play-btn-icon,
    .what-we-do-page .play-btn-icon,
    .about-us-page .play-btn-icon,
    .our-impact-page .play-btn-icon,
    .contact-us-page .play-btn-icon {
        width: 4rem;
    }
    .home-page .progress-wrapper .heading-para-wrapper,
    .what-we-do-page .progress-wrapper .heading-para-wrapper,
    .about-us-page .progress-wrapper .heading-para-wrapper,
    .our-impact-page .progress-wrapper .heading-para-wrapper,
    .contact-us-page .progress-wrapper .heading-para-wrapper {
        padding-bottom: 8rem;
    }
    .home-page .home-video-wrapper .heading-para-wrapper h3,
    .what-we-do-page .home-video-wrapper .heading-para-wrapper h3,
    .about-us-page .home-video-wrapper .heading-para-wrapper h3,
    .our-impact-page .home-video-wrapper .heading-para-wrapper h3,
    .contact-us-page .home-video-wrapper .heading-para-wrapper h3 {
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .page-bottom-wrapper.beige-color {
        padding: 0 5%;
    }
    .page-bottom-wrapper.beige-color .contact-block {
        padding: 2rem 1rem;
        transform: translateY(2rem);
        -webkit-transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        -o-transform: translateY(2rem);
    }
    footer {
        padding: 5rem 2rem 3rem;
    }
    footer hr {
        display: none;
    }
    footer nav {
        margin: 1.5rem 0;
    }
    .hero-content-wrapper {
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0 5% 1rem;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        transform: none;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
        margin: -3rem 1rem 0;
        border-radius: .5rem;
        box-shadow: 0 0 0.7rem -0.1rem #444;
        padding: 1rem 5% 1rem;
        width: auto;
        box-sizing: border-box;
        text-align: center;
        transform: none;
        background: #00447b;
        position: relative;
    }
    .hero-content-wrapper h3 {
        width: 100%;
    }
    .hero-content-wrapper p {
        font-size: .85rem;
        width: 100%;
    }
    .what-we-do-about-wrapper {
        margin-top: 4rem;
    }
    .strategy-list {
        display: block;
        margin: 0 auto;
        padding: 0 9%;
    }
    .what-we-do-page .progress-item,
    .about-us-page .progress-item {
        display: block;
        width: calc(100% - 3rem);
        margin: 0 0 1.5rem 0;
        padding: 0 1.5rem 2rem;
    }
    .home-page .empower-wrapper,
    .what-we-do-page .empower-wrapper,
    .about-us-page .empower-wrapper,
    .our-impact-page .empower-wrapper,
    .contact-us-page .empower-wrapper {
        margin-top: 0;
    }
    .heading-para-wrapper h3 {
        font-size: 1.5rem;
    }
    .empower-item {
        width: 90%;
        margin-top: 2rem;
    }
    .empower-list-wrapper {
        padding-top: 0;
    }
    .activities-wrapper {
        position: relative;
        margin-top: 3rem;
        z-index: 1;
    }
    .activities-wrapper .thp-container {
        padding: 3rem 0 0;
        margin-top: 0;
    }
    .heading-para-wrapper-col .heading-para-wrapper {
        text-align: center;
        float: none;
        width: auto;
        margin-right: 0;
    }
    .activities-list--video-thumbs {
        display: block;
        margin: 1.5rem 0;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        padding: 0 5% 2rem;
    }
    .thumbs-block--video .activity-item {
        display: inline-block;
        margin: 0 1rem 0 0;
        width: 85%;
        white-space: normal;
    }
    .full-width-img--empower {
        width: 100%;
        position: relative;
        top: auto;
        bottom: auto;
    }
    .button-wrapper--our-progress {
        padding: 0rem 0 2rem;
        margin-top: 2rem;
    }
    .home-page .program-strategy-wrapper .thp-container {
        padding: 4rem 6% 0;
    }
    .separator {
        display: block;
        margin: 3rem 20% 0;
    }
    .about-us-page .principle-item {
        margin: 0 2%;
        width: 46%;
    }
    .about-us-page .principle-item img {
        width: 6rem;
    }
    .team-wrapper {
        margin-top: 3rem;
    }
    .about-us-page .strategy-list {
        margin: 0;
    }
    .team-list-wrapper {
        padding: 6rem 0 3rem;
    }
    .where-we-work-page .active-state-wrapper {
        padding-top: 5rem;
    }
    .where-we-work-page .active-left-wrapper {
        padding-bottom: 0;
    }
    .where-we-work-page .where-stats-item {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: 42%;
        margin-bottom: 2rem;
    }
    .local-partner-opening-wrapper {
        padding: 3rem 5% 0;
    }
    .local-partner-title span {
        display: block;
        margin-right: 0;
    }
    .local-partner-title span::after {
        display: none;
    }
    .local-partner-list {
        text-align: center;
        margin: 0 0 2rem;
    }
    .contact-us-page .hero-content-wrapper {
        bottom: 8rem;
    }
    .contact-us-page .hero-content-wrapper {
        background: transparent;
    }
    .contact-wrapper {
        margin: -7rem 0% 2rem;
        padding: 0 5%;
        flex-direction: column;
    }
    .address-wrapper h3,
    .form-wrapper h3 {
        font-size: 1.5rem;
    }
    .address-wrapper,
    .form-wrapper {
        min-height: auto;
    }
    .checkbox-item input {
        display: block;
        width: calc(100% - 2rem - 2px);
        margin-left: 0;
    }
    .home-page .hero-wrapper .hero-caption h1 {
        font-size: 1.7rem;
        color: #FFF;
    }
    .home-page .hero-wrapper {
        display: flex;
        margin-bottom: 3rem;
        flex-direction: column-reverse;
    }
    .home-page .active-left-wrapper .btn {
        margin: 3rem auto 0;
    }
    .program-strategy-wrapper .collage-img {
        width: 100%;
        margin: 2rem auto -4rem;
    }
    .hero-wrapper .hero-img-container .full-width-img {
        position: relative;
        height: auto;
        width: 170%;
        margin-left: -70%;
    }
    .donation-logos {
        width: 100%;
        float: none;
    }
    .empower-col-wrapper .thp-container {
        padding: 0 1rem 0;
    }
    .empower-wrapper .heading-para-wrapper,
    .empower-col-wrapper .empower-list-wrapper {
        text-align: center;
        float: none;
        width: 100%;
        margin: auto;
    }
    .heading-impact-wrapper h3 {
        width: auto;
    }
    .impact-circle {
        width: 100%;
        margin: 0;
    }
    .empower-list-wrapper .btn {
        margin-top: 3rem;
    }
    .our-impact-page .empower-list-wrapper {
        margin-bottom: 3rem;
    }
    .case-study-list {
        margin: 2rem 1rem;
        display: block;
    }
    .case-study-item {
        display: block;
        width: auto;
    }
    .case-study-item p {
        height: 15rem;
    }
    .empower-col-wrapper .empower-item-content {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        margin-left: 0;
        width: 100%;
    }
    .empower-col-wrapper .empower-item p {
        max-width: none;
    }
    .empower-col-wrapper .empower-item img {
        width: 5rem;
        margin-bottom: 1rem;
    }
    .where-we-work-page .active-state-wrapper {
        padding-top: 0;
        display: flex;
        flex-direction: column-reverse;
    }
    .where-we-work-page .active-state-wrapper h3 {
        font-size: 1.7rem;
    }
    .where-we-work-page .active-left-wrapper {
        float: none;
        margin-left: 0;
        margin-top: 0 !important;
    }
    .where-we-work-page .active-left-wrapper .heading-para-wrapper {
        width: 100%;
    }
    .where-we-work-page .active-right-wrapper--img {
        display: block;
        width: 120%;
    }
    .location-karnataka {
        bottom: 19.8vw;
        left: 30.4vw;
    }
    .location-rajasthan {
        bottom: 66vw;
        left: 21vw;
    }
    .location-mp {
        bottom: 55vw;
        left: 38vw;
    }
    .location-uttarakhand {
        bottom: 82vw;
        left: 45vw;
    }
    .location-bihar {
        bottom: 65vw;
        left: 68vw;
    }
    .location-odisha {
        bottom: 46vw;
        left: 63vw;
    }
    .footer-social span {
        font-weight: 600;
        color: #808080;
    }
    .home-page .hero-img {
        width: 170%;
        margin-left: -70%;
    }
    .menu-btn {
        height: auto;
        padding: .8rem .6rem;
    }
    .menu-btn .ham-icon {
        position: relative;
        top: auto;
        transform: none !important;
        left: auto;
        right: auto;
    }
    .team-member-modal {
        padding: 1rem;
        width: calc(~"100% - 5rem");
    }
    .team-item {
        width: calc(100% - 4.2rem);
    }
    .member-details img {
        width: 100%;
    }
    .team-member-modal h3 {
        font-size: 2rem;
        margin-top: 1rem;
    }
    .resources-item {
        width: calc(100% - 3rem);
        margin: 0 1rem 5rem;
    }
    .resource-year {
        width: auto;
        padding-top: 3rem;
        margin-top: 6rem;
    }
    .disclaimer {
        margin-top: 2rem;
    }
    .home-video-mobile-img {
        display: block;
        width: 100%;
    }
    .home-page .home-video-wrapper video {
        display: none;
    }
    .home-page .home-video-wrapper {
        height: auto;
    }
    .loading-words div {
        font-size: 4rem;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .full-width-img--empower--team {
        position: relative;
        z-index: 10;
    }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
    .full-width-img--empower--empower {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .full-width-img--empower--empower {
        width: 200%;
    }
}

.home-video-mobile-img {
    display: none;
}

.site-message {
    transition: all .3s;
    position: fixed;
    bottom: -5rem;
    left: 0;
    right: 0;
    text-align: center;
    padding: 1rem;
    z-index: 10000;
}

.site-message.show {
    bottom: 0;
}

.site-message span {
    color: #FFF;
    font-size: 1.15rem;
}

.error-message {
    background: #e00f0f;
}

.success-message {
    background: #8bc769;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .home-video-mobile-img {
        display: block;
        width: 100%;
    }
    .home-page .home-video-wrapper {
        height: auto;
    }
    .home-page .home-video-wrapper video {
        display: none;
    }
    .hero-wrapper {
        height: auto;
    }
    .home-page .hero-wrapper .hero-caption h1 {
        font-size: 2.5rem;
    }
    .home-page .hero-img {
        width: 140%;
        margin-left: -40%;
    }
    .home-page .home-about-wrapper {
        padding: 4rem 3rem;
    }
    .home-page .home-about-wrapper .hero-caption,
    .what-we-do-page .home-about-wrapper .hero-caption,
    .about-us-page .home-about-wrapper .hero-caption,
    .our-impact-page .home-about-wrapper .hero-caption,
    .contact-us-page .home-about-wrapper .hero-caption {
        width: auto;
        margin: 0 0 2rem;
    }
    .home-page .home-about-para,
    .what-we-do-page .home-about-para,
    .about-us-page .home-about-para,
    .our-impact-page .home-about-para,
    .contact-us-page .home-about-para {
        width: auto;
    }
    .home-page .hero-caption,
    .what-we-do-page .hero-caption,
    .about-us-page .hero-caption,
    .our-impact-page .hero-caption,
    .contact-us-page .hero-caption {
        top: auto;
        transform: none !important;
        bottom: auto;
    }
    .home-page .progress-wrapper .heading-para-wrapper,
    .what-we-do-page .progress-wrapper .heading-para-wrapper,
    .about-us-page .progress-wrapper .heading-para-wrapper,
    .our-impact-page .progress-wrapper .heading-para-wrapper,
    .contact-us-page .progress-wrapper .heading-para-wrapper {
        padding-bottom: 9rem;
    }
    .home-page .hero-wrapper .hero-caption {
        bottom: 3rem;
    }
    .home-page .progress-list,
    .what-we-do-page .progress-list,
    .about-us-page .progress-list,
    .our-impact-page .progress-list,
    .contact-us-page .progress-list {
        margin: -10rem 0 0;
        padding: 0 2rem 4rem;
        white-space: nowrap;
        overflow-x: scroll;
        display: block;
    }
    .where-we-work-page .progress-item,
    .what-we-do-page .progress-item,
    .about-us-page .progress-item,
    .our-impact-page .progress-item {
        display: inline-block;
        white-space: normal;
    }
    .program-strategy-wrapper .empower-block {
        width: 100%;
    }
    .program-strategy-wrapper .collage-img {
        width: 100%;
        margin: 3rem 0 -5rem;
    }
    .home-page .home-about-wrapper .hero-caption h1 {
        font-size: 2.25rem;
    }
    .home-page .progress-wrapper {
        margin-top: 0;
    }
    .home-page .home-about-wrapper .btn {
        margin: 3rem 0 0;
    }
    .home-page .active-left-wrapper .btn {
        margin: 3rem auto 0;
    }
    .home-page .active-state-wrapper {
        padding-top: 5rem;
        padding-bottom: 0;
    }
    .active-left-wrapper .heading-para-wrapper h3 {
        width: auto;
    }
    .header.fixed .logo,
    .fixed .header .logo {
        left: 3rem;
    }
    .home-page .home-about-wrapper .hero-caption h1,
    .what-we-do-page .home-about-wrapper .hero-caption h1,
    .about-us-page .home-about-wrapper .hero-caption h1,
    .our-impact-page .home-about-wrapper .hero-caption h1,
    .contact-us-page .home-about-wrapper .hero-caption h1 {
        font-size: 2rem;
    }
    .hero-wrapper .hero-img-container .full-width-img {
        width: 170%;
        margin-left: -40%;
        height: auto;
        position: relative;
    }
    .principle-wrapper .heading-para-wrapper {
        margin: 0 2rem;
    }
    .principle-item {
        width: 33%;
    }
    .about-us-page .strategy-list {
        margin: 0 5%;
    }
    .donation-logos {
        float: none;
        width: auto;
    }
    .principle-item:nth-child(-n+3) {
        margin-top: 0;
    }
    .full-width-img--empower {
        position: relative;
        bottom: auto;
        width: 100%;
        left: auto;
        transform: none;
    }
    .empower-col-wrapper .thp-container {
        padding: 0 4rem 0;
    }
    .empower-col-wrapper .heading-para-wrapper,
    .empower-col-wrapper .empower-list-wrapper {
        float: none;
        margin: 0;
        width: auto;
    }
    .empower-col-wrapper .empower-list-wrapper {
        width: auto;
    }
    .empower-col-wrapper .empower-item p {
        max-width: none;
    }
    .heading-para-wrapper-col .heading-para-wrapper {
        float: none;
        width: auto;
        margin-right: 0;
        text-align: left;
    }
    .activities-list--video-thumbs {
        margin: 2rem 5% 3rem;
    }
    .where-we-work-page .heading-para-wrapper-col,
    .our-impact-page .heading-para-wrapper-col {
        padding: 6rem 3rem 0;
    }
    .hero-content-wrapper {
        left: 3rem;
        bottom: 3rem;
    }
    .empower-item {
        margin: 0 .5rem 2rem;
        width: calc(46% - 1rem);
    }
    .what-we-do-page .progress-wrapper {
        padding: 0 3rem;
    }
    .case-study-item {
        width: calc(50% - 2rem);
    }
    .hero-content-wrapper h3 {
        font-size: 2.25rem;
    }
    .contact-wrapper {
        display: block;
    }
    .address-wrapper,
    .form-wrapper {
        width: 100%;
        box-sizing: border-box;
        max-width: none;
        margin: 0 auto 2rem;
        min-height: auto;
    }
    .home-page .home-video-wrapper .heading-para-wrapper p {
        margin: 0 3rem;
    }
    .loading-words div {
        font-size: 5rem;
    }
    .team-item {
        width: calc(30% - 2px - 3rem);
    }
    .member-details img {
        width: 100%;
    }
    .team-member-modal h3 {
        font-size: 2rem;
        margin-top: 1rem;
    }
}