html {
    background-color: #fdd831;
    background-color: #1e1e1e
}

body {
    font-family: Rubik,sans-serif;
    background-color: #f9f9f9;
    background: #fffef9;
    font-size: 1em;
    font-weight: 400;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

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

h1,h2,h3,h4,h5 {
    color: #2f2f2f;
    font-weight: 100;
    font-size: 3.4em;
    margin-bottom: .3em;
    line-height: normal
}

p {
    color: #272727;
    font-weight: 300;
    line-height: 1.8;
    word-spacing: normal;
    letter-spacing: normal
}

p a {
    color: #4fb5eb
}

b {
    font-weight: 700
}

i {
    font-style: italic
}

a {
    transition: all .3s;
    -webkit-transition: all .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 .3s;
    -webkit-transition: all .3s
}

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

.no-margin {
    margin: 0
}

.no-scroll {
    overflow: hidden
}

.rel-wrapper {
    position: relative
}

.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%
}

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

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

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

.no-underline {
    text-decoration: none
}

.grid-list {
    margin: 0;
    position: relative
}

.grid-item {
    position: relative;
    float: left;
    margin: 0 1.5%
}

.centered-grid {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.inline-element {
    display: inline-block
}

.grid2 .grid-item {
    width: 47%
}

.grid3 .grid-item {
    width: 30%
}

.grid4 .grid-item {
    width: 22%
}

.grid5 .grid-item {
    width: 17%
}

.grid6 .grid-item {
    width: 13.6666%
}

@media screen and (max-width: 600px) {
    .grid-item {
        width:100%!important;
        margin: 0 0 2em;
        float: none
    }

    .grid-resp-stack .grid-item {
        float: left;
        margin: 0 1.5%
    }

    .grid-resp-stack.grid2 .grid-item {
        width: 47%!important
    }

    .grid-resp-stack.grid3 .grid-item {
        width: 30%!important
    }

    .grid-resp-stack.grid4 .grid-item {
        width: 22%!important
    }
}

.border-btn {
    border: .2em solid #2f2f2f
}

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

.modal {
    transition: all .3s;
    -webkit-transition: all .3s;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    display: none;
    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 -.1em #444
}

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

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

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

.resp-show {
    display: none!important
}

.btn,.email_posts_subscribers input[type=submit] {
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: .85rem;
    color: #484848;
    text-decoration: none;
    font-family: Rubik,sans-serif;
    position: relative;
    outline: 0;
    border-radius: 5rem;
    border: none;
    font-weight: 400;
    padding: .75rem 1.8rem;
    background: 0 0;
    cursor: pointer;
    box-shadow: 0 0 .8rem -.07rem transparent;
    text-transform: capitalize;
    -webkit-appearance: none
}

.btn:hover {
    color: #2f2f2f
}

.btn-loader::after,.btn-loader::before {
    display: block;
    background-color: #2f2f2f;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    opacity: 0;
    content: '';
    left: calc(100% + 1rem);
    width: 100%;
    height: 2px
}

.btn-loader::after {
    background-color: #35cb43;
    transition: all 1s;
    z-index: 3;
    width: 0
}

.show.btn-loader::before {
    opacity: .1
}

.show.btn-loader::after {
    opacity: 1
}

.animate.btn-loader::after {
    width: 100%
}

.btn-primary,.email_posts_subscribers input[type=submit] {
    /* background-color: #fdd831; */
    background-color: green;
    /* box-shadow: 0 0 1px 1px #e6c32a; */
    box-shadow: 0 0 1px 1px green;
    color: #5a4a06;
    white-space: nowrap
}

.btn-primary:hover {
    color: #191919;
    box-shadow: 0 0 0 .3rem rgba(253,215,50,.4)
}

.btn-primary.active {
    background-color: #35cb43
}

.btn-primary.active:hover {
    box-shadow: 0 .2rem 1rem -.07rem rgba(0,0,0,.52)
}

.btn-primary .fa {
    font-size: .75rem;
    margin-right: .5rem
}

.home-news-info .btn:hover {
    color: #191919;
    box-shadow: 0 0 0 .3rem rgba(253,215,50,.4)
}

.btn-transparent {
    border: 1px solid #eec402
}

.btn-transparent:hover {
    color: #676767;
    background: #f9cc02;
    border-color: #fdd831
}

.btn-transparent.active {
    background-color: #35cb43
}

.btn-transparent.active:hover {
    box-shadow: 0 .2rem 1rem -.07rem rgba(0,0,0,.52)
}

.btn-transparent .fa {
    font-size: .75rem;
    margin-right: .5rem
}

.btn-dot {
    position: relative
}

.btn-dot span {
    position: relative;
    left: 30px
}

.btn-dot::before {
    transition: all .3s;
    -webkit-transition: all .3s;
    /* background-color: #fdd831; */
    background-color: green;
    content: '';
    border-radius: 5rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    transform: translateX(.5rem);
    border: 2px solid transparent;
    z-index: 0;
    margin-top: -2px
}

.btn-dot:hover::before {
    border: 2px solid #eec402
}

.btn-text {
    color: #fdd831;
    padding: 0
}

.btn-text-dark {
    color: #484848;
    padding: 0
}

.btn-text-alt {
    color: #fdd831;
    text-decoration: none;
    display: inline-block;
    padding: .2rem 0 .2rem .6rem;
    border-left: .2rem solid #fdd831
}

.btn-primary img {
    width: 1.25rem;
    display: inline-block;
    vertical-align: middle;
    opacity: .8;
    margin: 0 .3rem 0 -.3rem;
    transform-origin: bottom
}

.nav-cta .btn-primary img {
    animation-name: animateHeartBtn;
    animation-duration: 3.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite
}

.primary-font {
    font-family: Rubik,sans-serif
}

.indie-flower-font {
    font-family: 'Indie Flower',cursive
}

.gloria-hallelujah-font {
    font-family: 'Gloria Hallelujah',cursive
}

.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: #2f2f2f
}

.black-color-background {
    background-color: #2f2f2f
}

.#fdd831;-color-font {
    color: #35cb43
}

.#fdd831;-color-background {
    background-color: #35cb43
}

.grey-color-font {
    color: #484848
}

.grey-color-background {
    background-color: #484848
}

.red-color-font {
    color: #e84331
}

.red-color-background {
    background-color: #e84331
}

.yellow-color-font {
    color: #fdd831
}

.yellow-color-background {
    background-color: #fdd831
}

.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
}

.medium-opacity {
    opacity: .7
}

.full-opacity {
    opacity: 1
}

header {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2.5rem 2rem 0;
    z-index: 99;
    border-bottom: 1px solid #efefef;
    box-shadow: 0 0 .7rem -.1rem #e6e6e6;
    width: calc(100% - 4rem)
}

header::before {
    display: block;
    background: linear-gradient(to bottom,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 3rem)
}

.logo-header {
    /* background-color: #fdd831; */
    background-color: green;
    position: absolute;
    top: -2.5rem;
    z-index: 11;
    left: .7rem;
    width: 5rem;
    padding: .75rem 1rem;
    width: 6.5rem;
    padding: 1.15rem .75rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.logo-header img {
    display: block;
    width: 100%;
    border-radius: 7px
}

.header-wrapper {
    position: relative
}

.nav-item {
    position: relative;
    display: inline-block;
    text-decoration: none;
    opacity: .7;
    font-weight: 400;
    font-size: .8rem;
    color: #232323;
    vertical-align: middle;
    margin: 0 .5rem
}

.nav-primary {
    margin-left: 9.5rem
}

.nav-cta {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    right: 1rem
}

.nav-cta .nav-item {
    font-size: .85rem;
    margin-left: .9rem
}

.nav-secondary {
    text-align: right;
    background-color: #171717;
    position: absolute;
    padding: .5rem 2.75rem;
    left: -2rem;
    top: -2.5rem;
    width: calc(100% - 1.5rem);
    margin-bottom: .75rem;
    margin-right: 1rem
}

.nav-primary .nav-item {
    padding: 1.45rem .25rem;
    margin: 0 .25rem;
    overflow: hidden
}

.nav-primary .nav-item::before {
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fdd831;
    transform: translateY(3px);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%
}

.nav-primary .nav-item em {
    font-family: 'Indie Flower',cursive;
    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-size: .9rem;
    text-transform: lowercase;
    opacity: 0;
    margin: auto;
    left: 0;
    right: 0
}

.nav-secondary .nav-item {
    position: relative;
    font-size: .75rem;
    color: #969696;
    margin-left: 1rem;
    opacity: 1
}

.nav-secondary .nav-item:hover {
    color: #fff
}

.nav-secondary .nav-item:not(:first-child)::before {
    display: inline-block;
    background-color: #5d5d5d;
    border-radius: 50%;
    content: '';
    height: 5px;
    transform: translateX(-1rem);
    top: 0;
    vertical-align: middle;
    width: 5px;
    opacity: 1
}

.nav-cta .btn {
    margin-left: 1rem;
    padding: .6rem 1.8rem
}

.cursive-text-main {
    animation-duration: .5s;
    animation-fill-mode: forwards
}

.cursive-text-hover {
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    animation-duration: .8s;
    animation-fill-mode: forwards
}

.cursive-text:hover .cursive-text-main {
    opacity: 0
}

.cursive-text:hover .cursive-text-hover {
    animation-name: animateCursiveText
}

.nav-item:hover,.page-about .nav-item-about,.page-approach .nav-item-approach,.page-corporate-partnerships .nav-item-corporate-partnerships,.page-home .nav-item-home,.page-impact .nav-item-impact,.page-volunteer .nav-item-volunteer,.page-why-children .nav-item-why-children {
    color: #000;
    opacity: 1
}

.nav-item:hover::before,.page-about .nav-item-about::before,.page-approach .nav-item-approach::before,.page-corporate-partnerships .nav-item-corporate-partnerships::before,.page-home .nav-item-home::before,.page-impact .nav-item-impact::before,.page-volunteer .nav-item-volunteer::before,.page-why-children .nav-item-why-children::before {
    transform: translateY(0)
}

.page-home .nav-item-home:hover .cursive-text-hover {
    animation: none
}

.page-home .nav-item-home .cursive-text-main {
    opacity: 1!important
}

.nav-search-wrapper {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 5rem;
    vertical-align: middle;
    margin-right: 1rem;
    background: #3e3e3e
}

.nav-search-wrapper .fa {
    color: #484848;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    font-size: .7rem;
    left: .75rem
}

.nav-search-wrapper input {
    position: relative;
    transition: all .5s;
    background: 0 0;
    z-index: 5;
    font-size: .75rem;
    outline: 0;
    cursor: pointer;
    padding: .25rem 1rem .25rem 1.8rem;
    width: 0;
    border-radius: 5rem;
    width: 10rem;
    border: 1px solid #525252
}

.nav-search-wrapper input:hover {
    border-color: #a0a0a0
}

.nav-search-wrapper input:active,.nav-search-wrapper input:focus {
    background: #cecece;
    width: 13rem;
    padding: .25rem 1rem .25rem 1.8rem
}

.nav-search-wrapper input:active+.fa,.nav-search-wrapper input:focus+.fa {
    z-index: 11
}

.nav-item-wrapper {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    vertical-align: middle;
    opacity: 1
}

.nav-item-wrapper.hide {
    opacity: 0
}

header.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 4rem);
    background: #fff;
    z-index: 99;
    border-bottom: 1px solid #efefef;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1)
}

header.header-fixed .header-wrapper {
    border-radius: 0
}

header.header-fixed .nav-secondary {
    margin-top: 0;
    margin-bottom: .5rem
}

header.header-fixed .nav-secondary .nav-item {
    opacity: .7;
    color: #f9f9f9
}

header.header-fixed .nav-primary .nav-item {
    padding-top: 1.5rem
}

header.header-fixed .nav-secondary {
    margin-right: 3rem
}

.title-primary {
    font-size: 1.8rem;
    color: #2f2f2f;
    font-weight: 500;
    line-height: 1.2
}

.title-primary em {
    /* color: #fdd831; */
    color: green;
    font-family: 'Gloria Hallelujah',cursive;
    font-weight: 700
}

.title-underline {
    padding-bottom: 1rem;
    border-bottom: 2px solid #fdd831;
    margin-bottom: 2rem
}

.small-cap-title {
    display: block;
    color: #484848;
    margin-bottom: .75rem;
    text-transform: uppercase;
    letter-spacing: .15rem
}

.input-drop-down-wrapper {
    position: relative
}

.input-drop-down-title {
    position: relative;
    background-color: #fff;
    display: block;
    color: #484848;
    padding: 1rem 1.5rem;
    border: 1px solid #efefef;
    border-radius: .5rem
}

.input-drop-down-title .fa {
    color: #fdd831;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    right: 1rem
}

.input-drop-down-list {
    background-color: #fff;
    display: none;
    z-index: 10;
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15);
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    margin: 0
}

.input-drop-down-list li {
    color: #484848;
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
    border-bottom: 1px solid #efefef;
    padding: .75rem 1.5rem
}

.input-drop-down-list li:hover {
    background-color: #fdd831;
    color: #2f2f2f
}

.input-drop-down-wrapper:hover .input-drop-down-list {
    display: block
}

.input-range-slider {
    width: 100%
}

.range-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 3px;
    background: #c3c1b3;
    outline: 0;
    border-radius: 5rem
}

.range-slider::-webkit-slider-thumb {
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fff;
    -webkit-appearance: none;
    border: .5rem solid #fdd831;
    appearance: none;
    width: 10px;
    border-radius: 50%;
    height: 10px;
    cursor: pointer
}

.range-slider::-webkit-slider-thumb:hover {
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.1)
}

.menu-btn {
    display: none
}

.menu-btn span {
    display: block;
    background-color: #484848;
    height: 3px;
    border-radius: 1rem;
    width: 2rem;
    margin: 7px 0
}

footer {
    position: relative;
    border-bottom: .5rem solid green;
    background-color: #232323;
    padding: 3rem 15% 3rem;
    z-index: 10
}

footer a {
    color: #f9f9f9;
    opacity: .9
}

.footer-main a,footer a {
    text-decoration: none!important
}

.footer-main {
    text-align: center;
    padding-bottom: 0
}

footer ul {
    text-align: left;
    margin: 0;
    padding: 1em
}

.footer-small,.footer-social {
    text-align: center;
    padding-left: 0;
    border-bottom: 1px solid #2f2f2f
}

.footer-top-wrapper {
    border-bottom: 1px solid #2f2f2f;
    padding-bottom: 1rem;
    margin-bottom: 2rem
}

footer li {
    display: inline-block;
    margin: 0 .8em .7em 0
}

footer li:before {
    border-radius: 50%;
    /* background-color: #fdd831; */
    background-color: green;
    content: " ";
    display: inline-block;
    height: 5px;
    left: 5px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 5px;
    margin-right: 1.8em;
    opacity: 1
}

footer li:first-child:before {
    display: none
}

.footer-main a {
    color: #fff;
    font-weight: 300;
    font-size: 1.1em;
    opacity: .6
}

.footer-small {
    margin-top: 1em;
    margin-left: 0;
    padding-right: 0;
    padding-bottom: 2em;
    margin-bottom: 2em
}

.footer-small a {
    opacity: .4;
    font-size: .75rem
}

.footer-bottom-block {
    text-align: center;
    padding: 0;
    margin: 0
}

.footer-social {
    margin-top: -1rem;
    padding-bottom: .5em;
    border: none
}

.footer-social a {
    font-size: 1.25em;
    color: #d4d4d4;
    opacity: .5;
    margin: 0 .6em;
    padding: 0 0 2em
}

.footer-bottom-wrapper .footer-coffee {
    text-align: right;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 1em;
    width: 35%;
    -webkit-transform: translateX(2em)
}

.footer-coffee div {
    float: left;
    width: calc(94.4%)
}

.footer-coffee h3 {
    color: #444;
    font-family: "Gochi Hand"!important;
    font-size: 1.8em
}

.footer-coffee p {
    font-size: .85em;
    color: #9c9c9c;
    margin-top: .6em
}

.footer-disclaimer span {
    text-align: left;
    font-size: 1em;
    margin-top: .8em;
    opacity: .5
}

.footer-disclaimer {
    display: block;
    color: #b3b3b3;
    font-size: .75em
}

.footer-disclaimer a {
    color: #b3b3b3;
    opacity: .5;
    margin-left: 1em;
    padding-left: 1em;
    /* border-left: 1px solid #fdd831 */
    border-left: 1px solid green
}

footer a:hover {
    opacity: 1
}

.footer-logo {
    display: block;
    margin: 0 auto 2rem;
    width: 5rem
}

.footer-usp-list {
    position: relative;
    background-color: #fff;
    text-align: center;
    padding: 1.5rem 10% 2rem
}

.footer-usp-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: calc(30% - 4rem);
    margin: 0 2rem
}

.footer-usp-item img {
    display: inline-block;
    vertical-align: middle;
    width: 3rem;
    margin-right: .8rem
}

.footer-usp-item span {
    display: block;
    font-size: .85rem;
    color: #484848;
    font-weight: 300;
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle;
    width: calc(100% - 4.3rem)
}

.chat-icon {
    transition: all .8s;
    -webkit-transition: all .8s;
    text-align: center;
    position: fixed;
    right: 5.5rem;
    bottom: 2rem;
    z-index: 20;
    transform: translateY(10rem)
}

.chat-icon.show {
    transform: translateY(0)
}

.hero-scroll-wrapper {
    position: absolute;
    right: 7.5rem;
    bottom: -2rem
}

.hero-scroll {
    transition: all .3s;
    -webkit-transition: all .3s;
    position: relative;
    background-color: #35d766;
    border: 1px solid #7dffa5;
    border-radius: 50%;
    height: 4rem;
    width: 4rem;
    display: inline-block;
    margin-left: .5rem
}

.hero-scroll-icon {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    text-decoration: none;
    color: #ecfff1;
    font-size: 3rem;
    height: 1em;
    overflow: hidden;
    left: 0;
    right: 0
}

.back-to-top {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-left: .5rem;
    cursor: pointer
}

.back-to-top .fa {
    display: block;
    /* background-color: #fdd831; */
    background-color: green;
    font-size: 1.25rem;
    color: #fff;
    padding: 0 .275rem .1rem;
    border-radius: 50%;
    padding: .4rem 0 .5rem;
    width: 2.2rem;
    margin: auto
}

.back-to-top span {
    display: block;
    position: absolute;
    bottom: 4rem;
    width: 2px;
    background: #d8d8d8;
    height: 5vh;
    left: 0;
    right: 0;
    margin: auto
}

.back-to-top span em {
    position: relative;
    display: block;
    width: 2px;
    height: 5vh;
    transform: rotate(180deg);
    overflow: hidden
}

.back-to-top em::after {
    display: block;
    /* background-color: #fdd831; */
    background-color: green;
    animation-name: animateScrollLine;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: ''
}

.back-to-top label {
    font-size: .75rem;
    display: block;
    color: #484848;
    opacity: .7;
    margin-top: .7rem
}

.hero-scroll.back-to-top .hero-scroll-icon {
    color: #fff
}

.hero-scroll.back-to-top:hover {
    background-color: #fdd831;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15)
}

.chat-icon .hero-scroll-icon {
    font-size: 2.5rem
}

.chat-notification {
    background-color: #c81d23;
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    top: 3px;
    right: 0
}

.hero-scroll-icon .fa {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: block
}

.hero-scroll-icon .fa:last-child {
    opacity: 0;
    transform: translateY(-1.5rem)
}

.hero-scroll:hover {
    box-shadow: 0 0 .7rem .1rem #73ec98
}

.hero-scroll:hover .fa:first-child {
    transform: translateY(-1rem);
    opacity: 0
}

.hero-scroll:hover .fa:last-child {
    transform: translateY(-3rem);
    opacity: 1
}

.chat-icon .hero-scroll .fa {
    transform: translateY(0)!important;
    opacity: 1!important
}

.logo-list {
    text-align: center;
    margin: 1rem 8% 5rem
}

.logo-list img {
    display: inline-block;
    width: calc(20% - 8rem);
    vertical-align: middle;
    margin: 0 3.5rem
}

.form-field-wrapper {
    position: relative
}

.form-field-wrapper label {
    font-size: 1rem;
    color: #484848;
    transition: all .3s;
    -webkit-transition: all .3s;
    position: absolute;
    left: .5rem;
    top: .2rem;
    white-space: nowrap
}

.form-field-wrapper .static-label,.static-label {
    position: relative;
    display: block;
    white-space: normal;
    font-size: .85rem;
    line-height: 1.4;
    margin-bottom: .5rem
}

.select2-container {
    margin-top: 1rem
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ceccc5 1px;
    outline: 0
}

#archive_month,.email_posts_subscribers input[type=email],.form-field {
    font-family: Rubik,sans-serif;
    position: relative;
    font-size: 1rem;
    display: block;
    width: calc(100% - 1rem);
    z-index: 5;
    outline: 0;
    border: none;
    padding: 0 .5rem .7rem;
    margin-top: .5rem;
    border-bottom: 1px solid #ceccc4;
    background: 0 0;
    -webkit-appearance: none;
    border-radius: 0
}

input:-webkit-autofill,input:-webkit-autofill-strong-password,input:-webkit-autofill-strong-password-viewable {
    background-color: transparent!important
}

.form-field-has-val+label,.form-field:focus+label {
    font-size: .75rem;
    top: -1.2rem
}

.form-field:focus {
    border-bottom: 1px solid #fdd831
}

.form-dropdown-list {
    display: none;
    background: #fff;
    left: 0;
    top: 100%;
    margin: 0;
    border-radius: .5rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15);
    position: absolute;
    width: 100%;
    z-index: 10;
    max-height: 15rem;
    overflow-y: scroll
}

.form-dropdown-item {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: block;
    color: #484848;
    cursor: pointer;
    padding: .5rem 1rem
}

.form-field-wrapper:hover .form-dropdown-list {
    display: block
}

.form-dropdown-item:hover {
    /* background-color: #fdd831; */
    background-color: green;
    color: #2f2f2f
}

.form-dropdown-wrapper .fa-caret-down {
    /* color: #fdd831; */
    color: green;
    font-size: 1.25rem;
    position: absolute;
    right: 0;
    top: .7rem;
    right: .5rem
}

.form-multiselect-dropdown .form-dropdown-item i {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    height: .7rem;
    width: .7rem;
    border-radius: .5rem;
    border: 1px solid #cecece
}

.form-multiselect-dropdown .form-dropdown-item.selected i {
    background-color: green!important;
    border: 1px solid green
}

.form-multiselect-dropdown .form-dropdown-item:hover i {
    border: 1px solid #fff;
    background: #cecece
}

.accordion-wrapper {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15)
}

.accordion-item {
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #ececec
}

.accordion-item.show,.accordion-item:hover {
    border-bottom: 1px solid #ccc
}

.accordion-title {
    position: relative
}

.accordion-title span {
    display: block;
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 1rem;
    height: 1rem
}

.accordion-title span::before {
    /* background-color: #fdd831; */
    background-color: green;
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.accordion-title span::after {
    transition: all .3s;
    -webkit-transition: all .3s;
    /* background-color: #fdd831; */
    background-color: green;
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.accordion-item.show .accordion-title span::after {
    height: 0
}

.accordion-title-stats em {
    position: relative;
    font-size: .75rem;
    color: #484848;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5rem
}

.accordion-title-stats em::before {
    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;
    /* background-color: #fdd831; */
    background-color: green;
    content: '';
    height: 7px;
    width: 7px;
    border-radius: 50%;
    left: -1.25rem
}

.accordion-title-stats em:first-child::before {
    display: none
}

.accordion-title h3 {
    font-size: 1rem;
    font-weight: 400;
    width: 90%
}

.accordion-description {
    transition: all .3s;
    -webkit-transition: all .3s;
    font-weight: 300;
    color: #484848;
    overflow: hidden;
    padding: 0 1rem;
    max-height: 0
}

.accordion-description ul {
    margin: 0
}

.accordion-description li {
    position: relative;
    margin-bottom: 1rem;
    padding-left: .75rem;
    line-height: 1.4;
    width: 75%;
    padding-right: 25%
}

.accordion-description li:last-child {
    margin-bottom: 0
}

.accordion-description li::before {
    /* background-color: #fdd831; */
    background-color: green;
    display: block;
    position: absolute;
    border-radius: 50%;
    content: '';
    top: .4rem;
    left: -.5rem;
    height: 5px;
    width: 5px
}

.accordion-item.show .accordion-description {
    max-height: 100vh;
    overflow-y: scroll;
    padding: 1rem 1rem .5rem
}

.editorial-logos-wrapper {
    text-align: center;
    padding: 4rem 10%
}

.editorial-logos-wrapper img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3rem;
    max-width: 7rem;
    width: calc(20% - 6.25rem)
}

.about-video-modal,.video-modal {
    display: none;
    position: fixed;
    z-index: 111;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    height: 80vh
}

.about-video-modal .yt-video,.video-modal .yt-video {
    height: 80vh;
    width: 80vw;
    margin: auto;
    display: block
}

.about-video-modal .fa-close,.modal-contact-success .fa-close,.profile-modal .fa-close,.video-modal .fa-close {
    position: absolute;
    color: #5a4c0b;
    padding: .5rem .75rem;
    font-size: 2.5rem;
    background-color: #fdd831;
    border-radius: 50%;
    right: 8vw;
    top: -1rem;
    cursor: pointer
}

.inline-cursive {
    display: inline
}

::-webkit-datetime-edit-day-field:not([aria-valuenow]),::-webkit-datetime-edit-month-field:not([aria-valuenow]),::-webkit-datetime-edit-year-field:not([aria-valuenow]) {
    color: transparent
}

span.wpcf7-not-valid-tip {
    margin-top: .5rem;
    font-size: .75rem!important;
    margin-left: .5rem
}

.wpcf7-response-output {
    display: none!important
}

.wpcf7-form-control-wrap {
    display: block
}

.page-home {
    background-color: #fffef9
}

.hero-wrapper {
    position: relative;
    height: calc(100vh + 30vw)
}

.home-hero-pattern {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%
}

.hero-video video {
    transition: all .8s;
    -webkit-transition: all .8s;
    position: absolute;
    height: 120%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.hero-video::before {
    content: "";
    height: 300%;
    left: -50%;
    opacity: .9;
    position: absolute;
    top: -100%;
    width: 300%
}

.home-hero-pattern {
    z-index: 6;
    top: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    filter: drop-shadow(0 0 4px rgba(0,0,0,.15))
}

.hero-wrapper::after {
    /* background-color: #fdd831; */
    background-color: green;
    background: url(https://www.cry.org/wp-content/uploads-webpc/themes/cry/images/bg-pattern.png.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 52%;
    height: 100%;
    z-index: 1
}

.hero-caption {
    text-align: left;
    position: absolute;
    top: 16rem;
    margin-top: -1rem;
    left: 6.25rem;
    right: 0;
    width: 27rem;
    z-index: 5
}

.hero-wrapper .btn {
    opacity: 0
}

.hero-wrapper .btn-primary {
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 1.5rem
}

.hero-wrapper .btn-dot {
    position: absolute;
    bottom: calc(30vw + 2rem);
    left: 5.5rem
}

.hero-wrapper .btn-dot em {
    display: block;
    position: absolute;
    bottom: 3rem;
    width: 2px;
    background: #d8d8d8;
    height: 8vh;
    left: 1.5rem
}

.hero-wrapper .btn-dot i {
    position: relative;
    display: block;
    overflow: hidden;
    height: 8vh;
    width: 2px
}

.hero-wrapper .btn-dot i::after {
    display: block;
    /* background-color: #fdd831; */
    background-color: green;
    animation-name: animateScrollLine;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: ''
}

.hero-video-wrapper {
    position: absolute;
    top: 4rem;
    right: 0;
    width: calc(100% - 30rem);
    max-width: 60%;
    height: calc(100% + 5rem);
    overflow: hidden;
    z-index: 2
}

.hero-video-wrapper video {
    display: block;
    width: 120%;
    margin-left: -5%
}

.hero-video-patch {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: calc(100% + 5rem);
    z-index: 1
}

.hero-media-wrapper {
    display: none
}

.hero-media-block {
    position: absolute;
    box-shadow: 0 1rem .8rem .1rem rgba(117,100,15,.2);
    transform: translate3d(0,100vh,0);
    z-index: 10
}

.hero-media-block:nth-child(1) {
    top: 18vh;
    right: 21vw
}

.hero-media {
    position: relative;
    overflow: hidden
}

.hero-media-block:nth-child(1),.hero-media-block:nth-child(1) .hero-media {
    width: 27vw;
    height: 34vw
}

.hero-media-block:nth-child(2) {
    top: 14vh;
    right: 3vw
}

.hero-media-block:nth-child(2),.hero-media-block:nth-child(2) .hero-media {
    width: 16vw;
    height: 19.9vw
}

.hero-media-block:nth-child(3) {
    top: calc(14vh + 19.9vw + 2rem);
    right: 3vw
}

.hero-media-block:nth-child(3),.hero-media-block:nth-child(3) .hero-media {
    width: 16vw;
    height: 21vw
}

.hero-media-img {
    transition: all .8s;
    -webkit-transition: all .8s;
    display: block;
    position: absolute;
    height: 110%;
    left: 50%;
    transform: translateX(-50%)
}

.hero-media-img:hover {
    height: 100%
}

.animate-home header {
    /*opacity:0;transform:translateY(-1rem);animation-name:dropHeader;animation-fill-mode:forwards;animation-duration:.8s;animation-delay:1.1s*/
}

.animate-home .hero-para,.animate-home .hero-title,.animate-home .hero-wrapper .btn-primary {
    opacity: 0;
    transform: translateY(1.5rem);
    animation-name: showHeroTitle;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-delay: .8s
}

.animate-home .hero-wrapper .btn-dot {
    opacity: 0;
    transform: translateY(1.5rem);
    animation-name: showHeroBtnDot;
    animation-fill-mode: forwards;
    animation-duration: .8s;
    animation-delay: 1.1s
}

.animate-home .hero-para {
    animation-delay: .9s
}

.animate-home .hero-wrapper .btn-primary {
    animation-delay: .95s
}

.animate-home .hero-media-block {
    animation-name: animateHomePhoto;
    animation-duration: .8s;
    animation-fill-mode: forwards
}

.animate-home .hero-media-block:nth-child(1) {
    animation-duration: .95s;
    animation-delay: .6s
}

.animate-home .hero-media-block:nth-child(2) {
    animation-duration: .95s;
    animation-delay: .4s
}

.animate-home .hero-media-block:nth-child(3) {
    animation-delay: .55s
}

.animate-home .hero-media img {
    height: 170%;
    animation-name: animateHomePhotoMedia;
    animation-duration: 1.4s;
    animation-fill-mode: forwards
}

.animate-home .hero-media-block:nth-child(1) .hero-video video {
    height: 170%;
    animation-name: animateHomePhotoMedia;
    animation-fill-mode: forwards;
    animation-duration: 1.4s;
    animation-delay: .6s
}

.animate-home .hero-media-block:nth-child(2) .hero-media img {
    animation-delay: .4s
}

.animate-home .hero-media-block:nth-child(3) .hero-media img {
    animation-delay: .55s
}

.hero-title {
    color: #2f2f2f;
    font-weight: 500;
    font-size: 2.5rem;
    margin-top: -1rem;
    line-height: 1.1;
    width: 85%
}

.hero-title em {
    position: relative;
    display: inline-block;
    font-family: 'Gloria Hallelujah',cursive;
    /* color: #fdd831; */
    color: green;
    font-weight: 600
}

.streak-img {
    position: absolute;
    top: -.5rem;
    right: -1.5rem;
    width: 1.8rem
}

.hero-para {
    display: block;
    font-weight: 300;
    color: #484848;
    font-size: 1rem;
    width: 90%;
    line-height: 1.6;
    margin-top: 1rem
}

.home-child-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    filter: drop-shadow(0 0 4px rgba(0,0,0,.35))
}

.home-quote-wrapper {
    position: relative;
    text-align: center;
    border-radius: .4rem;
    padding: 0 30% 5rem
}

.home-quote-wrapper br {
    display: none
}

.home-quote-wrapper h3 {
    font-size: 1.8rem
}

.rippan-signature {
    display: block;
    width: 7rem;
    margin: 1.5rem auto 0
}

.home-quote-author {
    display: block;
    color: #484848;
    font-size: 1.25rem;
    margin-bottom: .3rem;
    margin-top: .5rem
}

.home-quote-designation {
    /* color: #fdd831; */
    color: green;
    font-size: .75rem;
    font-weight: 500;
    /* -webkit-text-stroke: 1px #fdd831; */
    -webkit-text-stroke: 1px green;
    letter-spacing: .1rem;
    text-transform: uppercase
}

.home-quote-wrapper em {
    display: block;
    /* color: #fdd831; */
    color: green;
    margin-bottom: -3rem;
    font-size: 7rem;
    font-family: serif
}

.home-stories-wrapper {
    position: relative;
    background: #fffef9;
    z-index: 9;
    display: none
}

.home-stories-block-bg {
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fff;
    transform-origin: top;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.home-stories-main {
    position: relative;
    z-index: 2
}

.home-stories-main h2 {
    text-align: center;
    margin: 0 auto 2rem;
    width: 50%
}

.home-story-title {
    text-align: center;
    margin: 3rem 0
}

.home-story-title p {
    font-size: .85rem;
    width: 70%;
    margin: auto
}

.home-story-highlight-wrapper {
    position: relative;
    padding: 0 8vw 6rem
}

.home-story-img-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 45%
}

.home-story-img-wrapper img {
    position: relative;
    display: block;
    width: 100%;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.35);
    z-index: 5;
    border-radius: .5rem
}

.home-story-brush-patch {
    position: absolute!important;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)!important;
    left: 50%;
    right: 0;
    width: 130%!important;
    box-shadow: none!important;
    z-index: 0!important
}

.home-story-description-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8rem;
    margin-top: 0;
    width: calc(50% - 8rem)
}

.home-story-current-description h2 {
    font-size: 1.8rem;
    line-height: 1.1;
    margin-top: .3rem
}

.home-story-current-description em {
    color: #fdd831;
    font-family: 'Gloria Hallelujah',cursive
}

.home-story-current-description p {
    display: block;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem
}

.home-story-related-wrapper {
    margin-top: 5.5rem;
    margin-left: -2rem
}

.home-story-related-wrapper .small-cap-title {
    margin-bottom: 1.5rem
}

.home-story-related-item {
    display: inline-block;
    white-space: normal;
    width: 50%;
    vertical-align: top;
    margin-right: 2rem
}

.home-story-related-thumbnail {
    display: inline-block;
    position: relative;
    width: calc(45% - 1.5rem);
    vertical-align: top
}

.home-story-related-thumbnail img {
    display: block;
    width: calc(100% - .8rem);
    border: .4rem solid #fff;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.25);
    border-radius: .2rem
}

.home-story-related-description {
    display: inline-block;
    width: 50%;
    margin-left: 1rem;
    vertical-align: top
}

.home-story-related-description h3 {
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: .3rem
}

.home-story-related-description span {
    font-size: .75rem;
    color: #484848;
    font-weight: 300;
    display: block;
    margin-bottom: .7rem
}

.home-story-related-description .btn-text {
    color: #fdd831
}

.home-story-related-list {
    position: relative;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    width: calc(100% + 16vw);
    padding-bottom: 2rem;
    margin-top: .8rem
}

.home-story-related-thumbnail .fa-play {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    background-color: #fdd831;
    color: #fff;
    font-size: 1.25rem;
    text-align: center;
    opacity: .9;
    width: 1.5rem;
    border-radius: 50%;
    padding: .6rem .5rem .6rem .7rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.2);
    left: 0;
    right: 0;
    margin: auto
}

.home-story-highlight-wrapper::before {
    filter: invert(100%);
    opacity: .095;
    background-size: 100% 70%;
    background-position: top;
    z-index: 0;
    left: -8vw;
    width: calc(100% + 16vw);
    position: absolute;
    top: 70%;
    height: 100%;
    background-repeat: no-repeat
}

.home-stories-quote {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 0 0 12rem
}

.home-approach-title img {
    display: block;
    width: 5rem;
    margin: -5.5rem auto 2rem
}

.home-approach-title h2 {
    text-align: center;
    color: #483c07;
    width: 65%;
    font-size: 1.8rem;
    line-height: 1.1;
    margin: 0 auto
}

.home-approach-title .small-cap-title {
    color: #ab8f13
}

.home-approach-title h2 em {
    color: #fff
}

.home-stories-quote em {
    color: #fdd831;
    font-family: 'Gloria Hallelujah',cursive
}

.home-approach-block {
    position: relative;
    z-index: 10;
    transform: translateY(-4rem);
    margin: 0 35vh
}

.home-approach-block::before {
    position: absolute;
    content: '';
    box-shadow: 0 0 1rem -.1rem rgba(154,154,154,.51);
    box-shadow: 0 0 1rem -.1rem rgba(68,68,68,.51);
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.home-approach-wrapper {
    position: relative;
    /* background-color: #fdd831; */
    background-color: green;
    z-index: 6
}

.home-approach-wrapper::before {
    background-color: #fff;
    background-color: #fffef9;
    content: '';
    left: 0;
    width: 100%;
    bottom: 0;
    height: 9vw;
    position: absolute
}

.home-approach-main {
    position: relative;
    text-align: center;
    /* background-color: #fdd831; */
    background-color: green;
    z-index: 2;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: 3rem
}

.home-approach-title p {
    margin: 1rem auto 3rem;
    width: 60%;
    color: #7d6704
}

.home-approach-title-wide p {
    width: 80%
}

.home-approach-icons-item {
    background-color: #fff;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow: hidden;
    transform: translateY(0);
    float: left;
    width: calc(25% - 4.5rem - 2px);
    border-radius: .5rem;
    border: 1px solid #efefef;
    height: 15vw;
    border-bottom: .4rem solid #efefef;
    margin: 0 .75rem;
    padding: 2.5rem 1.5rem;
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.home-approach-icons-item .btn-primary {
    display: inline-block;
    color: #fff;
    margin-top: 1rem
}

.home-approach-icons-item:nth-child(1),.home-approach-icons-item:nth-child(1):hover {
    border-bottom: .4rem solid #e5276a
}

.home-approach-icons-item:nth-child(1) .btn-primary {
    background-color: #e5276a;
    box-shadow: 0 0 1px 1px #ed6b99
}

.home-approach-icons-item:nth-child(1) .btn-primary:hover {
    box-shadow: 0 0 0 .3rem #ffc4d8
}

.home-approach-icons-item:nth-child(2),.home-approach-icons-item:nth-child(2):hover {
    border-bottom: .4rem solid #20b7b9
}

.home-approach-icons-item:nth-child(2) .btn-primary {
    background-color: #20b7b9;
    box-shadow: 0 0 1px 1px #46dddf
}

.home-approach-icons-item:nth-child(2) .btn-primary:hover {
    box-shadow: 0 0 0 .3rem #d9fafb
}

.home-approach-icons-item:nth-child(3),.home-approach-icons-item:nth-child(3):hover {
    border-bottom: .4rem solid #a943a5
}

.home-approach-icons-item:nth-child(3) .btn-primary {
    background-color: #a943a5;
    box-shadow: 0 0 1px 1px #c772c4
}

.home-approach-icons-item:nth-child(3) .btn-primary:hover {
    box-shadow: 0 0 0 .3rem #f3d0f1
}

.home-approach-icons-item:nth-child(4),.home-approach-icons-item:nth-child(4):hover {
    border-bottom: .4rem solid #f6910e
}

.home-approach-icons-item:nth-child(4) .btn-primary {
    background-color: #f6910e;
    box-shadow: 0 0 1px 1px #f9b358
}

.home-approach-icons-item:nth-child(4) .btn-primary:hover {
    box-shadow: 0 0 0 .3rem #fddeb7
}

.home-approach-icons-item:hover h3::before {
    width: 20%
}

.home-approach-icons-item:nth-child(1):hover h3::before {
    background-color: #e5276a
}

.home-approach-icons-item:nth-child(2):hover h3::before {
    background-color: #20b7b9
}

.home-approach-icons-item:nth-child(3):hover h3::before {
    background-color: #a943a5
}

.home-approach-icons-item:nth-child(4):hover h3::before {
    background-color: #f6910e
}

.home-approach-icons-item:hover {
    transform: translateY(-.2rem);
    box-shadow: #dcdcdc 0 2px 2px,#dcdcdc 0 4px 4px,#dcdcdc 0 8px 8px,#dcdcdc 0 16px 16px,#dcdcdc 0 32px 32px!important
}

.home-approach-icons-item img {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: block;
    position: relative;
    width: 100%;
    opacity: 0;
    transform: translateY(0);
    margin: 0 auto 2rem
}

.home-approach-icons-item img+br {
    display: none
}

.home-approach-icons-item img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.home-approach-icons-item img.show {
    opacity: 1
}

.home-approach-icons-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    padding: 0 11%;
    margin: -4rem 0 0;
    opacity: 1
}

.home-approach-icons-item h3 {
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: 1rem;
    font-weight: 400;
    color: #2f2f2f;
    opacity: 1;
    transform: translateY(0);
    padding-bottom: 1rem;
    margin: .5rem 0 1rem
}

.home-approach-icons-item:hover img {
    opacity: 0;
    transform: translateY(-6rem)
}

.home-approach-icons-item:hover img:last-child {
    opacity: 0
}

.home-approach-icons-item .rel-wrapper {
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 1
}

.home-approach-icons-item:hover>.rel-wrapper {
    opacity: 0
}

.home-approach-hidden-info {
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0;
    transform: translateY(1.5rem)
}

.home-approach-hidden-info p {
    line-height: 1.5
}

.home-approach-icons-item:hover .home-approach-hidden-info,.home-approach-icons-item:hover h3 {
    transform: translateY(calc(-10vw - 1rem));
    opacity: 1
}

.home-approach-icons-item h3::before {
    transition: all .3s;
    -webkit-transition: all .3s;
    /* background-color: #fdd831; */
    background-color: green;
    position: absolute;
    left: 0;
    right: 0;
    width: 10%;
    height: 2px;
    bottom: 0;
    margin: auto;
    content: ''
}

.home-approach-icons-item .cursive-text-hover {
    margin-top: -.5rem
}

.home-approach-icons-item:hover .cursive-text-hover {
    animation-name: animateCursiveText
}

.home-approach-icons-item:hover .cursive-text-main {
    opacity: 0
}

.home-approach-icons-item p {
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: .85rem
}

.hero-wrapper .home-img-separator {
    position: absolute;
    bottom: 0;
    left: 0;
    /* width: 100% */
    width: 105%
}

.home-img-separator {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    /* z-index: 1; */
    z-index: 2;
    margin-top: -1.5rem
}

.hero-wrapper .home-img-separator-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 37.534%;
    z-index: 1
}

.hero-wrapper .home-img-separator-2 {
    position: absolute;
    bottom: 0;
    left: 37.45%;
    width: 62.46666%
}

.home-how-we-do-wrapper {
    position: relative;
    background: #fffef9;
    padding: 8.5rem 13% 5rem;
    z-index: 5
}

.home-how-we-do-description {
    text-align: left;
    float: left;
    width: 40%;
    margin-right: 3rem
}

.home-how-we-do-description p {
    margin-bottom: 1rem
}

.approach-circle-wrapper {
    position: relative;
    float: left;
    width: calc(60% - 3rem);
    transform: translateX(2rem);
    margin-top: -1rem
}

.approach-circle-modal {
    text-align: center;
    font-size: .75rem;
    background-color: #fff;
    z-index: 10;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all .5s;
    padding: 0 1rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.3);
    width: 13rem;
    border-radius: .5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 110%
}

.approach-circle-modal .fa {
    font-size: 3rem;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.3rem
}

.approach-child-center {
    position: relative;
    display: block;
    margin: auto;
    padding: 20%;
    width: 11rem;
    border-radius: 50%;
    box-shadow: 0 0 1.7rem -.1rem rgba(0,0,0,.05)
}

.approach-child-center::before {
    display: block;
    height: 100%;
    width: 100%;
    border: 2px dashed #e4e1cf;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transform-origin: left top;
    animation-name: rotateApproachCircle;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.approach-child-center img {
    display: block;
    width: 11rem
}

.approach-child-center span {
    text-align: center;
    font-weight: 400;
    font-size: .85rem;
    position: absolute;
    top: 115%;
    left: 50%;
    transform: translateX(-50%)
}

.approach-circle-wrapper::before {
    display: block;
    /* background-color: #fdd831; */
    background-color: green;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15);
    transform: translateX(-50%) translateY(calc(-50% + 3px));
    content: '';
    position: absolute;
    width: 11rem;
    height: 11rem
}

.approach-circle-item:not(.approach-child-center) {
    position: absolute;
    z-index: 5
}

.approach-circle-item:nth-child(1) {
    top: 2%;
    left: 18%
}

.approach-circle-item:nth-child(2) {
    top: 2%;
    right: 18%
}

.approach-circle-item:nth-child(3) {
    bottom: 4%;
    left: 18%
}

.approach-circle-item:nth-child(4) {
    bottom: 4%;
    right: 18%
}

.approach-circle-icon {
    position: relative
}

.approach-circle-icon:hover+.approach-circle-modal {
    max-height: 10rem;
    padding: .75rem 1rem;
    bottom: calc(100% + 1rem);
    opacity: 1
}

.approach-circle-item:nth-child(1) .approach-circle-icon+.approach-circle-modal,.approach-circle-item:nth-child(2) .approach-circle-icon+.approach-circle-modal {
    top: calc(100% + 2rem)
}

.approach-circle-item:nth-child(1) .approach-circle-icon:hover+.approach-circle-modal,.approach-circle-item:nth-child(2) .approach-circle-icon:hover+.approach-circle-modal {
    max-height: 10rem;
    padding: .75rem 1rem;
    top: calc(100% + 3rem);
    opacity: 1;
    bottom: auto
}

.approach-child-center .approach-circle-icon:hover+.approach-circle-modal {
    bottom: 110%
}

.approach-circle-item:not(.approach-child-center) img {
    display: block;
    background-color: #fff;
    transition: all .5s;
    /* border: .3rem solid #fdd831; */
    border: .3rem solid green;
    border-radius: 50%;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15);
    width: 4rem;
    padding: .5rem
}

.approach-circle-item:not(.approach-child-center):hover img {
    border: .3rem solid #fdd831;
    box-shadow: 0 0 1rem .1rem rgba(0,0,0,.25)
}

.approach-circle-description {
    text-align: center;
    position: absolute;
    left: 19%;
    width: 100%;
    top: calc(80%)
}

.approach-circle-info {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(.5rem)
}

.approach-circle-info.selected {
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 1;
    transform: translateX(-50%) translateY(0)
}

.approach-circle-info span {
    display: block;
    font-weight: 300;
    opacity: .7;
    margin-bottom: .4rem
}

.approach-circle-info p {
    font-weight: 500;
    color: #2f2f2f;
    font-size: 1.25rem
}

.approach-circle-item:not(.approach-child-center) span {
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: .85rem;
    text-align: center;
    display: block;
    color: #333;
    border-radius: 50%;
    opacity: 1;
    top: calc(100% + 1rem);
    left: 50%;
    transform: translateX(-50%) scale(.9);
    position: absolute
}

.approach-circle-item:not(.approach-child-center) span em {
    display: block;
    cursor: default
}

.approach-circle-item span label {
    display: block;
    color: #484848;
    font-weight: 400;
    font-size: .85rem;
    white-space: nowrap;
    opacity: .6
}

.approach-circle-item:not(.approach-child-center) img {
    display: block
}

.approach-circle-item {
    transition: all 1s;
    transform-origin: center center;
    opacity: 0
}

.approach-circle-item:not(.approach-child-center) {
    transform: scale(.95)
}

.animated .approach-circle-item {
    opacity: 1
}

.animated .approach-circle-item:not(.approach-child-center) {
    transform: scale(1)
}

.animated .approach-child-center {
    transition: all 1s;
    transition-delay: .5s
}

.animated .approach-circle-item:nth-child(1) {
    transition-delay: 1.3s
}

.animated .approach-circle-item:nth-child(2) {
    transition-delay: 2s
}

.animated .approach-circle-item:nth-child(3) {
    transition-delay: 3.4s
}

.animated .approach-circle-item:nth-child(4) {
    transition-delay: 2.7s
}

.approach-circle-title {
    color: #2f2f2f;
    position: absolute;
    font-weight: 400;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    margin-top: 6rem
}

.home-how-we-do-stat,.how-we-do-img {
    float: left;
    width: 30%;
    margin-left: 20%
}

.how-we-do-img {
    margin-top: -3rem;
    width: 40%;
    margin-right: 10%;
    margin-left: 0
}

.home-how-we-do-num {
    position: relative
}

.home-how-we-do-num em {
    position: relative;
    display: block;
    color: #fdd831;
    font-weight: 600;
    z-index: 2;
    font-size: 4rem;
    margin-bottom: 1rem
}

.home-how-we-do-num span {
    font-weight: 600;
    opacity: .3;
    -webkit-text-stroke: 1px #484848;
    font-size: 4rem;
    color: transparent;
    position: absolute;
    top: .2rem;
    left: .2rem
}

.home-how-we-do-description .title-primary {
    margin-bottom: 1.5rem
}

.how-we-do-item {
    position: relative;
    float: left;
    width: 30%;
    margin-right: 3.33%
}

.how-we-do-list {
    display: none;
    margin-top: 5rem
}

.how-we-do-item img {
    position: relative;
    display: block;
    width: 4rem;
    margin-bottom: 1rem;
    z-index: 2
}

.how-we-do-item em {
    font-weight: 700;
    opacity: .3;
    -webkit-text-stroke: 1px #484848;
    font-size: 2.3rem;
    color: transparent;
    position: absolute;
    top: -.2rem;
    left: 2.4rem
}

.how-we-do-list .small-cap-title {
    display: block;
    margin-bottom: 3rem;
    margin-left: -1rem;
    padding: 0 1rem 1.5rem;
    border-bottom: 1px solid #efefef
}

.home-approach-banner-wrapper {
    position: relative;
    z-index: 5
}

.home-approach-banner-wrapper img {
    display: block;
    width: 100%
}

.home-approach-crayon-strip {
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
    z-index: 1
}

.home-approach-crayon-strip-bottom {
    display: block;
    position: absolute;
    left: 0;
    bottom: -3rem;
    width: 100%
}

.home-children-item:nth-child(3),.home-children-item:nth-child(4) {
    margin-bottom: 0
}

.home-children-item img {
    float: left;
    width: 8.5rem
}

.home-chidren-highlight-info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 10.5rem);
    margin-left: 1.5rem;
    margin-top: .5rem
}

.home-chidren-highlight-info p {
    font-size: .85rem;
    margin-bottom: 1rem
}

.home-chidren-highlight-info span {
    position: relative;
    padding-left: 1rem
}

.home-children-highlight-wrapper {
    position: relative;
    padding: 2rem 0 4rem 10vw;
    display: none
}

.home-chidren-highlight-info span::after {
    background-color: #fdd831;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    position: absolute;
    content: '';
    left: 0;
    border-radius: 50%;
    width: .5rem;
    height: .5rem
}

.home-children-item-wrapper {
    display: inline-block!important;
    vertical-align: middle;
    width: calc(100% - 28rem)
}

.home-children-item-wrapper .owl-nav {
    display: none
}

.home-children-item-wrapper .owl-dots {
    display: block;
    text-align: center;
    margin-top: 3rem
}

.home-children-item-wrapper .owl-dot {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    background-color: #eaeaea;
    border: 3px solid #e4e3e3;
    border-radius: 50%;
    vertical-align: middle;
    height: 8px;
    width: 8px;
    margin: 0 .35rem
}

.home-children-item-wrapper .owl-dot.active,.home-children-item-wrapper .owl-dot:hover {
    background-color: #fdd831;
    border-color: #ffe987
}

.home-children-highlight-title {
    display: inline-block;
    vertical-align: middle;
    width: 18rem;
    margin-right: 5rem
}

.home-children-highlight-title .title-primary {
    font-size: 2.2rem;
    margin-bottom: 2.5rem
}

.home-children-highlight-title .title-primary em {
    font-size: 2.5rem
}

.home-stats-main-wrapper {
    position: relative;
    z-index: 6;
    background: linear-gradient(to bottom,#fffef9 0,#fefffa 100%)
}

.home-stats-wrapper {
    position: relative;
    text-align: center;
    z-index: 5;
    padding: 4rem 5% 1rem
}

.home-donate-wrapper {
    position: relative;
    display: none;
    background-color: #f9f9f9;
    background: #fffef9;
    padding: 7rem 15% 3rem
}

.crayon-strip-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.page-donate header {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 4rem);
    background: #fff;
    z-index: 99;
    border-bottom: 1px solid #efefef;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1)
}

.page-donate .home-stats-main-wrapper {
    width: calc(80% - 33rem);
    margin: 0 10% 4rem
}

.page-donate .home-stats-wrapper {
    padding: 0;
    text-align: left
}

.page-donate .home-stats-item {
    width: calc(50% - 6rem - 2px);
    text-align: center
}

.page-donate .home-stats-list {
    transform-origin: left;
    margin: 5rem 0 0
}

.home-donate-img-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 20rem;
    margin-right: 8rem
}

.home-donate-img {
    display: block;
    width: 5rem;
    margin: 1rem 0 1.5rem
}

.home-donate-block {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 31rem)
}

.home-donate-block p {
    margin-top: 1rem
}

.form-field.currency-select {
    display: none;
    font-size: .75rem;
    position: absolute;
    right: 0;
    width: auto;
    top: 0;
    padding-bottom: .5rem
}

.form-field.currency-select.show {
    display: block
}

.donate-form-list {
    margin: .8rem 0 0;
    width: 85%;
    width: calc(100% + 15vw)
}

.donate-options-block {
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 1
}

.donate-options-block.hide {
    opacity: 0
}

.donate-form-list li {
    position: relative;
    color: #484848;
    font-size: .85rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding: .75rem 1rem .75rem 1.75rem;
    background: #fff;
    border-radius: 5rem;
    box-shadow: 0 0 0 3px #f5f5f5;
    font-size: .8rem;
    margin: 0 .5rem 1rem 0
}

.donate-form-list li .fa {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    display: none;
    right: .6rem
}

.donate-form-list li::before {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    background-color: #fdd831;
    border-radius: 50%;
    border: 2px solid #efefef;
    content: '';
    left: .5rem;
    height: 8px;
    width: 8px
}

.donate-form-list li:hover {
    color: #565656;
    background-color: #fbfbfb;
    cursor: pointer;
    box-shadow: 0 0 0 3px #e2e2e2
}

.donate-form-list li.selected {
    background-color: #70ec79;
    color: #0c6f16;
    box-shadow: 0 0 0 3px #dcffde
}

.donate-form-list li.selected .fa-check {
    color: #35cb43
}

.donate-form-list li.selected::before {
    background-color: #35cb43
}

.home-stats-list {
    margin: 5rem 10% 0;
    display: flex;
    flex-wrap: wrap;
    transform: scale(.95);
    justify-content: center
}

.home-stats-item {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    background-color: transparent;
    background-color: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.09);
    border-radius: .5rem;
    vertical-align: top;
    width: calc(33.33% - 6rem - 2px);
    padding: 2rem;
    margin: 0 1rem 3.5rem;
    transform: translateY(0)
}

.home-stats-item:hover {
    background-color: #fff;
    box-shadow: rgba(0,0,0,.03) 0 2px 2px,rgba(0,0,0,.03) 0 4px 4px,rgba(0,0,0,.03) 0 8px 8px,rgba(0,0,0,.03) 0 16px 16px,rgba(0,0,0,.03) 0 32px 32px!important;
    transform: translateY(-.3rem)
}

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

.home-stats-item h3 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #4c4c4c;
    margin-top: .8rem;
    margin-bottom: 0
}

.home-stats-item span {
    display: block;
    color: #484848;
    opacity: .85;
    line-height: 1.3;
    margin-top: .3rem
}

.donate-form-wrapper {
    margin: .5rem auto auto
}

.donate-form-wrapper .btn-primary {
    display: inline-block;
    margin-top: .5rem
}

.home-news-list {
    position: relative;
    z-index: 5;
    padding-bottom: 4rem;
    margin: 0
}

.home-news-item {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: .3rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15)
}

.home-news-img img {
    display: block;
    height: 120%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.home-news-info {
    width: calc(40% - 6rem);
    padding: 3rem 3rem 3rem;
    min-height: 20rem
}

.home-news-img {
    display: block;
    margin-left: 40%;
    width: 60%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    overflow: hidden
}

.home-news-info h3 {
    color: #fff;
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    text-transform: capitalize
}

.home-news-info h3 span {
    display: block;
    font-size: 1rem;
    font-style: italic
}

.home-news-info p {
    color: #fff;
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: 2rem
}

.home-news-info .btn {
    display: inline-block;
    /* background-color: #fdd831; */
    background-color: green;
    box-shadow: 0 0 1px 1px green;
    color: #5a4a06;
    white-space: nowrap
}

.home-news-info .btn:hover {
    color: #191919;
    box-shadow: 0 0 0 .3rem rgba(253,215,50,.4)
}

.home-news-info .btn.active {
    background-color: #35cb43
}

.home-news-info .btn.active:hover {
    box-shadow: 0 .2rem 1rem -.07rem rgba(0,0,0,.52)
}

.home-news-info .btn .fa {
    font-size: .75rem;
    margin-right: .5rem
}

.home-news-info .btn:hover {
    background-color: green;
    color: #2f2f2f
}

.home-news-invert-text h3 {
    color: #483c07
}

.home-news-invert-text p {
    opacity: .85;
    color: #675401
}

.home-news-invert-text .btn {
    color: #483c07;
    border-color: rgba(0,0,0,.5)
}

.home-news-invert-text .btn:hover {
    border-color: rgba(255,255,255,.7)
}

.owl-nav>div {
    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;
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fff;
    font-size: 2rem;
    color: #6d6e71;
    opacity: .85;
    border: 1px solid #dadada;
    height: 2.4rem;
    padding-top: .3rem;
    width: 2.8rem;
    border-radius: 50%;
    left: calc(10.5% - 1.4rem);
    margin-top: -4rem
}

.owl-next {
    left: auto!important;
    right: calc(10.5% - 1.4rem)
}

.owl-nav>div:hover {
    /* background-color: #fdd831; */
    background-color: green;
    color: #fff;
    box-shadow: 0 0 .7rem .1rem rgba(0,0,0,.15);
    border: 1px solid green
}

.owl-item {
    transition: all .3s;
    -webkit-transition: all .3s;
    padding-bottom: 1rem;
    filter: blur(1px);
    transform: scale(.95)
}

.owl-item.active {
    transition: all .3s;
    -webkit-transition: all .3s;
    filter: none;
    transform: scale(1)
}

.home-news-wrapper {
    position: relative;
    padding-top: 3rem
}

.home-news-wrapper .title-primary {
    position: relative;
    text-align: center;
    z-index: 10;
    margin: -4rem auto 3rem
}

.home-news-wrapper::before {
    /* background-color: #fdd831; */
    background-color: green;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    content: '';
    position: absolute
}

.loading-bg,.loading-wrapper,.loading-wrapper::after {
    top: 0;
    width: 100%;
    height: 100%
}

.loading-wrapper {
    transform: translateX(0);
    position: fixed;
    left: 0;
    background-color: #000;
    z-index: 10000
}

.loading-bg,.loading-icon,.loading-wrapper::after {
    position: absolute;
    left: 0
}

.loading-wrapper::after {
    transition: all 1s;
    content: '';
    background-color: #fff;
    transform: translateY(100vh);
    z-index: 10000
}

.loading-wrapper.hide::after {
    transform: translateY(0)
}

.loading-wrapper.hide {
    animation-name: removeLoader;
    animation-duration: .8s;
    animation-delay: .2s;
    animation-fill-mode: forwards
}

.loading-icon {
    display: none
}

.loading-icon.hide {
    opacity: 0;
    margin-top: -.5rem
}

.loading-bg {
    background-color: #fdd831;
    opacity: 0;
    transition: all 1.5s
}

.logo-animate,.logo-text {
    transition: all .8s;
    transform: translateY(1rem)
}

.logo-animate {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px
}

.logo-text {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    display: block;
    opacity: 0
}

.loading-wrapper.show .loading-bg {
    opacity: 1
}

.loading-wrapper.show .logo-animate {
    transform: translateY(0);
    opacity: 1
}

.loading-wrapper.show .logo-text {
    animation-name: showLogoText;
    animation-delay: .2s;
    animation-duration: .6s;
    animation-fill-mode: forwards
}

.loading-icon {
    transition: all .3s;
    -webkit-transition: all .3s;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    right: 0;
    width: 11rem;
    margin: 0 auto;
    z-index: 10
}

.loading-icon img {
    display: block;
    width: 100%
}

.donate-card {
    position: relative;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fff;
    cursor: pointer;
    vertical-align: top;
    white-space: normal;
    height: 25vw;
    margin: 0 .55rem;
    overflow: hidden;
    border-radius: .5rem;
    border: 1px solid #efefef;
    transform: translateY(0);
    box-shadow: 0 .4rem .5rem -.01rem #efece0
}

.donate-card:hover {
    transform: translateY(-.2rem);
    box-shadow: #dcdcdc 0 2px 2px,#dcdcdc 0 4px 4px,#dcdcdc 0 8px 8px,#dcdcdc 0 16px 16px,#dcdcdc 0 32px 32px!important
}

.donate-card-img {
    display: block;
    width: 100%
}

.donate-card-info {
    text-align: center;
    padding: 1.5rem 2rem 0
}

.donate-card-title {
    font-weight: 500;
    font-size: 15px
}

.donate-card-subtitle {
    display: block;
    font-size: .85rem;
    font-weight: 500;
    /* color: #fdd831; */
    color: green;
    text-transform: uppercase;
    letter-spacing: .15rem;
    margin-bottom: .5rem
}

.page-home .donate-card-subtitle {
    height: 1.5rem
}

.donate-card-description {
    font-size: .85rem;
    display: none;
    margin-top: .5rem
}

.donate-card-amount {
    font-size: .85rem;
    color: #484848
}

.donate-card-amount em {
    color: #fdd831;
    font-weight: 500
}

.donate-card .btn {
    display: block;
    transition: all .3s;
    -webkit-transition: all .3s;
    width: calc(100% + 4rem);
    border-radius: 0;
    margin-left: -2rem;
    padding: .7rem 0;
    margin-top: 1rem;
    position: absolute;
    bottom: 0;
    left: 0
}

.donate-card .btn::after {
    transition: all .3s;
    -webkit-transition: all .3s;
    /* background-color: #fdd831; */
    background-color: green;
    left: 0;
    bottom: 0;
    height: .2rem;
    position: absolute;
    content: '';
    width: 100%
}

.donate-card-icons-wrapper {
    position: relative;
    display: none;
    background-color: #fefefe;
    margin: 3rem 0 0 -2rem;
    width: calc(100% + 4rem);
    padding-bottom: 2rem;
    border-top: 2px dashed #ececec
}

.donate-card-icons-wrapper label {
    display: inline-block;
    background-color: #fff;
    font-size: .75rem;
    color: #484848;
    padding: 0 1rem;
    margin-bottom: 1rem;
    transform: translateY(-.6rem)
}

.donate-card-icons-wrapper span {
    font-size: .75rem;
    font-weight: 300;
    color: #484848;
    margin: 0 .5rem
}

.donate-card-icons-wrapper img {
    display: inline-block;
    vertical-align: middle;
    width: 1.25rem;
    margin-right: .3rem
}

.donate-card:hover .btn::after {
    height: 10px
}

.donate-card .btn span {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: block;
    display: none;
    transform: translateY(-.5rem)
}

.donate-card:hover .btn span {
    color: #2f2f2f;
    position: relative;
    transform: translateY(0);
    z-index: 3
}

.donate-options-wrapper {
    position: relative
}

.donate-options-title {
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 3;
    margin: 0 0 3rem 12vw;
    width: 20%
}

.donate-options-title .btn-primary {
    display: inline-block;
    margin-top: 2.5rem
}

.donate-options-title .title-primary {
    margin-bottom: 1.5rem
}

.donate-options-cards {
    transition: all .8s;
    -webkit-transition: all .8s;
    padding: 4rem 0 .5rem
}

.donate-options-card-block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(80% - 12vw - 1rem);
    z-index: 1
}

.donate-options-card-block .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 6rem;
    margin-top: -2rem
}

.donate-options-card-block .owl-nav>div {
    display: block;
    position: relative;
    transform: none!important;
    top: auto;
    opacity: .95;
    box-shadow: 0 0 1.7rem -.1rem rgba(0,0,0,.15);
    left: auto!important;
    right: auto;
    margin: .5rem 0
}

.donate-options-card-wrapper {
    position: relative;
    margin-left: 0;
    padding: 0 3rem 3rem 7rem
}

.donate-options-card-wrapper::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 6rem;
    background: linear-gradient(90deg,#fffef9 50%,rgba(254,254,254,0));
    z-index: 5
}

.donate-options-card-block::after {
    background-color: #e6e3d4;
    left: 6rem;
    top: 1.5rem;
    width: calc(100% - 5rem - 11vw);
    position: absolute;
    height: 1px
}

.home-donate-main-wrapper {
    transition: all .3s;
    -webkit-transition: all .3s;
    max-height: 100vh;
    opacity: 1
}

.home-donate-main-wrapper.hide {
    max-height: 0;
    overflow: hidden;
    opacity: 0
}

.home-donate-amount {
    position: relative;
    display: block;
    text-align: right;
    color: #484848;
    margin: 3rem 0 .5rem
}

.home-donate-amount label {
    font-size: .75rem;
    color: #484848;
    font-weight: 300;
    opacity: .7;
    position: absolute;
    bottom: .3rem;
    left: 0
}

.home-donate-amount em {
    font-size: 2rem;
    color: #2f2f2f
}

.donate-options-cards,.home-approach-icons-item,.home-approach-title,.home-how-we-do-wrapper,.home-stats-item,.home-stats-main-wrapper {
    transition: all .8s;
    -webkit-transition: all .8s;
    opacity: 0;
    transform: translateY(1.5rem)
}

.donate-options-cards .animate-card {
    transition: all .8s;
    -webkit-transition: all .8s;
    opacity: 0;
    transform: translateX(1.5rem)
}

.donate-options-cards.animated,.home-approach-title.animated,.home-how-we-do-wrapper.animated,.home-stats-main-wrapper.animated {
    opacity: 1;
    transform: translateY(0)
}

.home-approach-icons-wrapper.animated .animate-card,.home-stats-main-wrapper.animated .home-stats-item {
    animation-name: showCard;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards
}

.donate-options-cards.animated .animate-card {
    animation-name: showCardLeft;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards
}

.home-approach-icons-wrapper.animated .animate-card img:last-child {
    animation-duration: 0s;
    animation-delay: .4s;
    animation-fill-mode: forwards
}

.donate-options-cards.animated .animate-card:nth-child(2),.home-approach-icons-wrapper.animated .animate-card:nth-child(2),.home-stats-main-wrapper.animated .animate-card:nth-child(2) {
    animation-delay: .15s
}

.donate-options-cards.animated .animate-card:nth-child(3),.home-approach-icons-wrapper.animated .animate-card:nth-child(3),.home-stats-main-wrapper.animated .animate-card:nth-child(3) {
    animation-delay: .3s
}

.donate-options-cards.animated .animate-card:nth-child(4),.home-approach-icons-wrapper.animated .animate-card:nth-child(4),.home-stats-main-wrapper.animated .animate-card:nth-child(4) {
    animation-delay: .45s
}

.donate-options-cards.animated .animate-card:nth-child(5),.home-approach-icons-wrapper.animated .animate-card:nth-child(5),.home-stats-main-wrapper.animated .animate-card:nth-child(5) {
    animation-delay: .6s
}

.donate-options-cards.animated .animate-card:nth-child(6),.home-approach-icons-wrapper.animated .animate-card:nth-child(6),.home-stats-main-wrapper.animated .animate-card:nth-child(6) {
    animation-delay: .75s
}

.donate-options-usp {
    text-align: center;
    display: none;
    padding: 1rem 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 3rem 13rem;
    width: calc(100% - 18rem)
}

.donate-options-usp img {
    display: inline-block;
    vertical-align: middle;
    width: 2.8rem;
    margin-right: .5rem
}

.donate-options-usp span {
    display: inline-block;
    color: #484848;
    font-size: .85rem;
    font-weight: 300;
    line-height: 1.5;
    width: calc(100% - 3.6rem);
    vertical-align: middle
}

.donate-options-card-wrapper .owl-item.active:first-of-type {
    transform: translateY(-2rem)
}

.cursive-font {
    font-family: 'Indie Flower',cursive
}

.about-hero-wrapper {
    position: relative
}

.about-hero-img {
    display: block;
    width: 100%
}

.about-hero-caption {
    text-align: center;
    padding-top: 10rem;
    margin: 0 auto 3rem;
    width: 40%
}

.about-hero-caption-wide {
    width: 60%
}

.about-hero-caption .hero-title {
    display: inline-block;
    border-bottom: 2px solid #fdd831;
    padding: 0 .5rem 1.5rem;
    margin-bottom: 1.5rem;
    width: auto
}

.about-mission-wrapper {
    position: relative;
    margin: 5rem 0
}

.about-mission-wrapper .home-approach-icons-wrapper {
    text-align: center;
    display: block;
    margin: 0;
    display: flex;
    justify-content: center
}

.about-mission-wrapper .home-approach-icons-item:hover .home-approach-hidden-info,.about-mission-wrapper .home-approach-icons-item:hover h3 {
    transform: translateY(calc(-12vw - 1rem))
}

.about-mission-wrapper .home-approach-icons-item:hover {
    box-shadow: 0 1rem 1rem .15rem rgba(0,0,0,.2)!important
}

.about-mission-wrapper .title-primary {
    text-align: center;
    margin-bottom: 3rem
}

.about-mission-crayon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: rotate(180deg)
}

.about-mission-crayon-alt {
    position: absolute;
    z-index: 1;
    top: 99%;
    left: 0;
    width: 100%
}

.about-video-wrapper {
    position: relative;
    z-index: 0;
    margin-top: -3rem;
    margin-bottom: -1px
}

.about-video-wrapper::before {
    content: '';
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.play-btn-icon {
    display: block;
    width: 7rem;
    margin: 0 auto 1rem
}

.about-video-play {
    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;
    cursor: pointer;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 11
}

.about-video-play .btn-text {
    color: #fff
}

.about-video-wrapper .heading-para-wrapper {
    text-align: left;
    position: relative;
    float: left;
    width: calc(50% - 15rem);
    margin: 11rem 5rem 0 10rem;
    z-index: 11
}

.about-video-block {
    position: relative;
    width: 49.3%;
    float: right;
    overflow: hidden;
    display: block
}

.about-video-block::before {
    display: block;
    background-color: #fff;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    bottom: 0;
    z-index: 5
}

.about-video-patch {
    position: relative;
    display: block;
    width: 100%;
    z-index: 10
}

.about-video-block video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 110%
}

.heading-para-wrapper img {
    display: block;
    cursor: pointer;
    margin: 0 auto 1rem;
    width: 7rem
}

.hero-content-subtitle {
    color: #fdd831;
    font-weight: 700;
    font-family: 'Indie Flower',cursive;
    font-size: 2rem
}

.heading-para-wrapper p {
    margin: 1rem 0 2rem
}

.heading-para-wrapper a {
    display: inline-block
}

.heading-para-wrapper .btn-text {
    color: #fff;
    border-color: #fff
}

.about-video-crayon {
    position: absolute;
    bottom: -8rem;
    left: 0;
    width: 100%;
    transform: rotate(180deg);
    z-index: 10
}

.page-about .donate-options-cards {
    background-color: #d42750;
    margin-top: -2px
}

.page-about .donate-options-card-wrapper::before {
    content: none
}

.page-about .donate-card {
    border: none;
    box-shadow: none;
    border-bottom: .4rem solid #fdd831
}

.page-about .team-wrapper .donate-card {
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15)
}

.page-about .donate-options-card-block {
    margin-top: 3rem
}

.page-about .donate-card:hover {
    transform: translateY(-.2rem);
    box-shadow: 5px .7rem 15px rgba(0,0,0,.2)!important
}

.page-about .donate-card-block-left {
    margin-left: -5rem
}

.page-about .donate-card-block-left .donate-options-card-block .owl-next {
    display: none!important
}

.page-about .donate-card-block-left .donate-options-card-block .owl-prev {
    display: block!important
}

.page-about .donate-card-block-left .donate-options-card-wrapper {
    padding: 0 7rem 0 0
}

.page-about .donate-card-block-left .donate-options-cards.animated .animate-card {
    animation-name: showCardLeft;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards
}

.page-about .donate-card-img {
    background-color: #e0dede;
    height: calc(75%)
}

.page-about .donate-options-card-wrapper {
    padding-bottom: 0
}

.page-about .trustees {
    position: relative;
    top: 3rem
}

.page-about .donate-card {
    width: 90%;
    height: auto
}

.page-about .donate-card-designation {
    color: #484848;
    font-size: .85rem;
    height: 2rem;
    display: block;
    line-height: 1.2em;
    margin-top: 0
}

.page-about .team-wrapper .donate-card:hover .donate-card-designation {
    white-space: normal;
    overflow: visible;
    text-overflow: inherit
}

.page-about .donate-card-description {
    display: none
}

.page-about .donate-card-info {
    padding: 1rem 2rem 1rem
}

.page-about .participate-wrapper {
    position: relative;
    margin-top: 0
}

.page-about .editorial-logos-wrapper {
    padding-top: 0
}

.page-about .editorial-logos-wrapper p {
    margin: auto;
    width: 65%
}

.page-about .editorial-logos {
    margin: 3rem 0
}

.page-about .participate-img {
    display: block;
    width: 100%
}

.page-about .participate-wrapper .approach-info {
    border-bottom: none
}

.page-about .approach-info {
    position: relative;
    text-align: center;
    width: 65%;
    margin: 0 auto 7rem;
    padding: 1.8rem 0 2rem;
    z-index: 10
}

.page-about .rippan-signature {
    margin: 1.5rem auto 0
}

.page-about .participate-info .approach-info {
    text-align: center;
    width: 25rem;
    position: absolute;
    top: 1rem;
    left: 10rem
}

.page-about .approach-info-wrapper h1 {
    position: relative;
    line-height: 1em;
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    z-index: 1
}

.page-about .participate-text {
    border-left: 1px solid #dcdcdc;
    padding-left: 2rem;
    margin-left: 1.5rem
}

.page-about .approach-info-wrapper h6,.page-about .approach-info-wrapper p {
    line-height: 1.5;
    color: #4c4c4c;
    font-size: 1rem;
    margin-left: 4rem
}

.page-about .approach-info-wrapper h6 {
    margin-top: 1.5rem
}

.page-about .approach-info-wrapper p {
    font-size: .8rem;
    margin-left: 5.5rem
}

.page-about .approach-info-wrapper h6::before {
    height: .5rem;
    width: .5rem;
    background: #fddb35;
    border-radius: 2rem;
    content: '';
    display: inline-block;
    margin-right: 1rem
}

.page-about .footer-usp-list {
    margin-top: 7rem
}

.page-about .contact-faq-wrapper {
    position: relative;
    padding: 0 15% 5rem
}

.page-about .contact-faq-title-wrapper {
    float: left;
    width: 40%;
    margin-right: 3rem
}

.page-about .contact-faq-wrapper .accordion-wrapper {
    float: left;
    width: calc(54%);
    margin-top: 1rem
}

.page-about .accordion-wrapper {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15)
}

.page-about .accordion-item {
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #ececec
}

.page-about .accordion-title {
    position: relative
}

.page-about .accordion-title span {
    top: 1rem
}

.page-about .accordion-subtitle {
    display: flex;
    justify-content: space-evenly;
    width: 70%;
    align-items: center;
    margin-left: -2rem;
    font-size: .9rem
}

.team-title {
    text-align: center;
    color: #fff
}

.title-primary-white {
    color: #fff
}

.about-team-crayon {
    position: absolute;
    bottom: -8rem;
    left: 0;
    width: 100%;
    transform: rotate(180deg);
    z-index: 0
}

.awards-wrapper {
    position: relative;
    text-align: center;
    padding-bottom: 7rem;
    z-index: 11;
    margin-top: 10rem
}

.awards-wrapper .btn {
    display: inline-block;
    margin: 4rem auto 0
}

.awards-wrapper .services-title p {
    text-align: center;
    width: 40%;
    margin: auto
}

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

.award-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    vertical-align: top;
    width: calc(25% - 5rem);
    margin: 2rem 2rem 0
}

.award-hidden-wrapper {
    transition: all .5s;
    overflow: hidden;
    max-height: 0
}

.award-hidden-wrapper.show {
    max-height: 150vh
}

.award-list img {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: block;
    transform: translateY(0);
    width: 10rem
}

.award-list img:first-child {
    margin: auto
}

.award-item p {
    font-size: .85rem;
    line-height: 1.3em
}

.award-list img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .3s;
    transform: translateY(2rem);
    opacity: 0
}

.award-item span em {
    display: block;
    font-weight: 400;
    font-size: .85rem;
    color: #2f2f2f;
    margin-bottom: .3rem
}

.award-item span {
    color: #fdd831;
    font-weight: 400;
    font-size: .85rem;
    display: block;
    font-weight: 500;
    -webkit-text-stroke: 1px #fdd831;
    margin-top: .4rem;
    letter-spacing: .15rem
}

.award-item div {
    position: relative
}

.participate-quote {
    width: 12%;
    padding-bottom: 1rem
}

.circle {
    height: .5rem;
    width: .5rem;
    background: #fddb35;
    border-radius: 2rem
}

.about-quote-wrapper em {
    display: block;
    color: #fdd831;
    margin-bottom: -3rem;
    font-size: 7rem;
    font-family: serif
}

.about-quote-wrapper h3 {
    font-size: 1.8rem
}

.financials-wrapper {
    position: relative;
    text-align: center;
    width: 45%;
    margin: 4rem auto 5rem
}

.financials-wrapper-box {
    width: 30%;
    background-color: #e5f8ff;
    padding: 1rem;
    float: left
}

.financials-wrapper-img {
    float: left;
    width: 13rem;
    padding: 1rem 1rem 1rem 3rem;
    display: block;
    margin: auto
}

.financials-wrapper-info {
    display: block;
    margin: auto
}

.financials-wrapper-info .btn {
    display: inline-block;
    margin: 1.5rem 0 0
}

.team-wrapper .title-primary {
    color: #fff
}

.team-wrapper .donate-options-title p {
    color: #ffb6c7;
    color: #fff
}

.team-wrapper .donate-options-title {
    margin-top: 3rem;
    border-bottom: 1px solid #e67791;
    padding-bottom: 2rem
}

.about-team-banner {
    display: block;
    position: relative;
    width: 100%;
    transform: translateY(-1px)
}

.articles-block {
    transition: all .3s;
    -webkit-transition: all .3s;
    position: relative;
    text-align: center;
    background-color: #fff;
    float: left;
    width: calc(33.33% - 5rem - 2px);
    padding: 2rem 1.5rem 3.5rem;
    border-radius: .5rem;
    margin: 1rem 1rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15)
}

.articles-wrapper {
    margin: 0 3rem;
    display: flex;
    flex-wrap: wrap
}

.articles-wrapper:not(.articles-wrapper-hidden) {
    margin-top: 3rem
}

.articles-main-wrapper .btn {
    margin-top: 3rem;
    display: inline-block
}

.articles-wrapper-hidden {
    transition: all .7s
}

.articles-wrapper-hidden .articles-block {
    display: none
}

.articles-wrapper-hidden .articles-block.show {
    display: block
}

.articles-block span {
    display: block;
    font-size: .85rem;
    color: #fdd831;
    font-weight: 500;
    margin-bottom: .5rem;
    text-transform: uppercase;
    letter-spacing: .15rem
}

.articles-block h3 {
    font-size: 1rem;
    font-weight: 400
}

.articles-block a {
    text-decoration: none;
    color: #484848;
    font-size: .85rem;
    display: inline-block;
    margin: 1.5rem auto 0;
    opacity: .8;
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    right: 0;
    font-weight: 500;
    margin: auto
}

.articles-block:hover {
    cursor: pointer;
    box-shadow: 0 1rem .7rem -.1rem rgba(0,0,0,.05)
}

.articles-block:hover a {
    color: #fdd831
}

.articles-block img {
    display: block;
    height: 2rem;
    margin: 0 auto 2rem;
    width: auto;
    max-width: initial
}

.profile-modal {
    background-color: #fff;
    transition: all .7s;
    position: fixed;
    z-index: 101;
    top: 50%;
    padding: 3rem 3rem 3rem 8rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.25);
    border-radius: .5rem;
    transform: translateY(-50%) translateX(60rem);
    right: 0;
    height: calc(70vh - 6rem);
    width: 30rem
}

.profile-info-wrapper .small-cap-title {
    color: #fdd831;
    font-weight: 500;
    font-size: 1rem;
    opacity: 0;
    transition: all .8s;
    transform: translateX(.8rem);
    transition-delay: .75s
}

.profile-img-wrapper {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    overflow: hidden;
    background: #f3f3f3;
    left: -23rem;
    width: 20rem
}

.profile-img {
    display: block;
    opacity: 0;
    transform: translateX(1rem);
    transition: all .8s;
    width: 100%
}

.profile-img-block {
    position: relative
}

.profile-img-block::before {
    background-color: #fdd831;
    content: '';
    transition: all .7s;
    transform: translateX(-100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.profile-info-wrapper {
    position: relative
}

.profile-info-wrapper::before {
    content: '';
    position: absolute;
    bottom: -.3rem;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 4rem;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 90%);
    display: none
}

.profile-info-block {
    padding-right: 2rem;
    padding-bottom: 3rem;
    height: calc(70vh - 6rem - 7rem);
    overflow-y: scroll;
    opacity: 0;
    transition: all .8s;
    transform: translateX(.8rem);
    transition-delay: .85s
}

.profile-modal .fa-close {
    right: -1.5rem;
    z-index: 100;
    top: -1.5rem
}

.profile-modal .title-primary {
    opacity: 0;
    transition: all .8s;
    transform: translateX(.8rem);
    transition-delay: .65s
}

.profile-modal.show {
    transform: translateY(-50%) translateX(0)
}

.profile-modal.show .profile-info-block,.profile-modal.show .small-cap-title,.profile-modal.show .title-primary {
    transform: translateX(0);
    opacity: 1
}

.profile-modal.show .profile-img {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .6s
}

.profile-modal.show .profile-img-block::before {
    transform: translateX(100%)
}

.page-contact {
    background: #fffef9
}

.modal-contact-success {
    width: 30rem;
    margin-top: 0;
    background: #fff;
    text-align: center;
    overflow: visible;
    border-bottom: .5rem solid #fdd831
}

.modal-contact-success .btn-primary {
    margin-top: 1.5rem;
    display: inline-block
}

.modal-contact-success .fa-close {
    right: -1.5rem
}

.modal-contact-success .modal-wrapper {
    padding: 2rem
}

.modal-contact-success .full-width-img {
    display: block
}

.modal-contact-success .hero-title {
    width: auto;
    margin-top: .5rem;
    font-size: 1.75rem
}

.contact-hero-wrapper {
    position: relative;
    padding: 10rem 10% 2rem
}

.contact-title-wrapper {
    float: left;
    width: calc(50% - 3rem);
    margin-right: 3rem;
    margin-top: 2rem
}

.contact-title-img {
    display: inline-block;
    vertical-align: middle;
    width: 8rem;
    margin-right: 2rem
}

.contact-checkbox {
    margin-top: 1rem;
    margin-left: 1rem
}

.contact-checkbox input {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem
}

.contact-disclaimer {
    position: relative;
    font-size: .85rem;
    display: inline-block;
    color: #484848;
    opacity: .75;
    top: auto;
    line-height: 1.4;
    left: auto;
    margin: 1rem 1rem 2.5rem;
    vertical-align: middle
}

.contact-title-block {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 12rem);
    padding-bottom: 2rem;
    border-bottom: 1px solid #ececec
}

.contact-form-row-wide .form-field-wrapper {
    width: calc(100% - 1.5rem)!important
}

.contact-form-wrapper {
    float: left;
    width: 45%
}

.contact-form-row {
    margin-bottom: 2rem
}

.contact-form-row .form-field-wrapper {
    float: left;
    width: calc(50% - 1.5rem);
    margin: 0 .75rem
}

.contact-textarea {
    margin: 0 .75rem
}

.contact-form-wrapper .btn-primary {
    display: inline-block;
    margin-top: 2rem;
    margin-left: .75rem
}

.contact-locations-wrapper {
    position: relative;
    text-align: center;
    z-index: 5;
    padding: 0 10% 5rem;
    margin-top: 8rem
}

.contact-locations-crayon-strip {
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
    z-index: 1
}

.contact-locations-wrapper::before {
    background-color: #fdd831;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%
}

.contact-locations-card {
    background-color: #fff;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: translateY(0);
    float: left;
    width: calc(33.33% - 4.5rem - 2px);
    border-radius: .5rem;
    border: 1px solid #efefef;
    border-bottom: .4rem solid #efefef;
    margin: 0 .75rem;
    padding: 1.5rem 2rem 1.5rem;
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.contact-locations-card:hover {
    transform: translateY(-.2rem);
    box-shadow: #dcdcdc 0 2px 2px,#dcdcdc 0 4px 4px,#dcdcdc 0 8px 8px,#dcdcdc 0 16px 16px,#dcdcdc 0 32px 32px!important;
    border-bottom: .4rem solid #fdd831
}

.contact-locations-card a {
    display: inline-block;
    text-decoration: none;
    color: #484848;
    font-weight: 300;
    color: #4fb5eb;
    cursor: pointer;
    padding-bottom: .6rem;
    border-bottom: 5px solid transparent
}

.contact-locations-card a:hover {
    color: #2f2f2f;
    border-bottom: 2px solid #fdd831
}

a.contact-map-link {
    font-size: .85rem;
    color: #3aade9!important;
    margin-top: 1rem
}

.contact-locations-card img {
    display: block;
    width: 4rem;
    margin: -3.5rem auto 1rem
}

.contact-locations-card span {
    display: block;
    letter-spacing: .15rem;
    margin-bottom: 1rem
}

.contact-locations-card {
    position: relative
}

.contact-locations-card .address,.contact-locations-card .mail-address {
    position: absolute;
    top: 5rem;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all .5s ease
}

.contact-locations-card .address p,.contact-locations-card .mail-address p {
    padding: 0 1rem
}

.contact-locations-card .active {
    opacity: 1
}

.contact-locations-block {
    position: relative;
    display: flex;
    margin-top: -3rem;
    margin-bottom: -3rem;
    z-index: 3
}

.contact-locations-info {
    display: none
}

.contact-locations-tab-wrapper span {
    display: inline-block;
    color: #484848;
    transition: all .3s;
    -webkit-transition: all .3s;
    color: #483b07;
    opacity: .65;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin: 0 .5rem;
    padding: 1rem .6rem
}

.contact-locations-tab-wrapper br {
    display: none
}

.contact-locations-tab-wrapper span.selected,.contact-locations-tab-wrapper span:hover {
    color: #2f2f2f;
    opacity: 1;
    border-bottom: 2px solid #fff
}

.contact-locations-tab-wrapper {
    position: relative;
    background-color: #fdd831;
    padding: 2rem 3rem;
    margin: 0 auto 0;
    z-index: 10
}

.contact-locations-tab-wrapper .title-primary {
    color: #483c07
}

.contact-locations-tab-block {
    position: relative;
    margin: 0 25vh 0;
    transform: translateY(-4rem)
}

.contact-locations-tab-block::before {
    position: absolute;
    content: '';
    box-shadow: 0 0 1rem -.1rem rgba(68,68,68,.21);
    top: 0;
    left: 0;
    width: 100%;
    height: 90%
}

.contact-faq-title-block {
    margin: 2rem 0 0 5.85rem
}

.contact-faq-title-block img {
    display: inline-block;
    vertical-align: top;
    width: 2.5rem;
    margin-right: 1.5rem;
    margin-top: .75rem
}

.contact-faq-title-block .btn-text {
    color: #636363;
    padding-right: 1rem;
    border-right: 1px solid #989898;
    border-radius: 0;
    margin-right: 1rem
}

.contact-faq-title-block .btn-text:last-child {
    padding-right: 0;
    border-right: none;
    border-radius: 0;
    margin-right: 0
}

.contact-faq-title-block .btn-text:hover {
    color: #fdd831
}

.contact-faq-title-block h3 {
    font-size: 1rem;
    font-weight: 500
}

.contact-faq-title-block p {
    font-size: .85rem;
    line-height: 1.4
}

.contact-faq-title-block div {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 4.45rem)
}

.contact-faq-title-block a {
    display: inline-block;
    margin-top: .4rem
}

.contact-map {
    display: none;
    position: relative;
    height: 80vh;
    margin-top: -10rem
}

.contact-map::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background: linear-gradient(to bottom,#fffef9 10%,rgba(255,255,255,0) 100%);
    z-index: 2
}

.contact-banner-wrapper {
    position: relative
}

.contact-banner-wrapper br {
    display: none
}

.contact-banner-wrapper img {
    display: block;
    width: 100%
}

.contact-brush-top {
    position: absolute;
    top: -8rem;
    left: 0
}

.contact-faq-wrapper {
    position: relative;
    padding: 5rem 15%
}

.contact-faq-title-wrapper {
    float: left;
    width: 40%;
    margin-right: 3rem
}

.contact-faq-wrapper .accordion-wrapper {
    float: left;
    width: calc(60% - 3rem)
}

.contact-faq-title-wrapper .btn-primary {
    display: inline-block;
    margin-top: 1.5rem
}

.contact-editorial-wrapper {
    padding-top: 0
}

.related-posts>div {
    display: flex
}

.blog-hero-wrapper {
    position: relative;
    padding: 11.5rem 12% 4rem;
    padding: 11.5rem 0 4rem
}

.main-blog-article {
    position: relative
}

.pagination {
    display: block!important
}

.main-blog-info {
    position: relative;
    display: inline-block;
    z-index: 10;
    vertical-align: middle;
    margin-left: 6.5rem;
    width: calc(55% - 7rem)
}

.main-blog-info .blog-tag-wrapper {
    margin-top: 2rem
}

.main-blog-info-subtitle {
    display: block;
    color: #fdd831;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.main-blog-info .small-cap-title {
    margin-bottom: 1.5rem
}

.main-blog-info .btn {
    display: inline-block;
    margin-top: 2rem
}

.main-blog-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 45%
}

.main-blog-img img {
    position: relative;
    display: block;
    z-index: 10;
    width: 100%
}

.blog-hero-crayon-strip {
    position: absolute;
    bottom: -4rem;
    left: 0;
    width: 100%;
    z-index: 1
}

.blog-list-wrapper {
    margin: 4rem 12% 3rem
}

.blog-article-list {
    float: left;
    width: 75%
}

.blog-filter-wrapper {
    float: left;
    margin-left: 4rem;
    margin-top: 1rem;
    width: calc(25% - 5rem)
}

.blog-item {
    background-color: #fff;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    overflow: hidden;
    transform: translateY(0);
    vertical-align: top;
    border-radius: .5rem;
    border: 1px solid #efefef;
    border-bottom: .4rem solid #fdd831!important;
    margin: 0 .75rem 1.5rem;
    padding: 1.5rem 2.5rem 2.5rem;
    margin: 0 0 1.5rem;
    width: calc(100% - 5rem);
    cursor: pointer;
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.blog-item .btn-primary {
    display: inline-block;
    margin-top: .5rem
}

.blog-item h3 {
    font-size: 1.25rem;
    color: #2f2f2f;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 1rem
}

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

.blog-item p {
    font-size: .85rem;
    margin-bottom: 1rem
}

.blog-item span {
    color: #484848;
    font-size: .75rem;
    opacity: .7;
    text-transform: uppercase;
    letter-spacing: .15rem
}

.blog-item span sup {
    font-size: .5rem;
    vertical-align: super
}

.blog-filter-list-wrapper {
    margin-bottom: 5rem
}

.blog-filter-list-wrapper p {
    font-size: .85rem
}

.blog-filter-list-wrapper>label {
    font-weight: 500;
    font-size: .75rem;
    display: block;
    color: #fdd831;
    margin-bottom: 1rem;
    letter-spacing: .15rem;
    text-transform: uppercase
}

.blog-filter-list {
    position: relative;
    margin: 0;
    padding: .5rem 0 .5rem 1rem;
    border-left: 1px solid #e4e4e4
}

.blog-filter-list li a {
    text-decoration: none;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: block;
    font-size: .75rem;
    color: #484848;
    text-transform: uppercase;
    letter-spacing: .15rem;
    margin-bottom: 1.5rem
}

.blog-filter-list li a::before {
    display: block;
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fdd831;
    position: absolute;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    left: calc(-2rem - 2px);
    top: 50%;
    height: 0%;
    width: 3px;
    content: ''
}

.blog-filter-list li a:hover {
    color: #2f2f2f;
    font-weight: 500
}

.blog-filter-list li a:hover::before {
    height: 120%
}

.blog-filter-list li:last-child a {
    margin-bottom: 0
}

.blog-list-title {
    text-align: left;
    margin-bottom: 2.5rem
}

.blog-editorial-wrapper {
    padding-top: 0;
    padding-bottom: 0
}

.blog-article-list-column {
    float: left;
    width: calc(50% - 1.5rem);
    margin: 0 .75rem
}

.blog-filter-color {
    display: inline-block;
    margin-right: .6rem;
    width: 9px;
    height: 9px;
    margin-left: -1rem;
    border-radius: 50%;
    vertical-align: middle
}

.blog-tag-wrapper {
    margin-top: 1.5rem;
    margin-bottom: -1.25rem
}

.blog-tag {
    position: relative;
    font-size: .75rem;
    color: #fff;
    color: #484848;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem
}

.blog-tag-wrapper .blog-filter-color {
    height: 10px;
    width: 10px;
    margin-top: -3px;
    margin-left: 0;
    margin-right: .3rem
}

.blog-hero-item {
    margin: 0 12%
}

.blog-main-list {
    margin: 0
}

.blog-main-list.owl-carousel .owl-stage-outer {
    overflow: visible
}

.blog-hero-wrapper .owl-nav>div {
    margin-top: -2rem;
    left: calc(5.5% - 1.4rem)
}

.blog-hero-wrapper .owl-next {
    right: calc(5.5% - 1.4rem)
}

.blog-hero-wrapper .owl-dots {
    position: absolute;
    bottom: 0;
    right: 4rem
}

.blog-hero-wrapper .owl-dot {
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: #dcdcdc;
    border-radius: 50%;
    border: 2px solid #ccc;
    vertical-align: middle;
    margin: 0 .3rem;
    height: 10px;
    width: 10px
}

.blog-hero-wrapper .owl-dot.active {
    background-color: #fdd831;
    border: 2px solid #dfb702
}

.blog-item-wide {
    padding-bottom: 1.5rem
}

.blog-item-wide .blog-item-img {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    margin-right: 1.5rem;
    margin-bottom: 0
}

.blog-item-wide .blog-item-info {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: calc(55% - 1.5rem)
}

.blog-item-wide .blog-tag-wrapper {
    position: absolute;
    margin: 0;
    bottom: 2rem;
    right: 1rem
}

.newsletter-signup-wrapper {
    text-align: center;
    margin: 5rem 12% 8rem
}

.newsletter-title-wrapper {
    width: 50%;
    margin: 0 auto 2rem
}

.newsletter-input-wrapper {
    margin-top: 1.25rem;
    width: 100%
}

.newsletter-input-wrapper .form-field-wrapper {
    width: 100%
}

.email_posts_subscribers span {
    display: none
}

.elp_form_message.error,.elp_form_message.success {
    color: #fff!important;
    font-weight: 400!important;
    background: #1fbb4d;
    display: block;
    text-align: center;
    padding: .75rem;
    border-radius: 1rem;
    font-size: .85rem;
    line-height: 1.4;
    margin-top: 1rem
}

.elp_form_message.error {
    background: #d82828
}

.email_posts_subscribers input[type=submit],.newsletter-input-wrapper .btn-primary {
    display: block;
    text-align: center;
    margin-top: 1rem
}

.newsletter-input-wrapper span {
    color: #484848;
    font-size: .75rem;
    display: block;
    font-style: italic;
    margin-top: 1.5rem
}

.blog-list-title-img {
    display: inline-block;
    vertical-align: middle;
    width: 7rem;
    margin-right: 2rem
}

.blog-list-title-info {
    display: block;
    text-align: center;
    margin: auto;
    width: calc(70% - 10rem)
}

.btn-more-stories {
    text-align: center;
    display: block;
    margin: 1.5rem auto 0;
    width: 9rem
}

.partnership-method-wrapper {
    text-align: center;
    margin: 0 10% 3rem
}

.partnership-method-title {
    margin: auto;
    width: 55%
}

.partnership-method-wrapper .btn {
    display: inline-block;
    margin: 3rem auto
}

.partnership-method-card-wrapper {
    display: flex;
    margin: 7rem 0 0
}

.partnership-case-stories-wrapper .legacy-card-col {
    display: block;
    width: auto
}

.partnership-case-stories-wrapper .legacy-card {
    width: calc(30% - 5rem)
}

.partnership-method-card {
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    border-radius: .5rem;
    border: 1px solid #efefef;
    border-bottom: .4rem solid #efefef;
    margin: 0 .75rem;
    padding: 2.5rem 2.5rem;
    width: calc(33.33% - 7rem - 2px);
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.partnership-method-card h3 {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1rem
}

.partnership-method-card p {
    font-size: .85rem
}

.partnership-method-card img {
    display: block;
    width: 8rem;
    margin: -6rem auto 2rem
}

.partnership-testimonial-wrapper {
    display: block
}

.partnership-testimonial-wrapper .home-chidren-highlight-info img {
    display: block;
    height: 1.5rem;
    margin-left: 1rem;
    margin-top: 1rem;
    width: auto;
    float: none
}

.partnership-testimonial-wrapper .home-chidren-highlight-info .testimoinal-tall-logo {
    height: 2.3rem
}

.partnership-case-studies-wrapper {
    display: none
}

.partnership-case-studies-wrapper .home-news-item span {
    display: block;
    color: #fff;
    margin-bottom: .5rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
    opacity: .7
}

.partnership-testimonial-wrapper {
    padding: 2rem 8% 4rem
}

.partnership-testimonial-wrapper .home-children-highlight-title {
    text-align: center;
    display: block;
    width: 40%;
    margin: 0 auto 4rem
}

.partnership-testimonial-wrapper .home-children-item-wrapper {
    width: calc(100% - 20rem);
    width: 100%
}

.partnership-testimonial-wrapper .home-children-item {
    width: 90%
}

.partnership-testimonial-wrapper .home-children-item-wrapper .owl-dots {
    margin-top: 0
}

.partnership-testimonial-wrapper .home-chidren-highlight-info em {
    display: block;
    font-size: .75rem;
    color: #484848;
    font-weight: 300;
    margin: .8rem 0 0 1rem
}

.partnership-testimonial-wrapper .home-chidren-highlight-info em b {
    display: block;
    font-weight: 300;
    font-size: .85rem;
    font-weight: 400
}

.partnership-testimonial-wrapper .home-chidren-highlight-info span {
    padding-left: 0;
    font-weight: 400;
    font-size: 1rem
}

.partnership-testimonial-wrapper .home-chidren-highlight-info em,.partnership-testimonial-wrapper .home-chidren-highlight-info img {
    margin-left: 0
}

.partnership-testimonial-wrapper .home-chidren-highlight-info span::after {
    display: none
}

.partner-logo-block {
    position: relative;
    display: inline-block;
    width: calc(25% - 2rem);
    margin: 0 .5rem 2rem
}

.partner-logos-wrapper img {
    display: block;
    width: 75%;
    margin: auto
}

.partner-logos-wrapper {
    text-align: center;
    margin: 0 12% 4rem
}

.partner-logos-title {
    margin: 3rem auto;
    width: 60%
}

.partnership-alternate-method-wraper {
    position: relative;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 1px solid #e6e4d9;
    border-bottom: 1px solid #e6e4d9;
    margin: 3rem 10% 6rem
}

.partnership-alternate-method-icon {
    display: inline-block;
    width: 8rem;
    vertical-align: top;
    margin-right: 2rem
}

.partnership-alternate-info {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: calc(80% - 9rem)
}

.partnership-alternate-info h3 {
    font-size: 1.25rem;
    font-weight: 400
}

.partnership-alternate-info p {
    font-size: .85rem
}

.partnership-option-title {
    background: #f1f1f1;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: .5rem 0
}

.partnership-option-title img {
    display: inline-block;
    vertical-align: middle;
    width: 4rem;
    margin-left: 1rem;
    margin-right: .5rem
}

.partnership-option-wrapper {
    text-align: left;
    float: left;
    width: calc(33% - 2rem);
    margin: 0 1rem
}

.partnership-option-wrapper .accordion-item.show .accordion-description {
    max-height: 150vh
}

.partnership-option-title h2 {
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 8rem)
}

.partnership-case-stories-wrapper {
    text-align: center;
    margin-top: 5rem
}

.partnership-case-stories-wrapper .title-primary {
    margin-bottom: 2rem
}

.partnership-case-stories-wrapper .legacy-card-wrapper {
    margin: 0 10% 3rem
}

.partnership-case-stories-wrapper .legacy-card span {
    color: #fdd831;
    display: block;
    margin: 0 0 1rem;
    font-weight: 500
}

.partnership-case-stories-wrapper .legacy-card p {
    text-align: center
}

.partnership-method-block h3 {
    font-size: 1.25rem;
    font-weight: 400;
    margin-top: 1rem
}

.partnership-method-block {
    margin-top: 4rem!important;
    background: 0 0!important
}

.page-corporate-partnerships .partnership-method-block {
    margin-top: 0!important
}

.partnership-method-block .home-story-current-description p {
    margin-top: .5rem
}

.partnership-method-block .home-story-current-description h2 {
    margin-bottom: 2rem
}

.partnership-method-block .home-story-description-wrapper {
    width: calc(70% - 8rem)
}

.partnership-method-block .home-story-img-wrapper {
    width: 27%
}

.partnership-method-block .home-story-brush-patch {
    height: 120%
}

.partnership-method-block-alt .home-story-highlight {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.partnership-method-block-alt .home-story-description-wrapper {
    margin-left: 0;
    margin-right: 8rem
}

.partnership-method-block-alt .home-story-img-wrapper {
    height: fit-content
}

.partnership-method-block-wrapper {
    margin-top: -1rem
}

.partnership-case-stories-title {
    width: 40%;
    margin: auto
}

.partnership-method-block-wrapper .partnership-method-block {
    position: relative;
    z-index: 10
}

.partnership-method-block-wrapper .home-approach-block {
    margin-bottom: -4rem
}

.partnership-method-block-wrapper .home-approach-main {
    background-color: #fffef9;
    padding-bottom: 1rem
}

.partnership-method-block-wrapper h2 {
    color: #2f2f2f
}

.partnership-method-block-wrapper p {
    color: #484848
}

.financials-download-wrapper {
    position: relative;
    z-index: 10;
    margin: -1rem auto 0
}

.financials-accordion-wrapper .accordion-description li {
    position: relative;
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 1.2rem
}

.financials-accordion-wrapper .accordion-description li:last-child {
    margin-bottom: 0
}

.financials-accordion-wrapper .accordion-title h3 {
    font-size: 1.25rem
}

.financials-accordion-wrapper .accordion-description li .btn-text {
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.financials-accordion-wrapper .accordion-description li .btn-text .fa {
    margin-right: .3rem
}

.financials-stats-list {
    display: block;
    margin: 5rem 15% 0;
    border-bottom: 1px solid #efefef;
    padding-bottom: 3rem
}

.financials-stats-list .home-how-we-do-stat {
    text-align: center;
    margin: 0 1.5%
}

.financials-stats-list .home-how-we-do-num em {
    display: inline-block;
    color: #2f2f2f;
    font-size: 3.4rem
}

.financials-stats-list .home-how-we-do-num span {
    right: 0;
    left: 1.5rem;
    opacity: 1;
    -webkit-text-stroke: 2px #fdd831;
    font-size: 3.4rem
}

.financials-stats-list .home-how-we-do-stat b {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 400;
    color: #484848;
    margin: 0 .4rem
}

.financials-stats-list .small-cap-title {
    text-align: center;
    margin: 0 auto 3rem
}

.financials-highlighted-report {
    display: block;
    margin: 8rem auto 0
}

.financials-highlighted-report .home-story-highlight-wrapper {
    padding: 0 13% 6rem
}

.financials-highlighted-report .home-story-current-description em {
    font-family: Rubik,sans-serif
}

.donate-hero-wrapper {
    position: relative;
    margin-bottom: 5rem
}

.donate-banner {
    display: block;
    width: 100%
}

.donate-hero-wrapper {
    margin-top: 5rem
}

.donate-form-block {
    position: relative;
    position: absolute;
    z-index: 10;
    right: 10%;
    width: 31rem;
    top: 4rem
}

.donate-form-block .contact-locations-card {
    float: none;
    margin-top: 4.5rem;
    width: calc(100% - 4.5rem - 2px)
}

.donate-form-block .contact-locations-card span {
    letter-spacing: normal
}

.donate-form-block .contact-locations-card a {
    margin-top: 1rem
}

.donate-form-block.sticky {
    position: fixed;
    top: 6rem;
    z-index: 10
}

.donate-form-block.sticky .contact-locations-card,.donate-form-block.sticky .donate-form-title-wrapper {
    display: none
}

.sticky-relative {
    position: absolute!important;
    top: 0!important
}

.donate-form-wrapper {
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fff;
    transform: translateY(0);
    overflow: hidden;
    padding: 0 2rem 0;
    border-radius: .5rem;
    border: 1px solid #fdd831;
    margin-top: 1.5rem;
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.donate-form-wrapper:hover {
    transform: translateY(-.3rem);
    box-shadow: rgba(0,0,0,.05) 0 2px 2px,rgba(0,0,0,.05) 0 4px 4px,rgba(0,0,0,.05) 0 8px 8px,rgba(0,0,0,.05) 0 16px 16px,rgba(0,0,0,.05) 0 32px 32px!important
}

.donate-form-options,.donate-payment-options {
    text-align: center;
    display: none
}

.donate-form-options.selected,.donate-payment-options.selected {
    display: block
}

.donate-form-option,.donate-payment-option {
    display: inline-block;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
    border-radius: .5rem;
    vertical-align: middle;
    padding: .75rem 2rem;
    background: #fdfcf9;
    width: calc(50% - 4rem - 1rem - 5px);
    margin: .5rem;
    border: 1px solid #e8e6de
}

.donate-payment-option .form-field-wrapper {
    display: none
}

.donate-payment-option.selected .form-field-wrapper {
    display: block
}

.donate-payment-option .form-field-wrapper label {
    position: relative;
    font-size: .85rem
}

.foreign-currency-disclaimer {
    font-size: .75rem;
    font-style: italic;
    opacity: .7;
    display: block
}

.foreign-currency-disclaimer.hide {
    display: none
}

.donate-payment-option {
    display: block;
    text-align: left;
    margin-bottom: .75rem;
    width: auto
}

.payment-method-error {
    color: red;
    font-size: .7rem;
    margin: .5rem .2rem 1rem;
    display: none
}

.payment-method-error.show {
    display: block
}

.donate-form-amount,.donate-payment-option span {
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: 1rem;
    font-weight: 500;
    color: #5a5a5a
}

.donate-payment-option span {
    font-weight: 400
}

.donate-payment-option .fa {
    font-size: .85rem;
    opacity: .7;
    margin-left: -.5rem;
    margin-right: .5rem
}

.donate-form-field {
    position: relative;
    width: calc(100% - 4rem - 1rem - 5px)
}

.donate-form-field .form-field {
    text-align: left;
    margin-left: .5rem;
    font-weight: 500;
    color: #000;
    border: none;
    padding: 0
}

.donate-form-field .form-field+label {
    opacity: 0;
    font-size: inherit;
    top: 0;
    left: 1.5rem
}

.donate-form-field-label {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    font-size: .85rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0;
    color: #5a5a5a;
    right: 1rem
}

.donate-form-field.selected .form-field+label {
    opacity: 1;
    color: #000;
    font-size: 1.25rem;
    top: 0;
    left: -.5rem
}

.donate-form-field .form-field+label.small-label {
    font-size: .75rem;
    top: .25rem;
    left: -1.25rem
}

.donate-form-info {
    display: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.donate-monthly-checkbox {
    text-align: left;
    margin: .5rem 1rem 0
}

.donate-monthly-checkbox input {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.donate-monthly-checkbox label {
    display: inline-block;
    position: relative;
    font-size: .85rem;
    margin-left: .3rem;
    margin-top: .1rem;
    top: auto;
    left: auto;
    vertical-align: middle
}

.donate-form-field.selected .form-field:focus::placeholder {
    color: transparent
}

.donate-form-field.selected .donate-form-field-label {
    opacity: 1
}

.donate-form-option.selected,.donate-form-option:hover,.donate-payment-option.selected,.donate-payment-option:hover {
    background-color: #fdd831
}

.donate-form-option.selected .donate-form-amount,.donate-form-option:hover .donate-form-amount,.donate-payment-option.selected span,.donate-payment-option:hover span {
    color: #2f2f2f
}

.donate-form-wrapper-title {
    position: relative;
    background-color: #fdd831;
    text-align: left;
    display: block;
    padding: 1rem 1.5rem;
    margin-left: -2rem;
    width: calc(100% + 1rem)
}

.donate-form-bullets {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    right: 1.5rem
}

.donate-form-bullets span {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    margin-left: .3rem;
    vertical-align: middle;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    opacity: .3
}

.donate-form-bullets div {
    text-align: right
}

.donate-form-bullets .btn .fa {
    margin-right: .3rem
}

.donate-form-bullets .btn {
    font-size: .75rem;
    opacity: 0
}

.donate-form-bullets .btn.show {
    opacity: 1
}

.donate-form-bullets span.selected {
    opacity: 1
}

.donate-form-wrapper-title label {
    display: block;
    color: #2f2f2f;
    font-size: .85rem;
    font-weight: 500;
    opacity: .85;
    line-height: 1.6;
    width: 75%
}

.donate-form-options-title {
    position: relative;
    display: block;
    font-size: .85rem;
    color: #484848;
    margin: 1.5rem 0 .75rem
}

.donate-form-options-title .fa {
    font-size: 1rem;
    color: #35cb43;
    margin-right: .5rem;
    vertical-align: middle
}

.donate-step .btn-text-dark {
    display: block;
    text-align: center;
    margin: 1rem 0 0
}

.donate-step .btn-text-dark .fa {
    margin-right: .4rem
}

.donate-form-details {
    text-align: center;
    margin: 1.5rem 4.5% 2rem
}

.donate-form-details-info {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: calc(100% - 3rem)
}

.donate-form-details p {
    font-size: .85rem
}

.donate-form-details h3 {
    font-size: 1rem;
    font-weight: 500
}

.donate-form-heart-title {
    position: relative;
    display: block;
    margin: 1.25rem 0
}

.donate-form-details-img {
    display: inline-block;
    position: relative;
    background-color: #fff;
    vertical-align: top;
    z-index: 5;
    width: 1.25rem;
    margin-right: .5rem
}

.donate-form-heart-title::before {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #ececec
}

.donate-form-wrapper .btn-primary {
    display: block;
    text-align: center;
    padding: 1rem;
    width: calc(100%)
}

.donate-push-item {
    display: block;
    text-align: center
}

.donate-push-item img {
    display: block;
    height: 2rem;
    vertical-align: middle;
    margin-right: .5rem
}

.donate-push-item label {
    color: #484848;
    display: inline-block;
    font-size: .85rem;
    opacity: .7;
    vertical-align: middle
}

img.donate-push-cards {
    display: block;
    height: 1.25rem;
    margin: .25rem auto;
    margin-bottom: .5rem
}

.donate-push-wrapper {
    margin-left: -2rem;
    background: #fff9df;
    width: calc(100% + 4rem);
    padding: .5rem 0
}

.donate-form-tax {
    text-align: center;
    position: relative;
    display: block;
    margin: .75rem 0 .5rem
}

.donate-form-tax img {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    margin-right: .5rem;
    mix-blend-mode: darken
}

.donate-form-tax label {
    font-size: .75rem;
    color: #484848
}

.donate-page-block {
    position: relative;
    margin-left: 10%;
    width: calc(80% - 33rem)
}

.why-donate-section {
    margin: 0 10% 4rem
}

.why-donate-section p {
    margin-bottom: 1rem
}

.why-donate-title {
    margin: 0 auto
}

.why-donate-usp {
    margin-top: 2rem
}

.why-donate-usp img {
    display: inline-block;
    width: 4.5rem;
    margin-right: .5rem;
    vertical-align: middle
}

.why-donate-usp p {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 6rem)
}

.why-donate-section .how-we-do-list {
    display: block;
    margin: 3rem 0 0
}

.why-donate-section .how-we-do-item {
    text-align: center
}

.why-donate-section .how-we-do-item img {
    margin: 0 auto 1rem
}

.donate-bottom-img {
    display: block;
    width: 100%
}

.donate-page-block .home-story-highlight-wrapper {
    padding: 0;
    margin-bottom: 5rem
}

.donate-page-block .home-story-description-wrapper {
    margin-left: 4rem;
    width: calc(50% - 4rem)
}

.donate-page-block .home-story-highlight-wrapper .title-primary em {
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: .15rem
}

.donate-page-block .home-story-quote {
    display: block;
    color: #fdd831;
    margin-bottom: -5rem;
    font-size: 7rem;
    font-family: serif!important
}

.contact-faq-wrapper.donate-page-block {
    padding: 0;
    margin-top: 4rem
}

.contact-faq-wrapper.donate-page-block .contact-faq-title-wrapper {
    float: none;
    margin: 0 0 2rem;
    width: 100%
}

.contact-faq-wrapper.donate-page-block .accordion-wrapper {
    float: none;
    width: 90%
}

.contact-faq-wrapper.donate-page-block .btn-primary {
    display: inline-block;
    margin-top: 1.5rem
}

.partnership-testimonial-wrapper.donate-page-block {
    padding: 0;
    margin-top: 6rem;
    margin-bottom: 6rem
}

.partnership-testimonial-wrapper.donate-page-block .home-children-highlight-title {
    text-align: left;
    width: 80%;
    margin: 0;
    display: block
}

.partnership-testimonial-wrapper.donate-page-block .home-children-item-wrapper {
    width: 100%
}

.partnership-testimonial-wrapper.donate-page-block .home-children-item-wrapper .owl-controls {
    display: block;
    position: absolute;
    bottom: 0;
    right: 4rem
}

.partnership-testimonial-wrapper.donate-page-block .home-chidren-highlight-info {
    width: 100%;
    margin-left: 0
}

.partnership-testimonial-wrapper.donate-page-block .home-chidren-highlight-info p {
    font-size: 1rem
}

.partnership-testimonial-wrapper.donate-page-block .home-chidren-highlight-info span {
    padding-left: 0
}

.partnership-testimonial-wrapper.donate-page-block .home-chidren-highlight-info span::after {
    display: none
}

.partnership-testimonial-wrapper.donate-page-block .home-chidren-highlight-info em {
    margin: 0
}

.donate-step,.donate-step-label {
    display: none
}

.donate-step.selected {
    display: block
}

.donate-form-val {
    font-style: normal
}

.selected-donation-amount {
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0
}

.selected-donation-frequency {
    color: #fff;
    font-size: .85rem;
    opacity: .75
}

.donation-review-amount {
    text-align: center;
    background-color: #35cb43;
    border: 1px solid #b6f3bc;
    color: #fff;
    padding: .75rem 1rem;
    border-radius: .5rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem
}

.donate-donor-info-wrapper {
    margin-left: -.5rem;
    width: calc(100% + 1rem)
}

.donate-donor-info-wrapper .contact-disclaimer {
    margin-top: -1rem;
    margin-bottom: .75rem
}

.funds-allocation-list {
    width: 90%;
    margin: 3rem 0 0
}

.funds-allocation-item {
    position: relative;
    margin-bottom: 2rem
}

.funds-allocation-title {
    font-size: 1rem;
    color: #2f2f2f
}

.funds-allocation-percentage {
    font-size: 1.25rem;
    color: #484848;
    position: absolute;
    right: .5rem;
    top: 0
}

.funds-allocation-graph {
    position: relative;
    height: .5rem;
    border-radius: .5rem;
    overflow: hidden;
    background: #ececec;
    margin: .5rem 0 0
}

.funds-allocation-graph span {
    display: block;
    background-color: #35cb43!important;
    border-radius: .2rem;
    height: .5rem;
    transform: scale(3)
}

.contact-faq-wrapper.donate-page-block.show .btn-donate-faq {
    display: none
}

.contact-faq-wrapper.donate-page-block .accordion-item:nth-child(n+8) {
    display: none
}

.contact-faq-wrapper.donate-page-block.show .accordion-item:nth-child(n+8) {
    display: block
}

.donate-steps-frequency-block {
    background-color: #fdd831;
    margin-left: -2rem;
    width: 100%;
    text-align: center;
    padding: 0 2rem 0
}

.donate-steps-frequency {
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: .85rem;
    cursor: pointer;
    float: left;
    width: calc(50% - 3rem);
    padding: 1rem 1.5rem .5rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.donate-steps-frequency .fa {
    display: inline-block;
    background-color: #35cb43;
    color: #fff;
    font-size: .75rem;
    display: none;
    padding: .1rem;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: .3rem
}

.donate-steps-frequency.selected,.donate-steps-frequency:hover {
    background-color: #fff
}

.donate-steps-frequency.selected .fa {
    display: inline-block
}

.donate-form-block.sticky .donate-form-scroll-wrapper {
    max-height: calc(100vh - 15rem);
    overflow-y: scroll;
    margin-left: -2rem;
    padding: 0 2rem 4rem;
    width: 100%
}

.donate-form-block.sticky .donate-form-details {
    margin-bottom: 1rem
}

.donate-form-block.sticky .donate-form-wrapper .btn-primary {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 1rem;
    right: 0;
    width: calc(100% - 2rem);
    z-index: 10
}

.donate-form-block.sticky .donate-form-tax {
    margin: .5rem 0 1rem
}

.donate-form-block.sticky .donate-form-scroll-wrapper::before {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5rem;
    background: linear-gradient(to bottom,rgba(255,249,223,0) 0,#fff9df 20%);
    content: '';
    z-index: 10
}

.other-donate-list {
    margin: 2.5rem 0 0
}

.other-donate-list-item {
    margin-bottom: 2.5rem
}

.other-donate-list-item img {
    display: inline-block;
    vertical-align: top;
    width: 3rem;
    margin-right: .5rem
}

.other-donate-list-item div {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 4.5rem)
}

.other-donate-list-item h3 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .3rem
}

.donate-chart-wrapper {
    width: 80%;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.donate-chart-block {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60%
}

.donate-chart {
    position: relative;
    height: auto!important;
    width: 100%!important;
    margin: auto;
    z-index: 10
}

.donate-chart-stat {
    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
}

.donate-chart-stat {
    text-align: center;
    width: 80%;
    margin: auto
}

.donate-chart-stat em {
    display: block;
    font-size: 3rem;
    font-weight: 500
}

.donate-chart-stat span {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #484848;
    width: 75%;
    margin: auto;
    text-transform: capitalize;
    margin-top: .4rem
}

.donate-chart-info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2.5rem;
    width: calc(40% - 3rem)
}

.donate-chart-legend {
    margin: 1rem 0 0
}

.donate-chart-legend li {
    margin-bottom: .75rem;
    white-space: nowrap
}

.donate-chart-legend li span {
    display: inline-block;
    font-size: .85rem;
    color: #484848;
    vertical-align: middle
}

.donate-chart-legend li em {
    display: inline-block;
    margin-right: .4rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    vertical-align: middle
}

.donate-chart-para {
    border-top: 1px solid #cecece;
    padding-top: 1.5rem;
    margin-top: 2rem
}

.donate-img {
    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;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%
}

.impact-hero-wrapper {
    position: relative;
    margin-bottom: 5rem;
    z-index: 8
}

.impact-hero-caption {
    display: block;
    text-align: center;
    width: 38rem;
    padding: 11rem 0 1.25rem;
    margin: auto
}

.impact-hero-caption .btn-primary {
    display: inline-block;
    margin-top: 1.5rem
}

.about-hero-caption.impact-hero-caption {
    width: 40%;
    padding-top: 11rem
}

.impact-hero-brush {
    display: block;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40vw;
    height: 100%
}

.impact-portrait-wrapper {
    position: relative;
    z-index: 10;
    overflow-x: hidden;
    white-space: nowrap
}

.hero-portrait-block {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: .5rem;
    vertical-align: middle;
    box-shadow: 0 1rem .8rem .1rem rgba(117,100,15,.2);
    margin: 0 1rem 2rem;
    width: calc(20% - 2.25rem)
}

.hero-portrait-block:nth-child(2n) {
    margin-top: -3rem
}

.hero-portrait-img {
    display: block;
    width: 100%
}

.impact-portrait-column {
    display: block;
    vertical-align: top;
    transform: translateY(-3rem);
    padding: 3rem 4rem 0
}

.impact-hero-caption .hero-title {
    width: 100%
}

.impact-banner {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%
}

.page-impact .home-stats-main-wrapper {
    padding: 0 0 0;
    background: 0 0
}

.legacy-wrapper {
    position: relative;
    margin-bottom: 5rem;
    margin-top: 0
}

.legacy-wrapper::before {
    background-color: #fdd831;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 20rem
}

.legacy-wrapper .home-approach-crayon-strip {
    bottom: auto;
    top: 15rem
}

.legacy-title {
    text-align: center;
    width: 45%;
    margin: auto
}

.legacy-card-wrapper {
    position: relative;
    margin: -6rem 10% 3rem;
    z-index: 10
}

.legacy-card-col {
    display: inline-block;
    width: calc(33.33% - 2.5rem);
    margin: 0 1rem;
    vertical-align: top
}

.legacy-card {
    background-color: #fff;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    overflow: hidden;
    transform: translateY(0);
    width: calc(33% - 5rem);
    width: calc(100% - 5rem);
    vertical-align: top;
    border-radius: .5rem;
    border: 1px solid #efefef;
    border-bottom: .4rem solid #efefef;
    margin: 0 .75rem 1.5rem;
    padding: 1.5rem 2.5rem 2.5rem;
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.legacy-card img {
    display: block;
    width: 70%;
    margin: auto
}

.legacy-card h3 {
    font-size: 1.25rem;
    font-weight: 400;
    color: #2f2f2f;
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    text-transform: capitalize
}

.legacy-card li,.legacy-card p,.legacy-card ul {
    color: #484848;
    font-size: .85rem;
    font-weight: 300;
    text-align: left
}

.advocacy-img {
    display: block;
    width: calc(100% - 5rem);
    margin: 0 .75rem 1.5rem;
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.legacy-card ul {
    margin: 1rem 0 0 1.5rem
}

.legacy-card li {
    position: relative;
    display: inline-block;
    line-height: 1.6;
    margin-bottom: .85rem
}

.legacy-card li::before {
    background-color: #fdd831;
    top: .4rem;
    content: '';
    position: absolute;
    left: -1.35rem;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.impact-rippan-wrapper {
    position: relative;
    z-index: 7;
    margin-bottom: 4rem
}

.impact-rippan-wrapper .home-story-img-wrapper {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: calc(45% - 5rem);
    margin: 6rem 0 0 4rem
}

.impact-rippan-wrapper .heading-para-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: calc(45% - 15rem);
    float: none;
    margin: 9rem 7rem 0 10rem
}

.multiplier-wrapper-title {
    text-align: center;
    margin: 1rem auto 3rem;
    width: 50%
}

.multiplier-wrapper-info h3 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #484848
}

.multiplier-wrapper-title h2 em {
    font-weight: 700;
    font-size: 3rem;
    color: #fdd831;
    font-family: 'Indie Flower',cursive
}

.multiplier-wrapper-title h2 span {
    display: block;
    font-size: 1.25rem;
    font-weight: 400;
    color: #484848
}

.multiplier-wrapper-title h2 span b {
    color: #fdd831;
    font-family: 'Indie Flower',cursive;
    font-size: 2rem
}

.multiplier-advocacy,.multiplier-initial {
    margin: 0
}

.multiplier-feet-infographic {
    position: absolute;
    top: -2rem;
    left: 0;
    width: 100%;
    height: 100%
}

.multiplier-feet-infographic img {
    margin-top: 3rem
}

.multiplier-feet-infographic img:nth-child(1) {
    position: absolute;
    left: -15%;
    top: 135%;
    width: 10%;
    transform: rotate(145deg)
}

.multiplier-feet-infographic img:nth-child(2) {
    position: absolute;
    left: 10%;
    top: 180%;
    width: 10%;
    transform: rotate(75deg)
}

.multiplier-feet-infographic img:nth-child(3) {
    position: absolute;
    left: 35%;
    top: 200%;
    width: 12.5%;
    transform: rotate(60deg)
}

.multiplier-feet-infographic img:nth-child(4) {
    position: absolute;
    left: 65%;
    top: 230%;
    width: 14%;
    transform: rotate(75deg)
}

.multiplier-feet-infographic img:nth-child(5) {
    position: absolute;
    left: 95%;
    top: 260%;
    width: 14%;
    transform: rotate(40deg)
}

.multiplier-feet-infographic img:nth-child(6) {
    position: absolute;
    left: 125%;
    top: 220%;
    width: 14%;
    transform: rotate(70deg)
}

.multiplier-result .multiplier-feet-infographic {
    left: -1rem;
    top: 0
}

.multiplier-result .multiplier-feet-infographic img {
    left: auto!important;
    width: 19%;
    margin-top: 0
}

.multiplier-result .multiplier-feet-infographic img:nth-child(6) {
    position: absolute;
    right: -45%;
    top: 175%;
    transform: rotate(75deg)
}

.multiplier-result .multiplier-feet-infographic img:nth-child(5) {
    position: absolute;
    right: -10%;
    top: 150%;
    transform: rotate(60deg)
}

.multiplier-result .multiplier-feet-infographic img:nth-child(4) {
    position: absolute;
    right: 20%;
    top: 200%;
    transform: rotate(70deg)
}

.multiplier-result .multiplier-feet-infographic img:nth-child(3) {
    position: absolute;
    right: 50%;
    top: 260%;
    transform: rotate(115deg)
}

.multiplier-result .multiplier-feet-infographic img:nth-child(2) {
    position: absolute;
    right: 80%;
    top: 230%;
    transform: rotate(110deg)
}

.multiplier-result .multiplier-feet-infographic img:nth-child(1) {
    position: absolute;
    right: 115%;
    top: 200%;
    transform: rotate(100deg)
}

.multiplier-feet-infographic img {
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0
}

.multiplier-feet-infographic img.show {
    opacity: 1
}

.multiplier-stat {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.multiplier-stat h3 {
    color: #2f2f2f;
    font-weight: 500;
    font-size: 2.5rem;
    margin-bottom: 0
}

.multiplier-stat em {
    display: block;
    font-weight: 500;
    font-size: 1.25rem;
    color: #fdd831;
    line-height: 1.3
}

.multiplier-block {
    text-align: center;
    margin: 3rem 8% 0
}

.multiplier-block-wrapper {
    position: relative;
    display: block
}

.multiplier-amt-stat {
    text-align: center;
    font-size: 1.25rem;
    width: 40%;
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    right: 0;
    margin: auto
}

.multiplier-amt-stat-arrow {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    color: #fdd831;
    font-size: 2.5rem;
    right: 0
}

.multiplier-amt-stat .rel-wrapper::before {
    display: block;
    background-color: #fdd831;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    right: .5rem;
    height: 2px;
    width: 100%;
    content: ''
}

.multiplier-amt-stat span {
    display: inline-block;
    position: relative;
    z-index: 3;
    background: #fffef9;
    padding: 0 1.5rem
}

.multiplier-stat h3 span {
    display: block;
    font-size: .75rem;
    color: #484848;
    position: relative;
    width: 17rem;
    margin: .4rem auto .3rem;
    background: #fffef9
}

.multiplier-stat h3 span::after,.multiplier-stat h3 span::before {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    content: '';
    width: 2rem;
    left: 90%;
    height: 1px;
    background: #c1c1c1
}

.multiplier-stat h3 span::after {
    left: auto;
    right: 90%
}

.multiplier-symbol {
    display: block;
    text-align: center;
    color: #fdd831;
    font-weight: 700;
    left: 0;
    right: 0;
    margin: .5rem auto 1rem;
    font-size: 5rem
}

.multiplier-advocacy .multiplier-stat {
    position: relative;
    width: 30%;
    margin-bottom: 2rem
}

.multiplier-advocacy .multiplier-stat::before {
    background-color: #484848;
    display: block;
    opacity: .4;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    bottom: -3rem;
    height: 3rem;
    width: 1px
}

.multiplier-block-advocacy-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    left: 2rem
}

.multiplier-block-advocacy-line-right {
    transform: translateY(-50%) rotate(180deg);
    left: auto;
    right: 2rem
}

.multiplier-advocacy p em {
    display: block
}

.multiplier-initial {
    position: relative;
    float: left;
    width: 25%
}

.multiplier-result {
    float: right;
    margin-top: -1.25rem
}

.multiplier-stat span {
    color: #484848;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    letter-spacing: .15rem
}

.multiplier-advocacy-stat p {
    position: relative;
    font-size: .85rem
}

.multiplier-advocacy-stat h3 {
    font-size: 1.25rem;
    margin: 1rem 0
}

.multiplier-advocacy-circle {
    position: relative
}

.multiplier-adovcacy-circle-info {
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fff;
    left: 17rem;
    transform: translateX(0) translateY(-50%);
    top: 50%;
    width: 80%;
    max-height: 0;
    overflow: hidden;
    padding: 0 1.5rem;
    border-radius: .5rem;
    z-index: 10;
    box-shadow: 0 0 .7rem -.1rem transparent;
    position: absolute
}

.multiplier-advocacy-circle-title:hover+.multiplier-adovcacy-circle-info {
    padding: 1.5rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15);
    transform: translateX(0) translateY(-50%);
    max-height: 50vh;
    overflow: visible
}

.multiplier-adovcacy-circle-info .fa {
    color: #fff;
    display: none;
    font-size: 4rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -4rem
}

.multiplier-adovcacy-circle-info p {
    font-size: .75rem
}

.multiplier-advocacy-circle-title {
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fdd831;
    font-size: .85rem;
    color: #2f2f2f!important;
    width: 6rem;
    box-shadow: 0 0 1px 1px #e6c32a;
    padding: 0 1rem;
    margin: 0 auto 1rem;
    border-radius: 50%;
    font-weight: 500!important;
    display: block;
    line-height: 8rem;
    vertical-align: middle;
    height: 8rem;
    text-transform: none!important;
    letter-spacing: normal!important
}

.multiplier-advocacy-circle-title:hover {
    box-shadow: 0 0 0 .3rem rgba(253,215,50,.4)
}

.multiplier-advocacy-stat p::before {
    display: inline-block;
    background-color: #fdd831;
    display: none;
    vertical-align: middle;
    margin-right: .4rem;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    content: ''
}

.district-model-title {
    float: left;
    width: 20rem;
    margin-right: 3rem
}

.district-model-info {
    width: calc(100% - 23rem);
    float: left
}

.district-model-list {
    margin: 0
}

.district-model-list li {
    float: left;
    width: calc(33.333% - 1.5rem);
    margin-right: 1.5rem
}

.district-model-list span {
    color: #fdd831;
    display: block;
    font-weight: 500;
    margin-bottom: .5rem;
    margin-top: .75rem
}

.district-model-block {
    margin: 0 10% 5rem;
    padding-top: 3rem;
    padding-bottom: 4rem;
    border-bottom: 2px solid #fdd831
}

.district-model-title h2 {
    font-size: 1.8rem;
    color: #2f2f2f;
    font-weight: 500;
    line-height: 1.2;
    font-size: 3rem;
    margin-bottom: 2rem
}

.district-model-list-label {
    display: block;
    color: #484848;
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.page-approach .district-model-wrapper {
    display: none!important
}

.district-model-wrapper {
    position: relative;
    margin-top: -.5rem
}

.district-model-wrapper::before {
    background-color: #fdd831;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 5rem
}

.district-model-block-wrapper .home-story-current-description ul {
    margin-top: -2rem;
    margin-left: 1rem;
    margin-bottom: 2rem
}

.district-model-block-wrapper .home-story-current-description ul li {
    position: relative;
    color: #484848;
    font-weight: 100;
    line-height: 1.5;
    margin-bottom: 1rem
}

.district-model-block-wrapper .home-story-current-description ul li::before {
    top: .4rem;
    content: '';
    position: absolute;
    left: -1.85rem;
    width: 20px;
    height: 18px;
    border-radius: 50%;
    background-image: url(/wp-content/themes/cry/images/star-icon.jpg);
    background-size: 20px 18px;
    display: inline-block
}

.district-model-how-wrapper {
    margin-top: 0
}

.district-model-how-wrapper .legacy-card-col {
    text-align: center;
    flex-wrap: wrap;
    width: calc(100% - 2.5rem)
}

.district-model-how-wrapper .legacy-card {
    width: calc(30.33% - 5rem)
}

.district-model-how-wrapper .legacy-card p {
    text-align: center
}

.district-model-block-wrapper .home-stories-wrapper {
    display: block;
    margin-top: 0!important
}

.district-model-block-wrapper .home-stories-wrapper .home-story-highlight-wrapper {
    padding: 0 13% 4rem
}

.district-model-block-wrapper .partnership-method-block h3 {
    border-left: none;
    padding-left: 0
}

.district-model-block-title {
    text-align: center;
    margin: 1rem auto 3rem
}

.district-model-wrapper .home-approach-main {
    background-color: #fffef9
}

.district-model-wrapper .home-approach-title h2 {
    color: #2f2f2f
}

.district-model-wrapper .home-approach-title p {
    color: #484848;
    margin-bottom: 0
}

.approach-map {
    position: relative;
    height: 45rem;
    margin-top: 0
}

.heat-map-wrapper {
    position: relative;
    background-image: url(/wp-content/themes/cry/images/grid-map.jpg);
    padding: 3rem 5%
}

.heat-map-wrapper #map {
    float: right
}

.heat-map-wrapper #map text {
    display: none
}

.heat-map-info-wrapper {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    width: 40%;
    left: 8%
}

.heat-map-info-title h2 {
    color: #fff;
    font-weight: 500;
    font-size: 1.8rem
}

.heat-map-info-title p {
    color: #fff
}

.heat-map-legend {
    margin: 2rem 0 -1rem
}

.heat-map-legend div {
    display: inline-block;
    margin-right: 1.5rem
}

.heat-map-legend span {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #fff;
    border-radius: .3rem;
    height: 1rem;
    width: 1rem;
    margin-right: .5rem
}

.heat-map-legend p {
    display: inline-block;
    font-size: .85rem;
    font-weight: 400;
    vertical-align: middle;
    color: #fff
}

.heat-map-card-options {
    background-color: #fff;
    border-bottom: .5rem solid #fdd831;
    margin-top: 2rem;
    width: 80%;
    padding: 2rem;
    border-radius: .5rem;
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.heat-map-project-count,.heat-map-state-count {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 500;
    vertical-align: middle;
    padding-right: .6rem;
    padding-left: 1rem;
    border-left: .3rem solid #fdd831;
    margin-right: .6rem
}

.heat-map-state-count {
    font-size: 1rem;
    opacity: .7;
    border: none;
    margin: 0;
    padding: 0
}

.heat-map-card-options p {
    font-size: .85rem
}

.heat-map-option {
    display: inline-block;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    border-radius: .5rem;
    vertical-align: middle;
    padding: .75rem 2rem;
    background: #fdfcf9;
    width: calc(50% - 4rem - 1rem - 5px);
    margin: .5rem;
    border: 1px solid #e8e6de;
    text-align: left;
    position: relative;
    cursor: pointer;
    padding: .75rem 1rem;
    width: calc(50% - 2rem - 1rem - 5px)
}

.heat-map-option span {
    font-size: .85rem
}

.heat-map-option .fa-check {
    display: inline-block;
    background-color: #35cb43;
    color: #fff;
    font-size: .75rem;
    display: none;
    padding: .1rem;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: .3rem;
    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;
    right: .5rem;
    opacity: 1
}

.heat-map-option:not(.selected) .fa-check {
    background-color: #cacaca;
    color: #cacaca
}

.heat-map-card-options .home-children-item {
    margin-top: 1rem
}

.heat-map-card-options .home-children-item img {
    display: inline-block;
    width: 6.5rem;
    vertical-align: middle;
    float: none
}

.heat-map-card-options .home-chidren-highlight-info {
    margin-top: 0
}

.heat-map-card-options .home-chidren-highlight-info span {
    vertical-align: middle
}

.heat-map-card-options .home-chidren-highlight-info em {
    display: inline-block;
    font-size: .85rem;
    opacity: .7;
    vertical-align: middle;
    margin-left: 1rem
}

.heat-map-card-options .home-chidren-highlight-info em b {
    font-weight: 400;
    margin-left: .7rem;
    padding-left: .7rem;
    border-left: 3px solid #fdd831
}

.heat-map-card-options .form-multiselect-dropdown {
    margin: 0 2%
}

.heat-map-card-options .form-multiselect-dropdown input {
    font-size: .85rem;
    border: 1px solid #eae8e1;
    background: #fdfcf9;
    border-radius: .5rem;
    padding: .7rem 1rem;
    width: calc(100% - 2rem - 2px)
}

.heat-map-card-options .form-multiselect-dropdown .fa-caret-down {
    z-index: 10;
    right: 1rem
}

.heat-map-card-options .form-multiselect-dropdown input::placeholder {
    color: #2f2f2f
}

.heat-map-card-options .form-multiselect-dropdown input:-ms-input-placeholder {
    color: #2f2f2f
}

.heat-map-card-options .form-multiselect-dropdown input::-ms-input-placeholder {
    color: #2f2f2f
}

.heat-map-card-options .small-cap-title {
    font-size: .75rem;
    margin: 1.75rem 0 .5rem
}

#map_inner h3 {
    font-size: .75rem;
    font-style: italic
}

#map_inner span {
    font-size: .85rem;
    position: relative;
    display: block;
    padding-left: .5rem
}

#map_inner span::before {
    display: inline-block;
    background-color: #fdd831;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: .5rem;
    content: '';
    height: 8px;
    width: 8px
}

.district-model-cta {
    text-align: center;
    width: 40%;
    margin: 3rem auto 4rem
}

.district-model-cta .btn {
    display: inline-block;
    margin: 1rem auto 0
}

.site-message {
    transition: all .5s;
    position: absolute;
    transform: translateY(10rem);
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1fbb4d;
    text-align: center;
    padding: 1.3rem 0;
    color: #fff;
    font-weight: 400;
    font-size: .85rem
}

.site-message.error {
    background: #dd1f36
}

.site-message.show {
    transform: translateY(0)
}

.volunteer-card-form .site-message {
    bottom: 1rem;
    z-index: 1000
}

.volunteer-card-form .fa-close {
    position: absolute;
    top: 1rem;
    right: 0;
    z-index: 100;
    font-size: 1.5rem;
    border-radius: .5rem;
    background: #fff;
    padding: .5rem;
    cursor: pointer
}

.page-volunteer .heading-para-wrapper {
    margin-top: 8rem
}

.page-volunteer .home-news-list .owl-item .btn {
    display: none
}

.volunteer-options-main {
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(59% - 12vw - 5rem);
    z-index: 1;
    margin-left: 5rem
}

.volunteer-options-wrapper {
    margin: 5rem auto 3rem
}

.volunteer-options-wrapper .owl-stage {
    display: flex;
    flex-wrap: wrap
}

.volunteer-options-wrapper .owl-carousel .owl-stage-outer {
    padding-bottom: 3rem
}

.volunteer-options-wrapper .donate-options-card-block .owl-nav {
    left: 4rem
}

.volunteer-options-wrapper .owl-next,.volunteer-options-wrapper .owl-prev {
    left: calc(1% - 1.4rem)!important;
    right: auto
}

.volunteer-options-wrapper .owl-next {
    margin-top: -.5rem
}

.volunteer-options-card {
    height: 210px;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: block;
    cursor: pointer;
    text-align: center;
    padding: 1.5rem 1rem 5rem
}

.volunteer-options-card-wrapper .owl-item {
    position: relative;
    background-color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    border-radius: .5rem;
    border: 1px solid #efefef;
    box-shadow: 0 .4rem 1rem -.01rem rgba(0,0,0,.1)
}

.volunteer-options-card-wrapper .owl-item::before {
    transition: all .3s;
    -webkit-transition: all .3s;
    background-color: #fdd831;
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: .4rem;
    width: 100%
}

.field-title {
    margin-bottom: .75rem;
    font-weight: 500;
    margin-top: 1rem;
    font-size: 1.25rem;
    display: block;
    margin-top: 3rem;
    line-height: 1.3
}

.volunteer-card-form {
    transition: all .3s;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 30%;
    padding: 2rem;
    background: #fff;
    top: 0;
    transform: translateX(calc(30vw + 10rem));
    z-index: 1000
}

.volunteer-card-form.show {
    transform: translateX(0)
}

.volunteer-card-form .volunteer-options-info {
    position: relative;
    background: #fdd831;
    padding: 1rem;
    margin-top: -2rem;
    margin-left: -2rem;
    width: calc(100% + 2rem)
}

.volunteer-card-form .volunteer-locations {
    position: relative;
    bottom: auto
}

.volunteer-card-form .line-loader {
    bottom: -1rem;
    z-index: 100;
    left: -2rem;
    width: calc(100% + 4rem)
}

.form-note {
    margin-top: 1.5rem;
    font-size: .75rem;
    margin-bottom: -1.5rem
}

.volunteer-form-field-wrapper {
    overflow-y: scroll;
    height: calc(100vh - 8rem);
    padding-bottom: 2rem
}

.volunteer-options-card-wrapper .owl-item:last-child {
    display: none!important
}

.volunteer-options-card-wrapper .owl-item:hover::before {
    height: 1rem
}

.volunteer-card-form .btn-primary {
    position: absolute;
    bottom: 0;
    z-index: 100;
    display: block;
    width: 100%
}

.volunteer-options-card .btn-primary {
    text-align: center;
    display: block;
    margin-top: 1rem
}

.volunteer-options-title {
    font-weight: 500;
    font-size: 1.25rem
}

.volunteer-options-description {
    font-size: .85rem;
    margin-top: .5rem;
    display: none
}

.volunteer-card-icons-wrapper {
    text-align: left;
    position: relative;
    margin: 1rem 0 0;
    padding-top: 1rem;
    border-top: 2px dashed #cecece;
    display: none
}

.volunteer-card-icons-wrapper div {
    margin-bottom: 1.5rem
}

.volunteer-card-icons-wrapper label {
    display: inline-block;
    background-color: #fff;
    font-size: .75rem;
    color: #6d6e71;
    padding: 0 1rem;
    margin-bottom: 1rem;
    transform: translateY(-.6rem)
}

.volunteer-card-icons-wrapper span {
    display: block;
    font-size: .75rem;
    font-weight: 300;
    color: #6d6e71;
    margin: .5rem 0 .1rem
}

.volunteer-card-icons-wrapper img {
    display: inline-block;
    vertical-align: middle;
    width: 1.25rem;
    margin-right: .3rem
}

.volunteer-card-icons-wrapper h4 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: -.5rem
}

.volunteer-locations img {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    margin-right: .2rem;
    margin-left: -.2rem
}

.volunteer-locations {
    display: block;
    color: #484848;
    font-weight: 400;
    font-size: .85rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.5rem
}

.volunteer-locations span {
    display: block;
    font-size: .85rem;
    color: #2f2f2f;
    font-weight: 300;
    margin-top: .3rem
}

.volunteer-options-icon {
    display: block;
    width: 90%;
    margin: 0 auto 2rem
}

.volunteer-faq-wrapper {
    margin: 2rem 12.5%
}

.volunteer-faq-wrapper .home-story-img-wrapper {
    float: left;
    width: calc(45% - 8rem);
    margin-left: 8rem
}

.volunteer-faq-wrapper .home-story-brush-patch {
    height: 120%
}

.volunteer-faq-block {
    float: left;
    width: 55%
}

.volunteer-faq-block .contact-faq-title-wrapper {
    float: none;
    width: 100%;
    margin-bottom: 2rem
}

.volunteer-faq-accordion-wrapper .btn-primary {
    display: inline-block;
    margin-top: 2rem
}

.volunteer-about-wrapper {
    text-align: center;
    margin: 13rem auto 3rem
}

.volunteer-about-wrapper .heading-para-wrapper {
    margin: auto;
    width: 45%
}

.page-volunteer .partnership-testimonial-wrapper {
    padding-top: 4rem
}

.volunteer-faq-accordion-wrapper .accordion-item:nth-child(n+7) {
    display: none
}

.volunteer-faq-accordion-wrapper.show .accordion-item:nth-child(n+7) {
    display: block
}

.volunteer-faq-accordion-wrapper.show .btn-faq {
    display: none
}

.volunteer-stories-wrapper .home-news-info {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 6rem);
    min-height: 0
}

.volunteer-stories-wrapper .home-news-img {
    position: relative;
    display: inline-block;
    top: auto;
    width: 50%;
    transform: none;
    vertical-align: middle;
    margin-left: 0;
    height: auto
}

.volunteer-stories-wrapper .home-news-img img {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: auto
}

.volunteer-video-wrapper .about-video-block,.volunteer-video-wrapper .heading-para-wrapper {
    display: inline-block;
    vertical-align: bottom;
    float: none
}

.ncrrf-btns .btn {
    margin: 0 1rem 1rem 0;
    display: inline-block
}

.ncrrf-block-wrapper .partnership-method-block-alt .home-story-description-wrapper {
    margin-left: 0!important
}

.yellow-fellow-wrapper {
    margin-top: 4rem
}

.yellow-fellow-wrapper .about-video-block,.yellow-fellow-wrapper .heading-para-wrapper {
    vertical-align: middle
}

.yellow-fellow-wrapper .heading-para-wrapper {
    margin-top: 7rem
}

.yellow-fellow-logos-large span {
    display: block;
    margin-bottom: 1.5rem
}

.yellow-fellow-logos-large .partner-logo-block {
    margin: 0 1rem 2rem
}

.yellow-fellow-logos-large img {
    width: 100%
}

.yellow-fellow-logos-small .partner-logo-block {
    width: calc(20% - 2rem)
}

.volunteer-video-wrapper .heading-para-wrapper ul {
    margin-bottom: 3rem
}

.volunteer-video-wrapper .heading-para-wrapper li {
    font-size: 1rem;
    position: relative;
    color: #484848;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: .85rem
}

.volunteer-video-wrapper .heading-para-wrapper li::before {
    top: .4rem;
    content: '';
    position: absolute;
    left: -1.85rem;
    width: 20px;
    height: 18px;
    border-radius: 50%;
    background-image: url(/wp-content/themes/cry/images/star-icon.jpg);
    background-size: 20px 18px;
    display: inline-block
}

.volunteer-modal .volunteer-modal-info-wrapper {
    overflow-y: scroll;
    height: calc(70vh - 2rem)
}

.volunteer-modal .volunteer-options-icon {
    width: 50%;
    margin: 0 auto 2rem
}

.volunteer-modal .volunteer-modal-title {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 13rem)
}

.volunteer-modal .volunteer-locations {
    position: relative;
    margin-top: .5rem;
    bottom: auto
}

.volunteer-modal .volunteer-card-icons-wrapper {
    padding-bottom: 1.5rem
}

.volunteer-modal .volunteer-card-icons-wrapper .rel-wrapper>div {
    margin-right: 1.5rem;
    width: calc(50% - 2rem);
    display: inline-block;
    vertical-align: top
}

.volunteer-modal .volunteer-card-icons-wrapper,.volunteer-modal .volunteer-options-description {
    display: block
}

.volunteer-modal .btn-primary {
    display: block;
    text-align: center;
    margin: auto;
    bottom: 2rem;
    left: 0;
    right: 0;
    position: absolute
}

.volunteer-modal .profile-img-wrapper {
    background-color: #eee;
    border-radius: .5rem;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15);
    margin-top: -1rem;
    padding: 1rem 0
}

.volunteer-modal.show {
    transform: translateY(-50%) translateX(0)
}

.volunteer-modal .fa-close {
    background-color: #fdd831;
    right: -1.5rem;
    z-index: 100;
    top: -1.5rem;
    position: absolute;
    color: #5a4c0b;
    padding: .5rem .75rem;
    font-size: 2.5rem;
    border-radius: 50%;
    cursor: pointer
}

.volunteer-team-wrapper {
    text-align: center;
    margin: 3rem 12%
}

.volunteer-team-block {
    display: inline-block;
    vertical-align: middle;
    margin: 2rem 1.5rem 0;
    width: calc(32.33% - 3rem)
}

.volunteer-team-block h3 {
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 0 .25rem
}

.volunteer-team-block span {
    display: block;
    color: #484848;
    font-size: .85rem
}

.volunteer-team-block a {
    color: #484848;
    font-size: .85rem
}

.volunteer-team-block a img {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    margin-right: .3rem
}

.volunteer-team-img {
    display: block;
    width: 60%;
    margin: 0 auto 1rem
}

.page-why-children .about-hero-caption {
    margin-bottom: 0
}

.page-why-children .how-we-do-img {
    width: 35%;
    margin-right: 5%
}

.page-why-children .home-how-we-do-description {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: 55%
}

.page-why-children .home-how-we-do-wrapper {
    padding-top: .5rem;
    margin-bottom: 0;
    margin-top: -3rem
}

.page-why-children .home-approach-block {
    margin: 0 10%
}

.page-why-children .home-approach-main {
    background-color: #fffef9;
    padding: 5rem 3rem 2rem
}

.page-why-children .home-approach-title h2 {
    color: #2f2f2f
}

.page-why-children .home-approach-title p {
    color: #484848;
    margin-bottom: 0
}

.page-why-children .home-stats-item {
    padding: 2rem 2rem 4rem;
    margin: 0 1rem 6.5rem
}

.page-why-children .home-stats-item p {
    color: #484848;
    opacity: .85;
    line-height: 1.3;
    margin-top: .8rem
}

.page-why-children .home-stats-item img {
    display: none;
    width: 8rem;
    margin-top: -6rem
}

.page-why-children .home-stats-item h3 {
    color: #fdd831;
    font-size: 2.6rem;
    white-space: nowrap;
    margin-top: -.5rem;
    transform: scale(.9);
    margin-bottom: -1rem;
    font-family: 'Gloria Hallelujah',cursive
}

.page-why-children .home-stats-item h3 b {
    font-family: Rubik,sans-serif;
    color: #2f2f2f;
    display: block;
    font-size: 4rem;
    margin-bottom: -2.25rem
}

.page-why-children .home-stats-item h3 em {
    font-size: 4rem
}

.page-why-children .home-stats-item span {
    font-size: .85rem;
    color: #fdd831;
    position: absolute;
    bottom: 1rem;
    left: .5rem;
    right: .5rem;
    font-weight: 600
}

.page-why-children .home-stats-wrapper .title-primary {
    width: 45%;
    margin: auto
}

.page-why-children .home-stats-wrapper {
    padding: 0 5% 1rem
}

.children-solution-wrapper {
    text-align: center;
    margin: 2rem 12.5% 0
}

.children-solution-wrapper .btn-primary {
    display: inline-block;
    margin: 1.5rem auto 0
}

.children-stats-title {
    text-align: center;
    width: 50%;
    margin: auto
}

.children-stats-title .title-primary,.children-stats-title p {
    color: #fff
}

.children-stats-title p {
    opacity: .85
}

.children-stats-wrapper {
    background: #d42751;
    padding: 3rem 0 2rem
}

.children-stat-block {
    margin: 3.5rem 8% 3rem
}

.children-stat-intro-wrapper {
    display: flex;
    align-items: flex-end
}

.children-stat-block-alt .children-stat-intro-wrapper {
    flex-direction: row-reverse
}

.children-stat-cards {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.children-stat-block .title-primary {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 1.5rem
}

.children-stat-block .legacy-card {
    width: calc(25% - 7rem)
}

.children-stat-block .legacy-card h3 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: .5rem;
    margin-top: 1rem
}

.children-stat-block .legacy-card p {
    text-align: center
}

.children-reports-wrapper {
    margin-top: 3rem
}

.children-reports-wrapper .home-story-img-wrapper,.children-reports-wrapper .volunteer-faq-block {
    display: inline-block;
    float: none;
    vertical-align: middle
}

.children-stat-img {
    position: relative;
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 35%;
    margin-right: 8rem;
    transform: translateY(-1rem)
}

.children-stat-main-img {
    position: relative;
    display: block;
    z-index: 10;
    width: 100%
}

.children-brush-patch {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    margin-top: 5%;
    left: 50%;
    top: 50%;
    width: 140%;
    height: 110%
}

.children-stat-info-wrapper {
    display: inline-block;
    vertical-align: bottom;
    width: calc(65% - 9rem);
    margin-top: 3rem;
    font-weight: 600
}

.children-stat-main-info {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 500;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255,255,255,.4)
}

.children-stat-main-info em {
    color: #fdd831;
    font-weight: 500;
    font-size: 1.5rem;
    display: block
}

.children-stat-info-para {
    color: #fff
}

.children-stat-list-wrapper {
    margin-top: 4rem
}

.children-stat-list-item {
    float: left;
    width: calc(33.3333% - 1rem);
    margin-bottom: 1.5rem
}

.children-stat-list-item:nth-child(2) {
    width: calc(33% - 2rem);
    margin: 0 2rem 1.5rem
}

.children-stat-list-item div em {
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 5rem)
}

.children-stat-list-item div em span {
    display: block;
    color: #fdd831;
    font-size: 1rem;
    font-weight: 400;
    margin-top: .3rem
}

.children-stat-list-item img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    width: 3rem
}

.children-stat-list-item p {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin-top: 1rem;
    margin-left: .5rem
}

.children-stat-list-item p em {
    font-size: 1.25rem;
    display: block;
    font-weight: 500;
    color: #fff;
    margin-bottom: .5rem
}

.children-stat-list-item p em span {
    display: block;
    color: #fdd831;
    font-size: 1rem;
    font-weight: 400;
    margin-top: -.3rem
}

.children-stat-info-wrapper .title-primary {
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,.4);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem
}

.children-stat-list-wrapper .children-stat-info-para {
    font-weight: 500;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ec597c;
    margin-bottom: 1.5rem
}

.children-stat-img {
    height: fit-content;
    float: none;
    vertical-align: bottom
}

.children-stat-block-alt .children-stat-img {
    float: right;
    margin-left: 8rem;
    margin-right: 0
}

.children-map-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    margin-left: 3%;
    margin-right: 7%
}

.children-map-wrapper .how-we-do-img {
    transition: all .3s;
    -webkit-transition: all .3s;
    position: absolute;
    transform: translateY(-50%) translateX(-54%);
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    float: none;
    opacity: .1;
    width: 100%;
    margin: 0
}

.children-map-wrapper.animated .how-we-do-img {
    opacity: .07
}

.children-map-icon-wrapper {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%
}

.children-map-icon-wrapper img {
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    width: calc(10% - .5rem);
    margin: .25rem;
    opacity: 0;
    filter: grayscale(1)
}

.children-map-icon-wrapper img.child-show {
    filter: grayscale(0)
}

.children-map-icon-wrapper img.show {
    opacity: 1
}

.why-children-donate {
    text-align: center;
    margin: 5rem 25% 2rem
}

.why-children-donate .btn-primary {
    display: inline-block;
    margin: 2rem auto 0
}

.why-children-donate img {
    display: block;
    width: 8rem;
    margin: 0 auto 2rem
}

.page-get-involved .district-model-wrapper {
    margin: 4rem 0 0
}

.page-get-involved .district-model-wrapper::before {
    display: none
}

.ncrf-hero-wrapper p {
    margin-bottom: 1.5rem
}

.ncrf-hero-wrapper p:last-child {
    margin-bottom: 0
}

.yellow-fellow-why-socks {
    margin-top: 6rem
}

.ncrf-apply-content p {
    margin-bottom: 1rem
}

.ncrf-apply-wrapper a {
    margin: 1rem .5rem 0!important
}

.ncrf-accordion-wrapper {
    position: relative
}

.ncrf-accordion-wrapper .btn-faq {
    position: absolute;
    left: 0;
    top: calc(100% + 2rem)
}

.ncrf-accordion-wrapper .accordion-item:nth-child(n+5) {
    display: none
}

.ncrf-accordion-wrapper.show .accordion-item:nth-child(n+5) {
    display: block
}

.yellow-fellow-media .articles-block img {
    height: auto;
    margin: 0 auto 1rem;
    width: 100%
}

.yellow-fellow-celebs {
    position: relative;
    margin-bottom: 10rem
}

.yellow-fellow-media {
    text-align: center;
    padding-top: 0;
    margin-top: -2rem
}

.yellow-fellow-media a {
    opacity: 1
}

.yellow-fellow-media .articles-wrapper {
    justify-content: center
}

.yellow-fellow-media .articles-block {
    float: none;
    display: inline-block
}

.page-get-involved .district-model-wrapper .home-story-current-description h2,.yellow-fellow-why-socks .home-story-current-description h2 {
    margin-bottom: 1.5rem
}

.page-get-involved .home-story-img-wrapper img,.yellow-fellow-why-socks .home-story-img-wrapper img {
    box-shadow: none
}

.page-get-involved .partnership-method-block .home-story-brush-patch,.yellow-fellow-why-socks .home-story-brush-patch {
    height: 100%;
    margin-top: 10%
}

.page-get-involved .home-story-img-wrapper,.yellow-fellow-why-socks .home-story-img-wrapper {
    width: 35%;
    transform: translateY(-3rem)
}

.page-get-involved .home-story-description-wrapper,.yellow-fellow-why-socks .home-story-description-wrapper {
    margin-left: 7rem;
    width: calc(65% - 8rem)
}

.page-get-involved .partnership-method-block-alt .home-story-description-wrapper {
    margin-left: 0;
    margin-right: 7rem
}

.careers-overview-wrapper {
    background: #d42751;
    padding: 3rem 0 2rem
}

.job-accordion-wrapper {
    display: block;
    clear: both;
    width: 90%;
    padding-top: 2rem;
    margin: 1rem auto 4rem
}

.job-accordion:first-child {
    border-top: 1px solid #ef708e
}

.job-accordion {
    transition: all .5s;
    color: #312747;
    cursor: pointer;
    padding: 1.7rem .8rem;
    width: 80%;
    border-bottom: 1px solid #ef708e;
    text-align: left;
    outline: 0;
    font-size: 1rem;
    margin: auto;
    overflow: hidden
}

.jtt-icon {
    color: #fdd831;
    transition: all .3s;
    transform: rotate(0);
    transform-origin: center;
    font-size: 2rem!important;
    -webkit-text-stroke: .3rem #d42750;
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle
}

.job-title-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 3rem;
    margin-left: -3rem;
    width: calc(100% - 3rem)
}

.job-desc {
    transition: all .5s;
    padding: 0 1rem;
    display: block;
    overflow: hidden;
    margin: auto;
    width: 90%;
    max-height: 0
}

.job-desc.show {
    max-height: 100%
}

.job-desc ul {
    padding-left: 1.5rem
}

.job-desc li {
    position: relative;
    font-size: .85rem;
    margin-bottom: .5rem;
    color: #fff;
    line-height: 1.6
}

.job-desc li::before {
    content: '';
    position: absolute;
    top: .3rem;
    left: -1rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fdd831
}

.job-desc p {
    font-size: 1rem;
    margin: .5rem 0 1rem;
    color: #fff
}

.job-desc label {
    color: #fdd831;
    display: inline-block;
    margin: 2.5rem 0 1rem;
    font-weight: 600;
    padding-bottom: .75rem;
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
    border-bottom: 1px solid rgba(255,255,255,.3)
}

.job-accordion h4 {
    color: #fff;
    font-weight: 500;
    font-size: 1.25rem;
    display: inline-block;
    margin-left: 1rem
}

.job-title-wrapper .job-location {
    color: #fff;
    margin-left: 1rem;
    opacity: .8;
    font-size: .85rem;
    padding-left: 1rem;
    border-left: 2px solid #e85074
}

.job-apply-btn-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.job-apply-btn-wrapper br {
    display: none
}

.job-apply-btn-wrapper .btn-text {
    display: inline-block;
    margin-right: .5rem
}

.careers-filter {
    margin: 2rem 13% -2rem;
    text-align: right
}

.careers-filter .form-dropdown-list {
    text-align: left
}

.careers-filter .form-multiselect-dropdown input::placeholder {
    color: #fff
}

.careers-filter .form-multiselect-dropdown input:-ms-input-placeholder {
    color: #fff
}

.careers-filter .form-multiselect-dropdown input::-ms-input-placeholder {
    color: #fff
}

.careers-filter .form-multiselect-dropdown,.careers-filter .small-cap-title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem
}

.careers-filter .small-cap-title {
    font-size: .75rem;
    color: #fff;
    margin-bottom: 0
}

.page-redirect {
    background-color: #fdd831
}

.line-loader {
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 47
}

.line-loader>div {
    position: absolute;
    height: 100%;
    left: 50%
}

.line-loader div:nth-child(1) {
    background-color: #2ecc71
}

.line-loader div:nth-child(2) {
    background-color: #4cd787
}

.line-loader div:nth-child(3) {
    background-color: #61db95
}

.line-loader div:nth-child(4) {
    background-color: #29b765
}

.line-loader.animate {
    height: 9px;
    opacity: 1
}

.line-loader.animate div:nth-child(1) {
    -webkit-animation: stretch 2.8s ease 0s infinite;
    -moz-animation: stretch 2.8s ease 0s infinite;
    -ms-animation: stretch 2.8s ease 0s infinite;
    -o-animation: stretch 2.8s ease 0s infinite;
    animation: stretch 2.8s ease 0s infinite
}

.line-loader.animate div:nth-child(2) {
    -webkit-animation: stretch 2.8s ease .4s infinite;
    -moz-animation: stretch 2.8s ease .4s infinite;
    -ms-animation: stretch 2.8s ease .4s infinite;
    -o-animation: stretch 2.8s ease .4s infinite;
    animation: stretch 2.8s ease .4s infinite
}

.line-loader.animate div:nth-child(3) {
    -webkit-animation: stretch 2.8s ease .5s infinite;
    -moz-animation: stretch 2.8s ease .5s infinite;
    -ms-animation: stretch 2.8s ease .5s infinite;
    -o-animation: stretch 2.8s ease .5s infinite;
    animation: stretch 2.8s ease .5s infinite
}

.line-loader.animate div:nth-child(4) {
    -webkit-animation: stretch 2.8s ease .9s infinite;
    -moz-animation: stretch 2.8s ease .9s infinite;
    -ms-animation: stretch 2.8s ease .9s infinite;
    -o-animation: stretch 2.8s ease .9s infinite;
    animation: stretch 2.8s ease .9s infinite
}

@keyframes stretch {
    0% {
        padding: 0;
        left: 50%;
        z-index: 4
    }

    25% {
        z-index: 3
    }

    50% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 2
    }

    100% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 1
    }
}

@-moz-keyframes stretch {
    0% {
        padding: 0;
        left: 50%;
        z-index: 4
    }

    25% {
        z-index: 3
    }

    50% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 2
    }

    100% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 1
    }
}

@-webkit-keyframes stretch {
    0% {
        padding: 0;
        left: 50%;
        z-index: 4
    }

    25% {
        z-index: 3
    }

    50% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 2
    }

    100% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 1
    }
}

@-ms-keyframes stretch {
    0% {
        padding: 0;
        left: 50%;
        z-index: 4
    }

    25% {
        z-index: 3
    }

    50% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 2
    }

    100% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 1
    }
}

@-o-keyframes stretch {
    0% {
        padding: 0;
        left: 50%;
        z-index: 4
    }

    25% {
        z-index: 3
    }

    50% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 2
    }

    100% {
        padding: 0 50% 0 50%;
        left: 0;
        z-index: 1
    }
}

.misc-tc-wrapper .about-hero-caption {
    text-align: left;
    padding-top: 5rem
}

.redirect-block {
    position: relative;
    text-align: center;
    background-color: #fff;
    border-radius: 1rem;
    padding: 2rem 3rem 2.5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.5)
}

.redirect-block-wrapper {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 25rem;
    margin-top: -3rem
}

.redirect-block-wrapper img {
    width: 5rem;
    display: block;
    margin: 0 auto 1rem
}

.redirect-block h1 {
    font-weight: 700;
    font-size: 1.75rem
}

.redirect-block h2 {
    font-size: 1rem
}

.redirect-block form {
    display: none
}

.payment-response-table {
    margin: 1rem 0 2rem;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15);
    overflow: hidden;
    border-radius: .5rem
}

.payment-response-table li {
    float: none;
    text-align: left;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #ececec
}

.payment-response-table li label {
    display: inline-block;
    vertical-align: bottom;
    width: 33%
}

.payment-response-table li h3 {
    display: inline-block;
    vertical-align: bottom;
    width: 66%;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0
}

.pum-container {
    padding: 1.5rem 1.5rem 2rem!important
}

.pum-content h1,.pum-content h2,.pum-content h3,.pum-content h4,.pum-content h5 {
    font-size: 1.5rem;
    font-weight: 500
}

.pum-content>img,.pum-content>p img {
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    width: calc(100% + 3rem)!important;
    max-width: none!important
}

.exit-popup.pum-trigger img:first-child {
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    max-width: none!important;
    margin-bottom: 1rem
}

.pum-close {
    color: #444!important;
    border-radius: 50%!important;
    font-size: 20px!important;
    padding: 0 .75rem!important;
    box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.5)!important;
    top: -1rem!important;
    right: -1rem!important;
    background-color: rgb(253 216 49)!important
}

.pum-container.size-tiny {
    border-left: .5rem solid #fdd831!important;
    padding-top: 1rem!important
}

.pum-container.size-tiny .pum-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .5rem;
    border-bottom: 2px solid #fdd831
}

.pum-container.size-tiny p {
    font-size: .85rem;
    line-height: 1.4
}

.search-term {
    font-size: 2rem
}

.search-results .blog-article-list {
    margin: auto;
    float: none
}

.search-results .search-label {
    font-weight: 100
}

.grecaptcha-badge {
    bottom: 2.5rem!important;
    z-index: 1000
}

.dmshive-wrapper {
    display: block;
    background: #fff;
    padding: 2rem;
    width: 80%;
    margin: 0 auto;
    max-width: 25rem
}

.dmshive-wrapper h3 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.dmshive-wrapper .contact-form-row {
    margin-bottom: 1rem
}

.dmshive-wrapper .btn {
    display: block
}

.dms-val-field {
    display: none
}

.dms-val-field.show {
    display: block
}

.donate-ticker-wrapper {
    margin-bottom: 2.5rem
}

.donate-ticker-wrapper .title-primary {
    margin-bottom: 1rem
}

.target-amount {
    margin-top: .75rem;
    text-align: right
}

.amount-target {
    font-size: .85rem;
    display: block;
    margin-top: .35rem
}

.amount-achieved b {
    font-size: 1.25rem;
    color: #3ecb43
}

.donate-ticker-bar {
    position: relative;
    border-radius: 1rem;
    height: 1.5rem;
    width: 100%;
    overflow: hidden;
    margin-top: .75rem;
    background: #ceefcf;
    border: 1px solid #d3ead4
}

.donate-ticker-bar span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #3ecb43;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.page-get-involved .partnership-testimonial-wrapper .home-chidren-highlight-info em {
    margin-top: 0
}

.search-results .blog-item h3 span {
    font-size: 1.25rem
}

.search-results .blog-item span {
    color: #2f2f2f;
    font-size: 1rem;
    opacity: 1;
    text-transform: inherit;
    letter-spacing: normal
}

.pagination>li>a,.pagination>li>span,.pgntn-page-pagination .page-numbers.current,.pgntn-page-pagination a.page-numbers,.pgntn-page-pagination-intro {
    width: 1.65rem;
    text-align: center;
    padding: .25rem 0!important;
    border-radius: 50%;
    font-size: .85rem;
    color: #5f5525!important;
    margin-right: .5rem;
    background: #fff!important
}

.pgntn-page-pagination .page-numbers.current,.pgntn-page-pagination a.page-numbers {
    padding: .35rem 0!important
}

div.pgntn-page-pagination {
    text-align: left!important
}

.pgntn-page-pagination .next.page-numbers,.pgntn-page-pagination .prev.page-numbers,div.pgntn-page-pagination-intro {
    color: #5f5525!important;
    background-color: #fff!important;
    width: auto!important;
    border-radius: .5rem;
    padding: .5rem!important
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    border-top-left-radius: 50%!important;
    border-bottom-left-radius: 50%!important
}

.pagination>li>a.pagination_inactive {
    color: #000;
    background: #fbd832!important
}

.pgntn-page-pagination .page-numbers.current {
    color: #000!important;
    background: #fbd832!important;
    border-radius: 50%
}

.donor-confirmation br {
    display: none
}

.donor-confirmation-foreign,.donor-confirmation-foreignC,.donor-confirmation-foreign1,.donor-confirmation-india,.donor-confirmation-indiaC,.donor-confirmation-indiaPC,.donor-confirmation-indiaOIC,.donor-confirmation-indiaPOIC {
    color: #484848;
    display: none;
    font-size: .85rem;
    margin: -1rem 1rem 2rem;
    line-height: normal
}

.donor-confirmation-foreign.show,.donor-confirmation-foreignC.show,.donor-confirmation-foreign1.show,.donor-confirmation-india.show,.donor-confirmation-indiaC.show,.donor-confirmation-indiaPC.show,.donor-confirmation-indiaOIC.show,.donor-confirmation-indiaPOIC.show {
    display: block
}

.btn_simplemaps {
    display: none!important
}

@media all and (max-width: 800px) {
    .email_posts_subscribers input[type=submit] {
        width:100%
    }

    .pagination {
        text-align: center
    }

    .pagination li {
        display: inline-block
    }

    .nav-wrapper {
        transition: all .3s;
        transform: translateX(-303vw);
        display: none;
        position: fixed;
        top: 3.8rem;
        background: #1e1e1e;
        display: block;
        left: 0;
        width: 100%;
        height: calc(100vh - 3.8rem)
    }

    .nav-wrapper.show {
        transform: translateX(0)
    }

    .nav-primary {
        margin: 2rem
    }

    .nav-primary .nav-item::before {
        transform: translateY(5px)
    }

    .nav-item:hover,.page-about .nav-primary .nav-item-about,.page-approach .nav-primary .nav-item-approach,.page-corporate-partnerships .nav-primary .nav-item-corporate-partnerships,.page-home .nav-primary .nav-item-home,.page-impact .nav-primary .nav-item-impact,.page-volunteer .nav-primary .nav-item-volunteer,.page-why-children .nav-primary .nav-item-why-children {
        color: #484848!important;
        opacity: 1;
        padding: 1.05rem 1.15rem!important
    }

    .nav-item:hover::before,.page-about .nav-item-about::before,.page-approach .nav-item-approach::before,.page-corporate-partnerships .nav-item-corporate-partnerships::before,.page-home .nav-item-home::before,.page-impact .nav-item-impact::before,.page-volunteer .nav-item-volunteer:before,.page-why-children .nav-item-why-children::before {
        transform: translateY(0);
        height: 100%;
        border-radius: 1rem;
        z-index: -1
    }

    .nav-primary .nav-item {
        padding: 1.05rem .25rem!important;
        margin: 0 .25rem .5rem;
        color: #fff;
        font-size: 1rem;
        display: block
    }

    .nav-secondary {
        text-align: center;
        padding: 0;
        left: 0;
        bottom: 0;
        padding: 2rem 1rem 3rem;
        width: calc(100% - 2rem);
        top: auto;
        margin-bottom: 0;
        margin-right: 0
    }

    .nav-search-wrapper {
        display: block;
        margin: 0 10% 1rem
    }

    .nav-secondary .nav-item {
        font-size: 1rem
    }

    .nav-secondary .nav-item:nth-child(2) {
        margin-left: 0
    }

    .nav-secondary .nav-item:nth-child(2)::before {
        display: none
    }

    .nav-secondary .nav-item:first-child::before {
        display: none
    }

    .nav-search-wrapper input {
        width: 100%;
        font-size: 1rem;
        padding: .75rem 1rem .75rem 1.8rem!important
    }

    .nav-search-wrapper input:active,.nav-search-wrapper input:focus {
        width: 100%
    }

    .menu-btn {
        display: inline-block;
        vertical-align: middle
    }

    header,header.header-fixed {
        padding: 0 1rem;
        width: calc(100% - 2rem);
        position: fixed;
        z-index: 103
    }

    .logo-header {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        top: auto;
        width: 4.7rem;
        margin-bottom: -1rem;
        padding: .75rem
    }

    .nav-cta {
        right: 0
    }

    .hero-title {
        font-size: 1.75rem
    }

    .about-hero-caption {
        padding-top: 7rem;
        margin: 0 auto 3rem;
        width: 80%
    }

    .home-approach-title h2,.title-primary {
        font-size: 1.3rem
    }

    .page-why-children .home-approach-block {
        margin: 0 5%;
        transform: translateY(-1rem)
    }

    .page-why-children .home-approach-main {
        padding-top: 3rem;
        padding-bottom: 0
    }

    .page-why-children .home-how-we-do-description {
        display: block;
        float: none;
        width: auto;
        text-align: center;
        margin-right: 0;
        margin-top: 2rem
    }

    .page-why-children .home-stats-wrapper .title-primary {
        width: auto
    }

    .page-why-children .home-stats-item:first-child {
        margin-top: -.5rem
    }

    .page-why-children .home-stats-item {
        margin-bottom: 1rem
    }

    .page-why-children .children-reports-wrapper .home-story-img-wrapper {
        display: none
    }

    .page-why-children .home-how-we-do-wrapper {
        margin-top: 0
    }

    .children-map-wrapper {
        width: 60%;
        margin-left: 0;
        margin-right: 0;
        margin: auto
    }

    .home-stats-list,.page-donate .home-stats-list {
        margin: 0
    }

    .home-stats-item,.page-donate .home-stats-item {
        width: calc(100% - 6rem - 2px)!important
    }

    .home-how-we-do-wrapper {
        padding-left: 5%;
        padding-right: 5%
    }

    .children-solution-wrapper {
        margin: 0 0
    }

    .children-stats-title {
        width: 85%
    }

    .children-stat-intro-wrapper {
        display: block
    }

    .children-stat-img {
        display: block;
        height: auto;
        float: none;
        width: 70%;
        margin: auto
    }

    .children-stat-info-wrapper {
        display: block;
        width: 100%;
        margin: 2rem auto 0;
        text-align: center
    }

    .children-stat-list-item,.children-stat-list-item:nth-child(2) {
        float: none;
        white-space: normal;
        vertical-align: top;
        width: calc(85% - 2rem);
        width: 100%
    }

    .children-stat-list-item img {
        border-radius: .5rem
    }

    .children-stat-block-alt .children-stat-img {
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin: auto
    }

    .children-stat-list-wrapper>div {
        width: calc(100vw - 2rem);
        padding: 0 1rem;
        width: 100%;
        padding: 0
    }

    .volunteer-faq-wrapper {
        margin: 2rem 8%
    }

    .volunteer-faq-block {
        text-align: center;
        float: none;
        width: auto
    }

    .accordion-wrapper {
        text-align: left
    }

    .why-children-donate {
        margin: 3rem 8% 4rem
    }

    .partner-logo-block {
        width: calc(50% - 2rem)
    }

    .footer-usp-list {
        padding: 1.5rem 5% 2rem;
        width: 90%
    }

    .children-stat-list-wrapper>div .owl-nav,.volunteer-team-block-wrapper .owl-nav {
        display: none!important
    }

    .children-stat-list-wrapper>div .owl-controls,.footer-usp-list .owl-controls,.volunteer-team-block-wrapper .owl-controls {
        text-align: center
    }

    .children-stat-list-wrapper>div .owl-dot.active,.footer-usp-list .owl-dot.active,.volunteer-team-block-wrapper .owl-dot.active {
        background-color: #fdd831;
        border-color: #ffe987
    }

    .children-stat-list-wrapper>div .owl-dots,.footer-usp-list .owl-dots,.volunteer-team-block-wrapper .owl-dots {
        display: block!important
    }

    .children-stat-list-wrapper>div .owl-dot,.footer-usp-list .owl-dot,.volunteer-team-block-wrapper .owl-dot {
        transition: all .3s;
        -webkit-transition: all .3s;
        display: inline-block;
        background-color: #eaeaea;
        border: 3px solid #e4e3e3;
        border-radius: 50%;
        vertical-align: middle;
        height: 8px;
        width: 8px;
        margin: 0 .35rem
    }

    .footer-usp-item {
        width: calc(75% - 2rem);
        white-space: normal;
        display: inline-block;
        text-align: left;
        margin: 0 1rem
    }

    footer {
        padding: 3rem 5% 3rem
    }

    .back-to-top {
        display: block;
        margin-bottom: .55rem
    }

    .back-to-top label,.back-to-top span {
        display: none
    }

    .back-to-top .fa {
        font-size: 2.25rem;
        width: 3.2rem;
        box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.25)
    }

    .chat-icon {
        bottom: 7rem;
        right: .25rem;
        z-index: 102;
        transform: translateY(20rem)
    }

    .about-mission-wrapper .title-primary {
        margin-bottom: 1rem
    }

    .home-approach-icons-wrapper .owl-nav>div {
        margin-top: -1rem
    }

    .home-approach-icons-item {
        float: none;
        white-space: normal;
        display: block;
        height: 14rem;
        width: 60%;
        margin: auto
    }

    .home-approach-icons-item .rel-wrapper {
        max-height: 20rem
    }

    .home-approach-icons-item:hover>.rel-wrapper {
        max-height: 0
    }

    .home-approach-icons-item:hover .home-approach-hidden-info,.home-approach-icons-item:hover h3 {
        transform: translateY(0)
    }

    .about-mission-wrapper .home-approach-icons-wrapper {
        display: block;
        padding: 0
    }

    .about-video-wrapper .heading-para-wrapper {
        position: relative;
        float: none;
        width: auto;
        margin: 3rem 5%;
        text-align: center
    }

    .about-video-block {
        float: none;
        width: 100%
    }

    .team-wrapper .donate-options-title {
        display: block;
        text-align: center;
        width: auto;
        margin: 0 2rem
    }

    .donate-options-cards.team-wrapper {
        padding-top: 2rem
    }

    .donate-options-card-block {
        display: block;
        width: auto
    }

    .donate-options-card-wrapper {
        padding: 0;
        width: calc(100%)
    }

    .owl-carousel .owl-stage-outer {
        padding: 0
    }

    .donate-options-card-block .owl-nav .owl-next,.donate-options-card-block .owl-nav .owl-prev {
        transform: translateY(-50%)!important;
        position: absolute;
        left: 1rem!important;
        margin-top: -2rem;
        top: 50%
    }

    .donate-options-card-block .owl-nav .owl-next {
        left: auto!important;
        right: 1rem!important
    }

    .donate-options-card-block .owl-nav {
        top: auto;
        transform: none;
        position: inherit;
        left: auto;
        margin-top: auto
    }

    .about-team-crayon {
        bottom: -2rem
    }

    .awards-wrapper {
        margin-top: 5rem
    }

    .awards-wrapper .services-title p {
        width: 85%
    }

    .award-item {
        width: calc(100% - 5rem)
    }

    .editorial-logos-wrapper {
        padding: 4rem 5%
    }

    .articles-wrapper {
        margin: 0;
        display: block;
        flex-wrap: initial
    }

    .articles-block {
        float: none;
        width: calc(100% - 5rem - 2px);
        margin-bottom: 1rem
    }

    .financials-wrapper {
        margin: 0 5% 5rem;
        width: auto
    }

    .about-quote-wrapper h3 {
        font-size: 1.5rem
    }

    .about-video-crayon {
        bottom: -2rem
    }

    .page-about .editorial-logos-wrapper p {
        width: auto
    }

    .page-about .about-video-wrapper {
        display: block
    }

    .page-about .participate-info .approach-info {
        text-align: center;
        width: auto;
        position: relative;
        top: auto;
        left: auto;
        margin: 0 2rem
    }

    .page-about .footer-usp-list {
        margin-top: 1.5rem
    }

    .home-how-we-do-wrapper {
        padding-top: 3.5rem
    }

    .home-how-we-do-description {
        text-align: center;
        float: none;
        width: auto;
        margin-right: 0
    }

    .approach-circle-wrapper {
        position: relative;
        float: none;
        width: 100%;
        transform: none;
        margin-top: 3rem
    }

    .animated .approach-circle-item:not(.approach-child-center) {
        transform: scale(.85);
        transform: none
    }

    .home-how-we-do-wrapper {
        transform: none!important;
        z-index: 98
    }

    .approach-circle-modal {
        position: absolute;
        transform: none
    }

    .approach-circle-item:nth-child(1) .approach-circle-icon:hover+.approach-circle-modal,.approach-circle-item:nth-child(2) .approach-circle-icon:hover+.approach-circle-modal,.approach-circle-modal {
        position: absolute;
        top: calc(100% + 2rem)!important;
        bottom: auto!important;
        transform: none;
        width: calc(100vw - 7.5rem);
        z-index: 1000000000
    }

    .approach-circle-item:nth-child(1) .approach-circle-icon+.approach-circle-modal {
        left: 0
    }

    .approach-circle-item:nth-child(2) .approach-circle-icon+.approach-circle-modal {
        left: auto;
        right: 0
    }

    .approach-circle-item:nth-child(3) .approach-circle-icon+.approach-circle-modal {
        top: auto!important;
        bottom: calc(100% + 2rem)!important;
        left: 0
    }

    .approach-circle-item:nth-child(4) .approach-circle-icon+.approach-circle-modal {
        top: auto!important;
        bottom: calc(100% + 2rem)!important;
        left: auto;
        right: 0
    }

    .approach-circle-item.approach-child-center .approach-circle-icon+.approach-circle-modal {
        left: 0;
        width: auto
    }

    .heat-map-card-options {
        width: auto;
        padding: 1rem
    }

    .heat-map-options {
        display: flex;
        flex-wrap: wrap
    }

    .approach-circle-item:focus,.approach-circle-item:hover {
        z-index: 100000000!important
    }

    .approach-circle-modal .fa {
        display: none
    }

    .approach-circle-item {
        z-index: 0!important
    }

    .approach-child-center,.approach-circle-wrapper::before {
        z-index: -1!important
    }

    .approach-circle-item:nth-child(1) {
        top: 0;
        left: 6%
    }

    .approach-circle-item:nth-child(2) {
        top: 0;
        right: 6%
    }

    .approach-circle-item:nth-child(3) {
        bottom: 0;
        left: 6%
    }

    .approach-circle-item:nth-child(4) {
        bottom: 0;
        right: 6%
    }

    .heat-map-info-wrapper {
        position: relative;
        top: auto;
        -webkit-transform: translateY(-50%)!important;
        transform: none!important;
        width: auto;
        left: auto;
        text-align: center
    }

    .heat-map-wrapper #map {
        float: none;
        margin: auto;
        margin-top: 3rem
    }

    .home-approach-block {
        margin: 0 5%
    }

    .home-approach-main {
        padding: 2rem 0
    }

    .district-model-block-wrapper .home-stories-wrapper .home-story-highlight-wrapper {
        padding: 0 5%
    }

    .partnership-method-block .home-story-img-wrapper {
        display: block;
        width: 70%;
        margin: auto
    }

    .partnership-method-block .home-story-description-wrapper {
        width: auto;
        margin: 3rem 1rem;
        text-align: center
    }

    .partnership-method-block-alt .home-story-highlight {
        display: block
    }

    .district-model-cta {
        width: 85%;
        margin: 0 auto 4rem
    }

    .about-hero-caption.impact-hero-caption {
        width: 85%;
        padding-top: 9rem;
        margin-bottom: 0
    }

    .hero-portrait-block {
        width: calc(90% - 2.25rem)
    }

    .about-mission-crayon {
        bottom: 2rem
    }

    .about-mission-crayon-alt {
        top: calc(99% - 2rem)
    }

    .impact-hero-caption .hero-title em {
        font-size: 2rem
    }

    .impact-rippan-wrapper {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0
    }

    .impact-rippan-wrapper .home-story-img-wrapper {
        width: auto;
        margin: 2rem 15% 0
    }

    .home-stats-wrapper {
        padding-top: 2rem
    }

    .multiplier-wrapper-title {
        width: 85%
    }

    .multiplier-wrapper-title h2 em {
        font-size: 2rem
    }

    .home-stats-item:first-child {
        margin-top: 2rem
    }

    .home-approach-title p {
        width: 85%
    }

    .legacy-card-wrapper {
        margin: -6rem 5% 3rem
    }

    .legacy-card-col {
        width: auto
    }

    .legacy-wrapper .home-approach-crayon-strip {
        top: 20rem
    }

    .legacy-card li,.legacy-card p,.legacy-card ul {
        text-align: center
    }

    .legacy-card {
        margin: 0 0 1.5rem
    }

    .home-news-info {
        text-align: center;
        width: auto;
        padding: 1rem 1.5rem;
        min-height: auto
    }

    .home-news-item {
        flex-direction: column-reverse;
        display: flex
    }

    .home-news-img img {
        display: block;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 100%
    }

    .home-news-img {
        display: block;
        margin-left: 0;
        width: 100%;
        height: 100%;
        top: auto;
        transform: none;
        position: relative;
        overflow: hidden
    }

    .page-impact .home-news-list.owl-carousel .owl-stage-outer {
        padding: 0
    }

    .page-impact .home-news-wrapper .title-primary {
        margin: -1rem auto 2rem
    }

    .page-impact .home-news-list.owl-carousel .owl-prev {
        left: .5rem
    }

    .page-impact .home-news-list.owl-carousel .owl-next {
        right: .5rem
    }

    .multiplier-initial,.multiplier-result {
        float: none;
        width: auto;
        margin: auto
    }

    .multiplier-amt-stat {
        position: relative;
        width: auto;
        bottom: auto;
        margin: 2rem 0
    }

    .multiplier-amt-stat-arrow {
        top: calc(100% + 0rem);
        transform: rotate(90deg)!important;
        z-index: 100;
        left: 0
    }

    .multiplier-advocacy-stat h3 {
        background: #fffef9;
        padding: .5rem 0
    }

    .multiplier-advocacy {
        position: relative;
        z-index: 101
    }

    .multiplier-advocacy,.multiplier-advocacy * {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }

    .multiplier-amt-stat .rel-wrapper::before {
        top: -2rem;
        transform: none!important;
        right: 0;
        left: 0;
        height: calc(100% + 3rem);
        margin: auto;
        width: 2px
    }

    .multiplier-advocacy-circle-title+.multiplier-adovcacy-circle-info {
        box-shadow: 0 0 .7rem -.1rem rgba(0,0,0,.15);
        transform: translateX(-50%)!important;
        left: 50%;
        top: 6rem;
        width: calc(100vw - 5rem);
        bottom: auto;
        z-index: 100000
    }

    .multiplier-adovcacy-circle-info .rel-wrapper::before {
        display: none
    }

    .multiplier-advocacy-circle-title {
        height: 5rem;
        line-height: 5rem
    }

    .multiplier-advocacy .multiplier-stat {
        width: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .multiplier-block-advocacy-line {
        left: -4rem;
        display: none
    }

    .multiplier-advocacy-circle-title {
        background-color: #fdd831!important
    }

    .multiplier-block-advocacy-line-right {
        left: auto;
        right: -4rem
    }

    .partnership-method-block-wrapper {
        margin-top: 2rem
    }

    .financials-highlighted-report .home-story-highlight-wrapper {
        padding: 0 10% 3rem
    }

    .financials-download-wrapper {
        margin: -1rem 0 0;
        padding: 5rem 10%
    }

    .financials-download-wrapper .contact-faq-title-wrapper {
        float: none;
        margin: 0 0 2rem;
        margin-right: 0;
        text-align: center;
        width: auto
    }

    .partnership-case-stories-wrapper .legacy-card {
        width: auto;
        position: relative!important;
        top: auto!important;
        left: auto!important
    }

    .partnership-case-stories-wrapper .legacy-card-col {
        height: auto!important
    }

    .financials-download-wrapper .accordion-wrapper {
        float: none;
        width: auto
    }

    .partnership-case-stories-wrapper {
        margin-top: 3rem
    }

    .partnership-case-stories-title {
        width: 85%
    }

    .partnership-case-stories-wrapper .legacy-card-wrapper {
        margin: 0 5% 3rem
    }

    .home-children-highlight-title .title-primary {
        font-size: 1.5rem
    }

    .partnership-testimonial-wrapper .home-children-highlight-title {
        width: auto;
        margin-bottom: 0
    }

    .home-children-highlight-title .title-primary em {
        font-size: 1.85rem
    }

    .home-children-item img {
        margin: auto;
        display: block;
        float: none;
        width: 50%
    }

    .partnership-testimonial-wrapper .home-children-item {
        text-align: center;
        width: auto
    }

    .home-chidren-highlight-info {
        display: block;
        width: auto;
        margin: 1rem 0 0
    }

    .partnership-testimonial-wrapper .home-chidren-highlight-info img {
        margin-top: 1rem;
        width: auto;
        margin: 2rem auto 0;
        margin-left: auto!important;
        float: none;
        height: 2.5rem
    }

    .partner-logos-wrapper {
        margin: 0 5% 4rem
    }

    .partner-logos-title {
        width: auto
    }

    .about-video-wrapper {
        display: flex;
        flex-direction: column-reverse
    }

    .volunteer-team-wrapper {
        margin: 3rem 0;
        padding: 0
    }

    .volunteer-team-block-wrapper {
        padding: 0 5% 1rem;
        width: 90%
    }

    .volunteer-team-block {
        white-space: normal;
        width: auto
    }

    .volunteer-faq-wrapper .home-story-img-wrapper img {
        display: none
    }

    .volunteer-stories-wrapper .home-news-img {
        width: 100%
    }

    .volunteer-stories-wrapper .home-news-info {
        width: calc(100% - 3rem)
    }

    .home-news-wrapper .title-primary {
        margin: -2rem auto 2rem
    }

    .home-quote-wrapper {
        padding: 0 5% 5rem
    }

    .volunteer-options-wrapper {
        margin: 0 auto 3rem
    }

    .donate-options-title {
        text-align: center !important;
        position: relative !important;
        display: block !important;
        margin: 0 5% 2rem !important;
        width: auto !important;
    }

    .volunteer-options-main {
        text-align: center;
        position: relative;
        display: block;
        width: auto;
        margin-left: 0;
        margin: 0;
        padding: 0
    }

    .volunteer-options-wrapper .owl-next,.volunteer-options-wrapper .owl-prev {
        margin: 0
    }

    .volunteer-options-wrapper .owl-prev {
        left: .5rem!important
    }

    .volunteer-options-wrapper .owl-next {
        left: auto!important;
        right: .5rem!important
    }

    .volunteer-options-card-wrapper {
        padding: 0 5%;
        width: auto
    }

    .hero-video-wrapper {
        position: relative;
        top: auto;
        right: 0;
        width: 100%;
        height: auto;
        overflow: visible;
        z-index: 1;
        max-width: none
    }

    .hero-wrapper .home-img-separator {
        position: relative;
        margin-top: 1rem
    }

    .hero-caption {
        text-align: center;
        position: relative;
        top: auto;
        margin-top: 3rem;
        left: auto;
        right: auto;
        width: 100%;
        z-index: 5
    }

    .hero-caption .hero-title {
        margin: auto
    }

    .hero-video-patch {
        height: 110%;
        width: 110%;
        left: -10%
    }

    .hero-wrapper {
        height: auto;
        margin-top: 3.5rem
    }

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

    .hero-wrapper .btn-dot {
        display: none
    }

    .home-approach-wrapper .home-approach-block {
        transform: translateY(-1rem)
    }

    .home-stats-item:last-child {
        margin-bottom: 0
    }

    .page-home .home-approach-icons-wrapper {
        z-index: 10;
        padding: 0;
        display: block;
        text-align: center;
        margin-top: -1.5rem
    }

    .page-home .donate-options-cards {
        padding-top: 2rem;
        text-align: center
    }

    .page-home .donate-card {
        height: auto;
        min-height: 22rem
    }

    .approach-circle-item:not(.approach-child-center):nth-child(1) span,.approach-circle-item:not(.approach-child-center):nth-child(2) span {
        top: -1.5rem
    }

    .page-home .donate-options-card-wrapper::before {
        display: none
    }

    .page-home .donate-options-cards .btn-primary {
        margin: 1.5rem 0 3rem
    }

    .donate-form-block {
        position: relative!important;
        position: absolute;
        z-index: 10;
        right: auto;
        width: auto;
        top: auto!important;
        margin-top: 0!important;
        margin: 0 5%;
        text-align: left
    }

    .donate-hero-wrapper .title-primary {
        width: 45%;
        margin: 0;
        position: absolute;
        z-index: 10;
        left: 2rem;
        top: calc(50% - 1.5rem);
        transform: translatey(-40%)
    }

    .donate-hero-wrapper {
        margin-top: 3.8rem;
        margin-bottom: 4rem
    }

    .donate-page-block {
        margin: 0 7% 4rem;
        width: auto;
        text-align: center
    }

    .contact-faq-wrapper.donate-page-block .accordion-wrapper {
        float: none;
        width: auto
    }

    .donate-chart-wrapper {
        width: 90%;
        margin: auto;
        margin-top: 1rem;
        margin-bottom: 3rem
    }

    .donate-chart-block {
        position: relative;
        display: block;
        vertical-align: middle;
        width: 80%;
        margin: auto
    }

    .donate-chart-info {
        display: block;
        vertical-align: middle;
        margin-left: auto;
        width: auto;
        margin-top: 1rem
    }

    .donate-chart-legend li {
        white-space: normal;
        display: inline-block;
        margin: 0 10px .75rem
    }

    .donate-banner {
        transform: scaleX(-1)
    }

    .partnership-testimonial-wrapper.donate-page-block .home-children-highlight-title {
        text-align: center;
        width: 85%;
        margin: auto
    }

    .partnership-testimonial-wrapper.donate-page-block .home-children-item-wrapper .owl-controls {
        display: block;
        position: relative;
        bottom: auto;
        right: auto
    }

    .page-donate .home-children-highlight-title .title-primary {
        margin-bottom: 1.5rem
    }

    .donate-form-title-wrapper {
        position: absolute;
        z-index: 10;
        width: 50%;
        left: 1rem;
        top: 0
    }

    .blog-hero-wrapper .owl-nav>div {
        margin-top: 0;
        left: calc(5.5% - 1.4rem);
        top: 18%;
        transform: none!important
    }

    .blog-hero-wrapper {
        padding-top: 8.5rem
    }

    .blog-hero-item {
        margin: 0 1.5rem
    }

    .main-blog-img {
        display: block;
        margin: auto;
        width: 80%
    }

    .main-blog-info {
        text-align: center;
        display: block;
        width: auto;
        margin: 2.5rem 0 0
    }

    .main-blog-info .hero-title {
        margin: 0 auto .75rem;
        width: auto
    }

    .blog-hero-wrapper .owl-dots {
        position: absolute;
        bottom: -2rem;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }

    .blog-list-wrapper {
        margin: 3rem 2rem 3rem
    }

    .blog-list-title-info {
        width: auto
    }

    .blog-list-title-info .title-primary em {
        display: block
    }

    .blog-article-list {
        float: none;
        width: auto
    }

    .blog-item {
        width: calc(100% - 2rem);
        padding: 1.5rem 1rem
    }

    .blog-item-wide .blog-item-img {
        margin-left: 0;
        width: 100%;
        margin-bottom: 1rem
    }

    .blog-item-wide .blog-item-info {
        width: auto
    }

    .blog-filter-wrapper {
        float: none;
        margin-left: 0;
        margin-top: 4rem;
        width: auto;
        text-align: center
    }

    .blog-filter-list-wrapper:first-child {
        display: block
    }

    .blog-filter-list-wrapper>label {
        color: #000;
        font-size: 1rem
    }

    .btn-more-stories {
        width: auto
    }

    .main-blog-info .btn {
        display: block
    }

    .blog-item .btn-primary {
        text-align: center;
        background: 0 0;
        border: none;
        box-shadow: none;
        width: 100%;
        padding: 0;
        opacity: .8;
        margin: 1rem 0 -1rem
    }

    .contact-hero-wrapper {
        padding: 7rem 1.5rem 2rem
    }

    .contact-title-wrapper {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        text-align: center
    }

    .contact-title-img {
        width: 6rem;
        display: block;
        margin: auto
    }

    .contact-title-block {
        width: auto;
        margin-top: 2rem
    }

    .contact-title-block .hero-title {
        width: auto
    }

    .contact-faq-title-block {
        margin: 2rem 0 0 0
    }

    .contact-faq-title-block img {
        display: none
    }

    .contact-faq-title-block div {
        width: 100%
    }

    .contact-form-wrapper {
        float: none;
        width: auto;
        margin-top: 4rem
    }

    .contact-form-wrapper .btn-primary {
        display: block;
        text-align: center;
        width: 100%;
        -webkit-appearance: none
    }

    .contact-locations-wrapper {
        padding: 0 2rem 5rem;
        margin-top: 5rem
    }

    .contact-locations-tab-block {
        margin: 0
    }

    .contact-locations-block {
        display: block
    }

    .contact-locations-card {
        float: none;
        width: auto;
        margin: 0 .75rem 2rem
    }

    .contact-locations-wrapper::before {
        height: 100%
    }

    .contact-locations-crayon-strip {
        top: 95%;
        bottom: auto
    }

    .contact-brush-top {
        top: -2rem
    }

    .contact-map {
        height: 50vh
    }

    .page-get-involved .partnership-method-block .home-story-description-wrapper {
        margin-top: 0
    }

    .page-get-involved .district-model-block-wrapper .home-stories-wrapper {
        margin-bottom: 8rem
    }

    .page-get-involved .district-model-block-wrapper .home-stories-wrapper:last-child {
        margin-bottom: 0
    }

    .page-get-involved .partnership-method-block-alt .home-story-description-wrapper {
        margin-right: 0
    }

    .careers-filter .form-multiselect-dropdown,.careers-filter .small-cap-title {
        display: block;
        margin-left: 0
    }

    .careers-filter .small-cap-title {
        text-align: center
    }

    .job-accordion {
        width: auto
    }

    .job-accordion h4 {
        margin-left: 0
    }

    .job-title-wrapper span {
        margin: 0;
        padding: 0;
        display: block;
        border: none
    }

    .job-apply-btn-wrapper {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        display: block;
        margin-top: 2rem
    }

    .jtt-icon {
        vertical-align: top
    }

    .about-mission-wrapper .home-approach-icons-item:hover .home-approach-hidden-info,.about-mission-wrapper .home-approach-icons-item:hover h3 {
        transform: translateY(0)
    }

    .award-hidden-wrapper.show {
        max-height: none
    }

    .profile-modal {
        top: 0;
        transform: translateY(110vh);
        height: calc(100% - 4rem);
        width: calc(100% - 2rem);
        padding: 2rem 1rem;
        overflow-y: scroll;
        z-index: 104
    }

    .profile-modal.show {
        transform: translateY(0)
    }

    .profile-img-block {
        overflow: hidden;
        border-radius: .5rem
    }

    .profile-img-wrapper {
        position: relative;
        top: 0;
        left: 0;
        width: 80%;
        margin: auto;
        transform: none!important;
        margin-bottom: 2rem
    }

    .profile-modal .fa-close {
        position: fixed;
        top: .5rem;
        right: .5rem
    }

    .profile-info-wrapper {
        position: relative;
        width: 90%;
        margin: auto
    }

    .profile-modal .rel-wrapper {
        height: calc(100vh - 4rem)
    }

    .profile-info-block {
        height: auto
    }

    .volunteer-card-form .btn-primary {
        -webkit-appearance: none
    }

    .volunteer-form-field-wrapper {
        height: calc(100vh - 13rem)
    }

    .home-story-img-wrapper {
        width: auto
    }

    .home-story-description-wrapper {
        width: auto;
        text-align: center;
        margin-top: 4rem;
        margin-left: 0
    }

    .accordion-description li {
        width: 100%;
        padding-right: 0
    }

    .page-donate .home-stats-main-wrapper {
        width: auto;
        margin: 0 1rem 4rem
    }

    .page-donate .home-stats-wrapper {
        text-align: center
    }

    .accordion-description li .btn-text {
        display: block;
        position: relative!important
    }

    .resp-show {
        display: block!important
    }

    .resp-hide {
        display: none!important
    }

    .blog-article-main-wrapper {
        width: 85%!important
    }

    .blog-article-main-wrapper .article-title {
        font-size: 1.5rem!important
    }

    .related-posts-wrapper .blog-item {
        float: none!important;
        width: auto!important;
        margin: 0 0 1.5rem!important
    }

    .modal-contact-success {
        width: auto
    }

    .modal-contact-success .fa-close {
        right: .5rem
    }

    .volunteer-card-form {
        width: calc(100% - 2rem);
        padding: 2rem 1rem;
        transform: translateX(calc(100vw + 10rem))
    }

    .volunteer-card-form .volunteer-options-info {
        margin-left: -1rem;
        width: calc(100% + 0rem)
    }

    .volunteer-modal.profile-modal .rel-wrapper,.volunteer-modal.profile-modal .volunteer-modal-info-wrapper {
        height: auto
    }

    .volunteer-modal .btn-primary {
        bottom: 0
    }

    .accordian-wrapper {
        text-align: left
    }

    .yellowfellow-hero-wrapper .about-mission-crayon-alt {
        top: calc(99% - 0rem)
    }

    .yellow-fellow-wrapper {
        margin-top: 0;
        flex-direction: column
    }

    .yellow-fellow-why-socks .home-story-img-wrapper {
        transform: translateY(0)
    }

    .yellow-fellow-why-socks {
        margin-top: 0
    }

    .yellow-fellow-media {
        padding: 0 5% 0
    }

    .yellow-fellow-celebs {
        margin-bottom: 5rem
    }

    .yellow-fellow-partners-title {
        width: 90%;
        margin: auto
    }

    .yellow-fellow-logos-small .partner-logo-block {
        width: calc(50% - 2rem)
    }

    .dmshive-wrapper .btn {
        width: 100%
    }

    .target-amount {
        text-align: center
    }

    .show-mobile .approach-circle-modal {
        max-height: 10rem;
        padding: .75rem 1rem;
        transform: translateY(-50%)!important;
        top: 50%!important;
        opacity: 1
    }

    .home-news-list {
        padding-bottom: 2rem
    }

    .page-about .about-quote-wrapper p {
        margin-left: 0
    }

    .page-about .financials-wrapper {
        margin-bottom: 2rem
    }

    .heat-map-card-options .form-dropdown-list {
        text-align: left
    }

    .ncrf-accordion-wrapper .btn-faq {
        left: 0;
        right: 0;
        margin: auto
    }

    .hide-circle-modal {
        max-height: 0!important;
        padding: 0 1rem!important;
        opacity: 0!important
    }

    .ncrrf-block-wrapper+.financials-highlighted-report {
        margin-top: 2rem
    }

    .ncrrf-block-wrapper .partnership-method-block-alt .home-story-description-wrapper,.ncrrf-btns {
        margin-bottom: 0;
        margin: 3rem 0 0!important
    }

    .yellow-fellow-why-socks .title-primary {
        font-size: 1.5rem
    }
}

@keyframes animateCursiveText {
    0% {
        opacity: 1;
        font-family: Rubik,sans-serif
    }

    50% {
        font-family: 'Gloria Hallelujah',cursive;
        text-transform: lowercase
    }

    70% {
        font-family: 'Indie Flower',cursive;
        text-transform: lowercase
    }

    100% {
        opacity: 1;
        font-family: Rubik,sans-serif
    }
}

@keyframes grain {
    0%,100% {
        transform: translate(0,0)
    }

    10% {
        transform: translate(-5%,-10%)
    }

    20% {
        transform: translate(-15%,5%)
    }

    30% {
        transform: translate(7%,-25%)
    }

    40% {
        transform: translate(-5%,25%)
    }

    50% {
        transform: translate(-15%,10%)
    }

    60% {
        transform: translate(15%,0)
    }

    70% {
        transform: translate(0,15%)
    }

    80% {
        transform: translate(3%,35%)
    }

    90% {
        transform: translate(-10%,10%)
    }
}

@keyframes animateScrollLine {
    0% {
        opacity: 1;
        transform: translate3d(0,-100%,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,100%,0)
    }

    100%,61% {
        opacity: 0;
        transform: translate3d(0,0,0)
    }
}

@keyframes animateHomePhoto {
    0% {
        transform: translate3d(0,100vh,0)
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

@keyframes animateHomePhotoMedia {
    0% {
        height: 170%
    }

    100% {
        height: 110%
    }
}

@keyframes animateHomePhotoVideo {
    0% {
        height: 170%
    }

    100% {
        height: 100%
    }
}

@keyframes dropHeader {
    0% {
        opacity: 0;
        transform: translateY(-1.5rem)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes showHeroTitle {
    0% {
        opacity: 0;
        transform: translateY(4.5rem)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes showHeroBtnDot {
    0% {
        opacity: 0;
        transform: translateY(4.5rem) scale(.8)
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(.8)
    }
}

@keyframes showLogoText {
    0% {
        transform: translateY(.8rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes removeLoader {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 1;
        transform: translateY(-100vh)
    }
}

@keyframes showCard {
    0% {
        transform: translateY(1.5rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes showCardLeft {
    0% {
        transform: translateX(1.5rem);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes animateHeartBtn {
    0%,50% {
        transform: scale(1)
    }

    25%,75% {
        transform: scale(1.15)
    }

    100%,76% {
        transform: scale(1)
    }
}

@keyframes showIconCard {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes rotateApproachCircle {
    0% {
        transform: rotate(0) translateX(-50%) translateY(-50%)
    }

    100% {
        transform: rotate(360deg) translateX(-50%) translateY(-50%)
    }
}

.stitle-primary {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.2
}

.dop-recurring.dop-recurring-hide {
    display: none!important
}

.pan-blink {
    float: left;
    width: 100%;
    font-size: .85rem;
    color: #dc3232;
    margin: 10px;
    line-height: normal;
    font-weight: 600
}

.multiplier-adovcacy-circle-info ul {
    font-size: .75rem;
    line-height: 1.8;
    color: #272727;
    font-weight: 300
}

.multiplier-adovcacy-circle-info ul li {
    list-style: disc
}

div#ui-datepicker-div {
    z-index: 1000!important
}

select.form-field.causes {
    background: url(../images/select-down-arrow.png) no-repeat center right transparent
}

select#volunteering-location-preference {
    background: url(../images/select-down-arrow.png) no-repeat center right transparent
}

.about-video-wrapper.yellow-fellow-wrapper {
    margin-top: 3rem!important
}

.dis-txt {
    font-size: .8em;
    font-style: italic
}

.ps-social {
    margin: 25px 0 0 0
}

.ps-social ul li {
    display: inline-block
}

.ps-social ul li a {
    color: #000;
    opacity: 1;
    padding: 0 0 0em;
    line-height: normal
}

@media (max-width: 580px) {
    .nav-cta .btn {
        padding:.6rem 0.8rem!important
    }

    .title-primary.resp-show {
        top: 110px!important
    }
}

@media (max-width: 767px) {
    .page-home .donate-card-subtitle {
        height:100%!important
    }
}

.pt-txt {
    position: absolute;
    top: 5%;
    left: 3%
}

.pt-logo {
    position: absolute;
    top: 7%;
    left: 3%
}

.pt-logo img {
    width: 70%
}

@media (max-width: 767px) {
    .pt-txt {
        top:3%;
        left: 9%;
        font-size: 14px
    }

    .pt-logo {
        top: 5%;
        left: 9%
    }

    .pt-logo img {
        width: 36%
    }
}

.pum-theme-563,.pum-theme-default-theme {
    background-color: rgba(35,35,35,.71)!important
}

.fa {
    font-family: 'FontAwesome'!important;
    font-weight: normal!important
}

.home-stats-item span span {
    font-size: .69em;
    font-style: italic
}

.volunteer-options-card {
    height: 100%!important;
    padding: 1.5rem 1rem 2rem!important
}

.volunteer-options-card-wrapper.owl-carousel.owl-text-select-on .owl-item {
    height: 100%
}

.why-donate-section.donate-page-block.dm-donate-page-block {
    margin: 6rem auto 2rem;
    padding: 2rem 0 0 0
}

@media (min-width: 767px) {
    .why-donate-section.donate-page-block.dm-donate-page-block {
        width:750px
    }
}

.why-donate-section img {
    width: 100%
}

@media (min-width: 801px) {
    .rel-wrapper.no-banner-wrapper {
        padding: 0.1rem 0 0px;
    }
}

@media (max-width: 800px) {
    .hero-title.titles {
        padding-top: 50px !important;
        text-align: center;
        width: 100%;
        padding-bottom: 20px;
        font-size: 24px;
    }

    .rel-wrapper.no-banner-wrapper {
        padding: 60px 0 0px;
    }

    .rel-wrapper.no-banner-wrapper h1.title-primary.resp-show {
        top: 56px !important;
        width: 86%;
        margin: 0 auto;
    }
}

.donate-options-cards.animate-section {
    padding-bottom: 0px !important;
}

footer .email_posts_subscribers input[type=text] {
    font-family: Rubik,sans-serif;
    position: relative;
    font-size: 1rem;
    display: block;
    width: calc(100% - 1rem);
    z-index: 5;
    outline: 0;
    border: none;
    padding: 0 0.5rem 0.7rem;
    margin-top: 0.5rem;
    border-bottom: 1px solid #ceccc4;
    background: 0 0;
    -webkit-appearance: none;
    border-radius: 0;
    color: #ffffff;
}

footer .email_posts_subscribers input[type=email] {
    color: #ffffff;
}

footer .email_posts_subscribers form .ep-name {
    float: left;
    width: 40%;
    margin-right: 30px;
}

footer .email_posts_subscribers form .ep-email {
    float: left;
    width: 40%;
    margin-right: 30px;
}

footer .email_posts_subscribers form .ep-submit {
    float: left;
    width: auto;
}

footer .email_posts_subscribers {
    float: left;
    width: 100%;
    margin: -16px 0 30px 0 !important;
}

.ep-heading {
    color: #ffffff;
    font-size: 22px;
    line-height: normal;
    opacity: .6;
    text-align: center;
    float: left;
    width: 100%;
}

@media (max-width: 767px) {
    footer .email_posts_subscribers form .ep-name {
        width:45% !important;
    }

    footer .email_posts_subscribers form .ep-email {
        width: 45% !important;
        margin-right: 0 !important;
    }

    footer .email_posts_subscribers form .ep-submit {
        float: none !important;
        width: 40% !important;
        margin: 0 auto 0 !important;
    }

    footer .email_posts_subscribers input[type=text] {
        margin-bottom: 20px !important;
    }
}

.email_posts_subscribers .elp_form_message.error {
    margin-top: 5.5rem !important;
    clear: both;
}

.contact-form-row.contact-form-cb-row label {
    position: relative;
    left: auto;
    top: 0;
}

.contact-form-row.contact-form-cb-row .wpcf7-form-control-wrap.crysource {
    margin: 1em 0 0 0;
}

.contact-form-row.contact-form-cb-row .wpcf7-form-control-wrap.crysource .wpcf7-list-item {
    margin: 0 1em 0.5em 0em;
}

.contact-form-row.contact-form-cb-row label.cb-label {
    margin: 0 0 0 0.15em;
}

.contact-form-row.contact-form-cb-row label.rb-label {
    margin: 0 0 1em 0.15em;
    display: inline-block;
}

.contact-form-row.contact-form-cb-row .wpcf7-form-control-wrap.like-to-apply .wpcf7-list-item {
    margin: 0 1em 0 0em;
}

.contact-form-row.contact-form-frow {
    margin-top: 2rem;
}

.contact-form-row.contact-form-cb-row .wpcf7-form-control-wrap.skillset {
    margin: 1em 0 0 0;
}

.contact-form-row.contact-form-cb-row .wpcf7-form-control-wrap.skillset .wpcf7-list-item {
    margin: 0 1em 0.5em 0em;
}

@media (min-width: 768px) and (max-width: 966px) {
    .home-stats-item, .page-donate .home-stats-item {
        width: calc(50% - 6rem - 2px)!important;
        float: left;
    }

    .home-approach-title h2, .title-primary {
        padding-bottom: 30px !important;
    }

    .approach-circle-wrapper {
        width: calc(100% - 3rem);
        margin-top: 30px;
    }

    .home-approach-block {
        margin: 0 2em;
    }

    .donate-options-title {
        width: auto;
    }

    .donate-options-card-block {
        width: calc(95% - 12vw - 1rem);
    }

    .home-approach-icons-wrapper {
        padding: 0 2%;
    }

    .home-how-we-do-description {
        text-align: center;
        float: left;
        width: auto;
        margin-right: 0rem;
    }

    .donate-form-block.sticky {
        position: unset !important;
        z-index: 10;
        margin: auto;
        width: 40rem;
    }

    .page-donate .home-stats-main-wrapper {
        width: calc(100% - 15rem);
        margin: 0 10% 4rem;
        text-align: center;
    }

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

    .hero-wrapper {
        position: relative;
        height: calc(52vh + 30vw);
    }

    .donate-card {
        height: 34vw
    }

    .home-approach-icons-item img {
        width: 100% !important;
        height: auto !important;
    }

    .donate-page-block {
        width: auto;
    }
}

/**** Period Shame Page Styles Begin ****/
.hero-title-description {
    color: #272727;
    line-height: normal;
    font-weight: 300;
    word-spacing: normal;
    letter-spacing: normal;
}

.sap-heading {
    margin-bottom: 1em;
}

.bcolor {
    color: #ff0000;
}

.btn.btn-primary.pn-button, .btn.btn-primary.hgi-button {
    background: #ff0000;
    color: #ffffff;
    box-shadow: none;
}

.obp-row-wrapper {
    text-align: center;
    margin: 0 8%;
}

.obp-list-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    vertical-align: top;
    width: calc(25% - 5rem);
    margin: 2rem 2rem;
    height: 100%;
}

.obp-list-item img {
    width: 100%;
}

.title-primary-description {
    margin: 1rem 0;
    font-size: 1.2em;
    font-weight: 400;
}

.section-bottom-border {
    border-bottom: 2px solid #fdd831;
    width: auto;
    padding: 0 0 2.5rem;
}

.spkp-section p {
    margin: 2em 0 0 0;
}

.pledge-count {
    font-size: 5em;
    line-height: normal;
    font-weight: 500;
}

.hgi-block-row {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0em 0em 1em 0em;
}

.hgi-block-row img {
    margin: 0 auto 0;
    width: 6rem;
    display: inline-block;
    vertical-align: bottom;
}

.hgi-block-row .title-secondary {
    text-align: center;
    font-size: 1.7em;
    font-weight: 500;
    margin: 0.6em 0 0 0;
    display: block;
}

.hgi-block-group {
    border-bottom: 2px solid #fdd831;
    padding: 0 0 2.5rem;
    width: auto;
    margin: 2.5rem 0;
}

.hgi-block-group.hgi-block-group-last {
    border-bottom: 0px solid #fdd831;
    padding: 0 ;
    width: auto;
    margin: 0;
}

.sdr-span {
    font-weight: 300;
    font-size: 0.9em;
}

#popmake-11170 .textfiled, #popmake-11170 input[type=email], #popmake-11170 .textareafiled {
    font-family: Rubik,sans-serif;
    position: relative;
    font-size: 1rem;
    display: block;
    width: calc(100% - 1rem);
    z-index: 5;
    outline: 0;
    border: none;
    padding: 0 0.5rem 0.7rem;
    margin: 1rem 0;
    border-bottom: 1px solid #ceccc4;
    background: 0 0;
    -webkit-appearance: none;
    border-radius: 0;
}

.pb-owl-carousel {
    margin: 4rem 0 0 0;
}

.ps-pb-row {
    float: left;
    width: 100%;
}

.ps-pb-image {
    float: left;
    width: 30%;
}

.ps-pb-content {
    float: left;
    width: 70%;
    line-height: normal;
    text-align: left;
    margin: 1rem 0 0 0;
    font-weight: 300;
    color: #272727;
}

.ps-pb-pname {
    margin: 0.4rem 0 0 0;
    display: block;
    font-style: italic;
}

.pb-owl-carousel .owl-controls .owl-dot {
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    background-color: #eaeaea;
    border: 3px solid #e4e3e3;
    border-radius: 50%;
    vertical-align: middle;
    height: 8px;
    width: 8px;
    margin: 0 0.35rem;
}

.pb-owl-carousel .owl-controls .owl-dot.active {
    background-color: #ff0000;
    border: 3px solid #ff0000;
}

.pssn-heading {
    text-align: center;
    margin: 0 auto 1em;
    border-bottom: 1px solid #fdd831;
    width: 25%;
    padding: 0 0 0.4em 0;
    font-size: 2rem !important;
}

#pssn-social-links {
    text-align: center;
}

#pssn-social-links a {
    display: inline-block;
}

#pssn-social-links img {
    margin: 0;
    width: auto !important;
}

.pssn-ppdescription {
    text-align: center;
    font-size: 1.5rem;
    line-height: normal;
    font-weight: normal;
    color: #000000;
}

.pb-owl-carousel .ps-pb-image img {
    width: 5rem;
}

.form-field-wrapper .tp-label {
    position: relative;
}

.form-field-wrapper .takeapledge label {
    position: relative;
    left: 0;
    white-space: normal;
}

.form-field-wrapper .takeapledge .wpcf7-list-item {
    margin: 0.4em 0 0 1em;
}

#popmake-11170.pum-container.size-tiny {
    border-left: 0rem solid #fdd831!important;
}

@media (max-width: 767px) {
    .hgi-block-row img {
        float: none;
    }

    .hgi-block-row .title-secondary {
        text-align: center;
        margin: 0;
    }

    .hgi-block-row p {
        text-align: center;
        width: 100%;
    }

    .hgi-block-row p .btn.btn-primary.pn-button, .hgi-block-row p .btn.btn-primary.hgi-button {
        margin: 1rem auto;
    }

    .section-bottom-border .title-primary {
        font-size: 1.3rem !important;
    }

    .obp-list-item {
        width: 200px;
        height: 100%;
    }

    .pssn-heading {
        width: 100%;
    }

    #pssn-social-links img {
        width: 50px !important;
        height: 50px;
    }

    .ps-pb-image {
        width: 100%;
    }

    .ps-pb-content {
        width: 100%;
    }

    .pb-owl-carousel {
        margin: 2rem 0 0 0;
    }

    .pb-owl-carousel .ps-pb-image img {
        margin: 0 auto 0rem;
    }

    .awards-wrapper h2.title-primary {
        font-size: 1.3rem !important;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .pb-owl-carousel .ps-pb-image img {
        width:4rem;
    }

    .pssn-heading {
        width: 100%;
    }

    .hgi-block-row .title-secondary {
        text-align: center;
    }

    #popmake-11170.pum-container.pum-responsive.pum-responsive-micro {
        margin-left: -20%;
        width: 40%;
    }

    .pb-owl-carousel {
        margin: 2rem 0 0 0;
    }
}

/**** Period Shame Page Styles End ****/
.gallery-modal {
    text-align: center;
}

.period-gallery-sec .articles-block a {
    transition: all .3s;
    -webkit-transition: all .3s;
    position: relative;
    text-align: center;
    background-color: #fff;
    float: none;
    border-radius: 0.5rem;
    margin: 0rem 0rem;
    bottom: 0;
}

.period-gallery-sec .articles-block {
    transition: all .3s;
    -webkit-transition: all .3s;
    position: relative;
    text-align: center;
    background-color: #fff;
    float: left;
    width: calc(33.33% - 2rem - 2px) !important;
    padding: 0rem 0rem 0 !important;
    border-radius: 0.5rem;
    margin: 1rem 0rem !important;
    box-shadow: none !important;
}

.period-gallery-sec .articles-block img {
    margin: 0 auto 0rem;
}

.pg-button {
    margin-top: 1rem;
    display: inline-block;
}

.yellow-fellow-media.period-gallery-sec {
    margin-top: 10rem;
}

@media (max-width: 767px) {
    .articles-main-wrapper.period-gallery-sec .articles-block {
        width:100% !important;
    }
}

#pum-11926 .pum-content.popmake-content {
    text-align: center;
}

#pum-11926 .pum-close.popmake-close {
    display: none !important;
}

.empop-heading {
    text-align: center;
    margin: 0 auto 1em;
    padding: 0 0 0 0;
    font-size: 22px !important;
}

.empop-ppdescription {
    text-align: center;
    font-size: inherit;
    line-height: normal;
    font-weight: 300;
    color: #272727;
    margin: 10px 0;
}

.donate-form-wrapper-title label a {
    color: #4c9aff!important;
    font-weight: 700
}

/******* Donation Form Changes on Jan 13 2023 *******/
.contact-form-row .form-field-wrapper.citi-radio-wrapper, .contact-form-row .form-field-wrapper.city-row-wrapper {
    width: calc(100% - 1rem);
}

.contact-form-row .form-field-wrapper.citi-radio-wrapper .wpcf7-radio.form-field {
    border-bottom: medium none;
    margin-top: 3.5rem;
}

.contact-form-row .form-field-wrapper.citi-radio-wrapper .wpcf7-radio.form-field .wpcf7-list-item {
    margin: 0 1em 0 0;
}

.contact-form-row .form-field-wrapper.citi-radio-wrapper .wpcf7-form-control-wrap label {
    top: -1.8rem;
}

.custom-declaration-box .wpcf7-list-item {
    margin: 1em 0 0 0em;
}

/******* Donation Form Changes on Jan 13 2023 *******/
/******* Footer Changes on Feb 23 2023 *******/
footer .ep-heading {
    opacity: 1;
}

.cus-footer2 {
    margin: 4rem 0rem;
    text-align: center;
}

.footer-usp-item1 {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: calc(25% - 4rem);
    margin: 0 1rem;
}

.footer-usp-item1 img {
}

.footer-usp-item1 span {
    color: #ffffff;
    line-height: normal;
    font-size: 14px;
    display: block;
}

.cus-footer3 {
    margin: 4rem 0rem;
}

.footer-usp-item2 {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: calc(25% - 7rem);
    margin: 0 1rem;
}

.footer-usp-item2 .cus-title {
    text-align: left;
    color: #ffffff;
    font-size: 20px;
}

.footer-usp-item2 .cus-title a {
    font-size: 20px;
    color: #ffffff;
    line-height: normal;
}

ul.footer-main1 {
    padding: 1em 1em 1em 0em;
}

ul.footer-main1 li {
    display: block;
    background: url(../images/bullet-bg.png) no-repeat 0 50% transparent;
    padding-left: 15px;
}

ul.footer-main1 li:before {
    display: none;
}

ul.footer-main1 li a {
    color: #ffffff;
    line-height: normal;
}

.cus-title5, .cus-title6 {
    margin-bottom: 30px;
}

@media (min-width: 1360px) and (max-width:1440px) {
    .footer-usp-item1 {
        width: calc(25% - 3rem);
    }

    .footer-usp-item1 img {
        width: 100%;
    }

    .footer-usp-item1 span {
        font-size: 12px;
    }

    .footer-usp-item2 {
        width: calc(24% - 5rem);
    }

    .footer-usp-item2 .cus-title {
        font-size: 16px;
    }

    ul.footer-main1 li a {
        font-size: 12px;
    }
}

@media (min-width: 1025px) and (max-width:1240px) {
    .footer-usp-item1 {
        width: calc(25% - 3rem);
    }

    .footer-usp-item1 img {
        width: 100%;
    }

    .footer-usp-item2 {
        width: calc(35% - 8rem);
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    footer {
        /*background-color: red;*/
    }

    .footer-usp-item1 {
        width: calc(25% - 3rem);
    }

    .footer-usp-item1 img {
        width: 100%;
    }

    .footer-usp-item2 {
        width: calc(35% - 7rem);
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .footer-usp-item1 {
        width: calc(25% - 3rem);
    }

    .footer-usp-item1 img {
        width: 100%;
    }

    .footer-usp-item2 {
        width: calc(35% - 7rem);
    }

    .footer-usp-item2 .cus-title {
        font-size: 17px;
    }

    .footer-usp-item2 .cus-title a {
        font-size: 17px;
        line-height: normal;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .footer-usp-item1 {
        width: calc(25% - 3rem);
    }

    .footer-usp-item1 img {
        width: 100%;
    }

    .footer-usp-item2 {
        width: calc(35% - 7rem);
    }

    .footer-usp-item2 .cus-title {
        font-size: 17px;
    }

    .footer-usp-item2 .cus-title a {
        font-size: 17px;
        line-height: normal;
    }
}

@media (max-width: 767px) {
    .cus-footer2 {
        margin: 2rem 0rem;
    }

    .footer-usp-item1 {
        display: block;
        width: calc(90% - 0rem);
        margin: 1rem 1rem;
    }

    .footer-usp-item1 span {
        display: block;
    }

    .cus-footer3 {
        margin: 2rem 0rem;
    }

    .footer-usp-item2 {
        width: calc(100% - 0rem);
    }

    .cus-title5, .cus-title6 {
        margin-bottom: 10px;
    }

    ul.footer-social li {
        margin: 0 0.5em 0.7em 0;
    }
}

/******* Footer Changes on Feb 23 2023 *******/
.blog-article-list .article-date {
    font-weight: 500;
}

.blog-article-list .article-date b {
    color: #fdd831;
}

.home-approach-icons-item video {
    width: 100%;
    margin: 0 auto 1.4rem;
}

.lg-stats-wrapper {
    float: left;
    width: 100%
}

.volunteer-faq-wrapper.lg-faq-section-wrapper {
    float: left;
    margin: 10rem 12.5%
}

.home-story-img-wrapper.lg-faq-section-left {
    margin-left: 0;
    margin-right: 8rem
}

@media (max-width: 767px) {
    .lg-faq-wrapper.volunteer-faq-wrapper .home-story-img-wrapper, .lg-faq-section-wrapper.volunteer-faq-wrapper .home-story-img-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 6rem;
    }

    .lg-faq-wrapper.volunteer-faq-wrapper .home-story-img-wrapper img, .lg-faq-section-wrapper.volunteer-faq-wrapper .home-story-img-wrapper img {
        display: block;
    }
}

.financials-wrapper.cry-overseas-wrapper {
    margin-top: 10rem;
}

.misc-tc-wrapper .tc-title-wrapper {
    text-align: center;
    margin-top: 4rem;
}

.contact-faq-title-wrapper p a {
    pointer-events: auto !important;
}

.media-page-wrapper {
    padding: 0rem 10% 4rem;
}

.orr-row-wrapper {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

.orr-row-wrapper h2, .orr-row-wrapper h3 {
    text-align: center;
    margin-bottom: 1em;
}

.orr-row-wrapper ul {
    margin-top: 1rem;
    margin-left: 1.8rem;
}

.orr-row-wrapper ul li {
    font-size: 1rem;
    position: relative;
    color: #484848;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: .85rem;
}

.orr-row-wrapper ul li::before {
    top: .4rem;
    content: '';
    position: absolute;
    left: -1.85rem;
    width: 20px;
    height: 18px;
    border-radius: 50%;
    background-image: url(/wp-content/themes/cry/images/star-icon.jpg);
    background-size: 20px 18px;
    display: inline-block
}

.or-dn-button {
    text-align: center;
    margin-top: 2rem;
}

/******* Children Education Page *******/
.children-education-top-section h2.title-primary {
    text-align: center;
    margin: 0 0 1rem 0;
}

.children-education-top-section p {
    margin-bottom: 1rem;
}

.children-education-top-section {
    padding-top: 4rem;
}

.children-education-top-section .volunteer-faq-block {
    width: 100%;
}

.legacy-card-wrapper.ocep-card-wrapper {
    margin: 0rem 0% 3rem;
}

.ce-stats-wrapper {
    float: left;
    width: 100%;
    padding: 4rem 0 0 0;
}

.ce-stats-wrapper .home-how-we-do-wrapper {
    padding-bottom: 1rem;
    padding-top: 4rem;
}

.ce-stats-wrapper .home-stats-wrapper {
    padding-top: 0rem;
}

.ce-stats-wrapper .home-stats-list {
    margin: 1rem 10% 0;
}

.ce-stats-wrapper .home-stats-item {
    margin: 0 1rem 2rem;
}

.ce-stats-wrapper .home-stats-item h3 {
    color: #fdd831;
    font-size: 2.6rem;
    white-space: nowrap;
    margin-top: -0.5rem;
    transform: scale(.9);
    margin-bottom: -1rem;
    font-family: 'Gloria Hallelujah',cursive;
}

.ce-stats-wrapper.chn-stats-wrapper .home-stats-item h3 {
    font-size: 1.6rem;
    margin-bottom: 0;
}

.ce-stats-wrapper .home-stats-item.home-stats-lt-item h3 {
    margin-bottom: 2rem;
}

.ce-stats-wrapper .home-stats-item h3 b {
    font-family: Rubik,sans-serif;
    color: #2f2f2f;
    display: block;
    font-size: 4rem;
    margin-bottom: -2.25rem;
}

.ce-stats-wrapper .home-stats-item p span {
    font-size: .85rem;
    color: #fdd831;
    font-weight: 600;
}

.cefa-cards-section .donate-options-title {
    margin: 0 0 3rem 0;
    width: 100%;
    text-align: center;
}

.cefa-cards-section .donate-options-card-block {
    width: 100%;
}

.cefa-cards-section .donate-options-card-block .donate-card.animate-card {
    height: 33vw;
}

.cefa-cards-section .donate-options-card-wrapper::before {
    display: none;
}

.custom-btn-wrapper {
    text-align: center;
    display: block;
    padding: 0rem 10% 2rem;
}

.ngo-impacted-wrapper {
    padding: 3rem 5rem 0;
}

.ce-stories-wrapper .home-news-wrapper::before {
    display: none;
}

.hide-section {
    display: none;
}

.ce-ki-wrapper {
    clear: both;
}

.ce-ki-wrapper.donate-options-cards .donate-card {
    height: 21vw;
}

.ce-ki-wrapper .home-news-wrapper .title-primary {
    z-index: inherit;
}

.ce-bt-stats-wrapper .home-stats-wrapper {
    padding: 1rem 5% 3rem;
}

.articles-main-wrapper.ce-rre-articles-wrapper {
    padding: 2rem 10% 1rem;
}

.about-hero-wrapper.ce-hero-wrapper .hero-title {
    opacity: 1;
    transform: none;
    animation-name: none;
}

.articles-main-wrapper.ce-rre-articles-wrapper .articles-wrapper:not(.articles-wrapper-hidden) {
    margin-top: 1rem;
    justify-content: center;
}

.ochi-card-wrapper .legacy-card img {
    width: 100%;
    padding-bottom: 1.25rem;
}

.ochi-card-wrapper .legacy-card h3 {
}

.ochi-card-wrapper .legacy-card p {
}

.why-donate-section.donate-page-block.dm-donate-page-block {
    margin: 6rem auto 2rem;
    padding: 2rem 0 0 0;
}

.ce-rre-articles-wrapper.ct-rre-articles-wrapper .articles-wrapper {
    justify-content: center;
}

.ct-inner-wrapper p {
    text-align: center;
}

@media (min-width: 1360px) and (max-width:1440px) {
    .ce-stats-wrapper.chn-stats-wrapper .home-stats-item h3 {
        font-size: 1.6rem;
        margin-bottom: 0;
    }
}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
    .about-hero-wrapper.ce-hero-wrapper .about-hero-caption {
        width: 77%;
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .about-hero-wrapper.ce-hero-wrapper .about-hero-caption {
        width: 77%;
    }

    .ce-ki-wrapper .donate-options-title .title-primary {
        font-size: 1.1rem;
    }

    .ce-ki-wrapper.donate-options-cards .donate-card {
        min-height: 16rem !important;
    }
}

@media (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    .about-hero-wrapper.ce-hero-wrapper .about-hero-caption {
        padding-top: 7rem !important;
    }

    .ce-ki-wrapper .donate-options-card-block .owl-stage-outer {
        height: 436px !important;
    }

    .ce-ki-wrapper .donate-options-card-block .donate-card-info {
        padding: 1rem 2rem 1rem;
    }
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
    .about-hero-wrapper.ce-hero-wrapper .about-hero-caption {
        width: 77%;
    }

    .ce-ki-wrapper .donate-options-title .title-primary {
        font-size: 1.1rem;
    }

    .ce-ki-wrapper .donate-options-card-block .owl-stage-outer {
        height: 336px !important;
    }

    .ce-ki-wrapper.donate-options-cards .donate-card {
        min-height: 16rem !important;
    }

    .ce-ki-wrapper.donate-options-cards .donate-options-card-block .owl-nav {
        top: 35%;
        transform: translateY(-35%);
    }
}

@media (min-width: 820px) and (max-width:1180px) {
    .about-hero-wrapper.ce-hero-wrapper .about-hero-caption {
        width: 77%;
        padding-top: 13rem;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .about-hero-wrapper.ce-hero-wrapper .about-hero-caption {
        width: 77%;
        padding-top: 13rem;
    }

    .about-hero-wrapper.ce-hero-wrapper .about-hero-caption h1.hero-title {
        font-size: 2.0rem;
    }

    .children-education-top-section {
        padding-top: 0rem;
    }

    .children-education-top-section p {
        text-align: left;
    }

    .children-education-top-section ul.cus-list {
        text-align: left;
        margin: 0 0 0 20px;
    }

    .ce-ki-wrapper.donate-options-cards .donate-card {
        height: auto;
        min-height: 18rem;
    }

    .ce-ki-wrapper .donate-options-card-wrapper::before {
        background: none;
        z-index: auto;
    }

    .ce-bt-stats-wrapper .home-stats-item {
        width: calc(49.33% - 6rem - 2px);
        margin: 2rem 1rem;
    }

    .ce-stats-wrapper ul.home-stats-list {
        margin: 1rem 0% 0;
    }

    .home-stats-main-wrapper.ce-stats-wrapper ul.home-stats-list li.home-stats-item {
        width: calc(49.33% - 6rem - 2px);
    }

    .ce-ki-wrapper {
        padding-top: 0;
    }

    .ce-stories-wrapper .home-news-list {
        padding-bottom: 0rem;
    }

    .custom-btn-wrapper.custom-btn-wrapper1 {
        margin-top: -3rem;
    }

    .ce-rre-articles-wrapper .articles-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .ce-rre-articles-wrapper .articles-wrapper .articles-block {
        width: calc(50% - 5rem - 2px);
    }
}

@media (min-width: 375px) and (max-width:812px) {
    .ce-ki-wrapper .donate-options-card-block .owl-stage-outer {
        height: 336px;
    }
}

@media (max-width: 767px) {
    .volunteer-faq-wrapper.children-education-top-section .home-story-img-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .volunteer-faq-wrapper.children-education-top-section .home-story-img-wrapper img {
        display: block;
    }

    .children-education-top-section {
        padding-top: 0rem;
    }

    .legacy-card-wrapper.ocep-card-wrapper .legacy-card-col {
        margin: 0 0rem;
    }

    .cefa-cards-section .donate-options-card-block .donate-card.animate-card {
        height: 100%;
    }

    .ce-stories-wrapper .home-news-info h3 {
        font-size: 1.2rem;
    }

    .ce-ki-wrapper {
        padding-top: 0rem;
    }

    .children-education-top-section p {
        text-align: left;
    }

    .children-education-top-section ul.cus-list {
        text-align: left;
        margin: 0 0 0 20px;
    }

    .ce-stats-wrapper .home-stats-list {
        margin: 1rem 0% 0;
    }

    .ce-ki-wrapper.donate-options-cards .donate-card {
        height: auto;
        min-height: 17rem;
    }

    .ce-ki-wrapper .donate-options-card-wrapper::before {
        background: none;
        z-index: auto;
    }

    .ngo-impacted-wrapper {
        padding: 3rem 2rem 0;
    }

    .ce-stories-wrapper .home-news-list {
        padding-bottom: 0rem;
    }

    .custom-btn-wrapper.custom-btn-wrapper1 {
        margin-top: -3rem;
    }

    .ce-stats-wrapper .home-stats-item h3 b {
        font-size: 2rem;
    }

    .orr-row-wrapper {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}

/******* Children Education Page *******/
.desktop-hide {
    display: none;
}

.mobile-hide {
    display: block;
}

@media (max-width: 767px) {
    .mobile-hide {
        display:none;
    }

    .desktop-hide {
        display: block;
    }

    .donate-form-wrapper.donate-mobile-form-wrapper {
        margin: 0 7% 4rem;
    }
}

@media (min-width: 1025px) and (max-width:1240px) {
    header {
        padding: 2.5rem 0rem 0;
        width: calc(100% - 0rem);
    }

    header.header-fixed {
        width: calc(100% - 0rem);
    }

    .logo-header {
        left: 0;
    }

    .nav-primary {
        margin-left: 8.5rem;
    }

    .nav-primary .nav-item {
        padding: 1.45rem 0.05rem;
    }

    .nav-cta {
        right: 0;
    }
}

@media only screen and (width: 1024px) and (height: 1366px) {
    header {
        padding: 2.5rem 0rem 0;
        width: calc(100% - 0rem);
    }

    header.header-fixed {
        width: calc(100% - 0rem);
    }

    .logo-header {
        left: 0;
        width: 6.0rem;
    }

    .nav-primary {
        margin-left: 7.4rem;
    }

    .nav-primary .nav-item {
        padding: 1.45rem 0.05rem;
        font-size: .78rem;
    }

    .nav-cta {
        right: 0;
    }

    .nav-cta .btn {
        padding: .6rem 0.8rem;
    }
}

@media only screen and (width: 820px) and (height: 1180px) {
    header {
        padding: 2.5rem 0rem 0;
        width: calc(100% - 0rem);
    }

    header.header-fixed {
        width: calc(100% - 0rem);
    }

    .logo-header {
        left: 0;
        width: 3.5rem;
        top: 0;
        padding: 0.6rem .75rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .nav-primary {
        margin-left: 5.0rem;
    }

    .nav-primary .nav-item {
        padding: 1.45rem .01rem;
        font-size: 0.59rem;
    }

    .nav-cta {
        right: 0;
    }

    .nav-cta .btn {
        padding: .6rem 0.8rem;
    }
}

/******** Top Header Call To Action Block ********/
.tp-cta-block {
    display: inline-block;
    margin: 0 1rem 0 0;
    position: relative;
    vertical-align: middle;
}

.tp-cta-block a {
    text-decoration: none;
    margin: 0 10px 0 0;
    color: #ffffff;
    font-size: .85rem;
}

.tp-cta-block a .fa {
    margin-right: 5px;
}

@media (max-width: 767px) {
    .tp-cta-block {
        margin: 0 0rem 0 0;
    }

    .tp-cta-block a {
        display: block;
        margin: 10px 0px 15px;
    }
}

/******** Top Header Call To Action Block ********/
/******* Main Menu Styles *******/
#menu-main-menu li {
    display: inline-block;
    float: left;
    position: relative;
}

#menu-main-menu li.menu-item a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    opacity: .7;
    font-weight: 400;
    font-size: .8rem;
    color: #232323;
    vertical-align: middle;
    padding: 1.45rem 0.25rem;
    margin: 0 0.25rem;
    overflow: hidden;
}

#menu-main-menu li.menu-item.menu-item-has-children a:after {
    content: "\f107";
    font-family: 'FontAwesome' !important;
    font-weight: 600 !important;
    /* color: #fdd831; */
    color: green;
    margin-left: 6px;
}

#menu-main-menu li.menu-item.menu-item-has-children ul.sub-menu li a:after, #menu-main-menu li a.slim-expand:after {
    display: none;
}

#menu-main-menu ul li {
    position: relative;
}

ul#menu-main-menu li:hover ul.sub-menu {
    display: block;
}

.sub-menu::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #e7ba00;
    position: absolute;
    left: 46px;
    top: -5px;
}

.sub-menu {
    position: absolute;
    display: none;
    z-index: 9;
    background: #ffffff;
    left: -63px;
    width: 210px;
}

.sub-menu li {
    display: block !important;
    text-align: left;
    width: 100%;
}

.sub-menu li a {
    color: #000 !important;
    padding: 4px !important;
    font-size: 13px;
    display: block !important;
    /*border-bottom: 1px solid #c09b00;*/
    padding: 10px !important;
}

.sub-menu li a:hover {
    background: #f7d117;
    color: #000 !important;
}

.nav-cta {
    margin-top: 30px;
}

.page-donate .nav-cta {
    margin-top: 0;
}

.desktop-hide {
    display: none;
}

.mobile-hide {
    display: block;
}

@media (min-width: 1025px) and (max-width:1240px) {
    header {
        padding: 2.5rem 1rem 0;
        width: calc(100% - 1.5rem);
    }
}

@media only screen and (width: 853px) and (height: 1280px) {
    .nav-secondary .nav-item {
        margin-left: 0.5rem;
    }

    .nav-search-wrapper input {
        width: 8rem;
    }

    .nav-secondary .nav-item:not(:first-child)::before {
        display: none;
    }

    header {
        padding: 2.5rem 0rem 0 !important;
    }

    .logo-header {
        width: 5.5rem;
    }

    .nav-primary {
        margin-left: 4.0rem !important;
    }

    #menu-main-menu li.menu-item a {
        font-size: 0.6rem !important;
        padding: 1.45rem 0.01rem !important;
        font-weight: 600;
    }

    .nav-cta {
        right: 0rem;
    }
}

@media only screen and (width: 820px) and (height: 1180px) {
    header {
        padding: 2.5rem 0.5rem 0;
        width: calc(100% - 0rem);
    }

    header.header-fixed {
        width: calc(100% - 0rem);
    }

    .logo-header {
        width: 4.5rem !important;
    }

    .nav-primary {
        margin-left: 3.5rem !important;
    }

    #menu-main-menu li.menu-item a {
        font-size: 0.51rem !important;
        padding: 1.45rem 0.15rem !important;
        font-weight: bold;
    }

    .nav-secondary .nav-item {
        margin-left: 0.5rem;
    }

    .nav-search-wrapper input {
        width: 8rem;
    }

    .nav-secondary .nav-item:not(:first-child)::before {
        display: none;
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    header {
        padding: 2.5rem 0.5rem 0;
        width: calc(100% - 0rem);
    }

    .logo-header {
        left: 0;
    }

    .nav-primary {
        margin-left: 5.5rem;
    }

    .nav-cta .btn {
        padding: .6rem 0.8rem;
    }

    #menu-main-menu li.menu-item a {
        font-size: 0.77rem;
        padding: 1.45rem 0.15rem;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    header {
        padding: 0 1rem;
        width: calc(100% - 2rem);
    }

    header.header-fixed {
        width: calc(100% - 0rem);
    }
}

@media (max-width: 800px) {
    .sub-menu::before {
        display:none;
    }

    /*.nav-secondary {display:none;}*/
    #menu-main-menu li.menu-item a {
        padding: 0.85rem 0.25rem;
        color: #ffffff !important;
        font-size: 1rem;
        border: medium;
        animation: none;
        text-transform: uppercase;
        width: 86%;
        background: #1e1e1e !important;
    }

    #menu-main-menu li.menu-item ul.sub-menu li a {
        text-transform: none;
    }

    #menu-main-menu li.menu-item.menu-item-has-children a:after {
        display: none;
    }

    .slim-container .slim-nav ul li a.slim-expand {
        margin-top: 1px !important;
        width: 25px !important;
        height: auto;
        padding: 0px !important;
        text-align: center;
        position: absolute !important;
        right: 0;
        top: 12px;
        z-index: 2;
        font-weight: 700;
        background: transparent;
        border: none !important;
        border-left: 0px solid rgba(255, 255, 255, 0.4) !important;
        border-bottom: 0px solid rgba(255, 255, 255, 0.2) !important;
        float: right;
    }

    .slim-container .slim-nav ul li a.slim-expand:hover {
        /*background: transparent !important;*/
    }

    .slim-container .slim-nav ul li a:hover {
        /*background: transparent !important;*/
    }

    .slim-container .slim-nav {
        background: transparent;
        margin-top: 0;
    }

    .slim-container .slim-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none;
        position: relative;
        right: 0;
        top: 20px;
        left: 0;
        background: transparent;
        z-index: 100;
    }

    ul#menu-main-menu li ul.sub-menu {
        top: 0px;
    }

    .slim-container a.slimNav_sk78-reveal {
        color: #fdd831;
        display: none !important;
    }

    .nav-cta {
        margin-top: 0;
    }

    .nav-cta .btn {
        padding: .6rem 0.8rem!important
    }

    /*.nav-search-wrapper input {
padding: 0.75rem 1rem 0.75rem 1.8rem!important;
margin-top: 2px;
font-size: 12px;
width: auto;
font-weight: 600;
height: 30px;
float: left;
border: 1px solid #4e4e4e;
background: #363636;
border-radius: 25px;
color: #ffffff;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.nav-search-wrapper {display: block; margin: 0 45% 1rem; width: 46%; margin-top: 7px; float: right; position: absolute;}
nav.nav-secondary a {display: none;}
.nav-search-wrapper .fa {z-index: 9999;color: #fff !important;}*/
    .slim-container a.slimNav_sk78-reveal span {
        background: #fdd831;
    }

    .slim-container .slim-bar {
        background: transparent;
        z-index: auto;
    }

    .nav-secondary {
        position: relative;
        margin: 3rem 0 0 0;
        float: left;
        background: transparent;
    }

    .mobile-hide {
        display: none;
    }

    .desktop-hide {
        display: block;
    }

    .donate-form-wrapper.donate-mobile-form-wrapper {
        margin: 0 7% 4rem;
    }
}

/******* Main Menu Styles *******/
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
    header.header-fixed {
        width: calc(100% - 0rem);
    }

    footer {
        padding: 3rem 3% 3rem;
    }

    .footer-usp-item2 {
        width: 16%;
    }

    .footer-usp-item1 img {
        width: 80%;
    }

    .footer-usp-item2 .cus-title {
        font-size: 16px;
    }

    ul.footer-main1 li a {
        font-size: 13px;
    }

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

@media (min-width: 768px) and (max-width: 1024px) {
    ul.footer-main1 {
        padding: 1em 0em 0em 0em;
    }

    .footer-usp-item2 .cus-title {
        font-size: 14px !important;
    }

    footer {
        padding: 3rem 0% 3rem !important;
    }

    ul.footer-main1 li a {
        font-size: 12px !important;
    }

    .footer-usp-item2 {
        width: calc(35% - 10rem) !important;
    }
}

/**** Poori Padhai Page Styles ****/
.pp-brading {
    color: #6b2e67;
}

.pp-top-row-wrapper .about-hero-caption {
    margin: 0 25% 3rem;
    width: auto;
}

.pp-top-row-wrapper .hero-title-description p {
    margin: 2em 0 0 0;
}

.pp-volunteer-block p {
    margin: 2em 0 0 0;
}

.pp-volunteer-block p b {
    color: #6B2F67;
}

.spkp-section.why-children-donate img {
    width: 100%;
}

.pp-top-row-wrapper .hero-title {
    padding: 0 .5rem 0.5rem;
    color: #6B2F67;
    font-size: 38px;
    font-weight: 600;
}

.pp-top-row-wrapper .hero-sub-title {
    border-bottom: 0px solid #fdd831;
    padding: 0 0rem 0.8rem;
    font-size: 18px;
    display: inline-block;
    width: auto;
    font-weight: 600;
}

#popmake-16355 .textfiled, #popmake-16355 input[type=email], #popmake-16355 .textareafiled, #popmake-16355 .wpcf7-number, #popmake-16355 .wpcf7-text, #popmake-16355 .wpcf7-select {
    font-family: Rubik,sans-serif;
    position: relative;
    font-size: 1rem;
    display: block;
    width: calc(100% - 1rem);
    z-index: 5;
    outline: 0;
    border: none;
    padding: 0 0.5rem 0.7rem;
    margin: 1rem 0;
    border-bottom: 1px solid #ceccc4;
    background: 0 0;
    -webkit-appearance: none;
    border-radius: 0;
}

#popmake-16355.pum-container.size-tiny {
    border-left: 0rem solid #fdd831!important;
}

.pum-content .social-links li {
    display: inline-block;
}

.btn.btn-primary.pn-button, .btn.btn-primary.pp-button {
    background: #fdd831;
    box-shadow: none;
}

.ppgallery-wrapper.awards-wrapper {
    margin-top: 4rem;
}

.ppresources-wrapper.awards-wrapper {
    margin-top: 0rem;
}

.ppresources-wrapper.awards-wrapper .btn {
    margin: 1rem auto 0;
    font-size: 16px;
}

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

.pp-gallery-imge img {
    border: 2px solid #fdd831;
}

.ppgallery-wrapper .award-item, .ppresources-wrapper .award-item {
    width: calc(30% - 5rem);
}

#popmake-15798.pum-theme-lightbox .pum-content+.pum-close {
    right: 0px !important;
    top: 0px !important;
}

#popmake-15783.pum-theme-lightbox .pum-content+.pum-close {
    right: 0px !important;
    top: 0px !important;
}

@media (max-width: 800px) {
    .pp-top-row-wrapper .about-hero-caption {
        margin: 3rem 8% 4rem;
    }

    .ppresources-list {
        margin: 0;
    }

    .ppgallery-wrapper .award-item, .ppresources-wrapper .award-item {
        width: calc(100% - 0rem);
        margin: 2rem 0rem 0;
    }

    .ppgallery-wrapper.awards-wrapper, .ppresources-wrapper.awards-wrapper {
        padding-bottom: 4rem;
    }
}

/**** Poori Padhai Page Styles ****/
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands";
    font-size: 12px;
    font-style: normal;
}

.footer-social .fa-brands {
    font-size: 18px;
}

.hero-scroll.bt-help-button {
    background-color: #25D366;
}

.chat-icon .bt-help-button .hero-scroll-icon {
    font-size: 16px;
    font-weight: 600;
}

.footer-bottom-content {
    position: relative;
    background-color: #fff;
    text-align: left;
    padding: 1.5rem 10% 2rem;
}

.footer-bottom-content h3 {
    font-size: 16px;
    font-weight: 500;
}

.footer-bottom-content h4 {
    font-size: 14px;
    font-weight: 500;
}

.footer-bottom-content p {
    font-size: 12px;
    margin-bottom: 10px;
    color: #484848;
}

@media (max-width: 1023px) {
    .cwp-wrapper img {
        width:100% !important;
    }
}

@media (max-width: 800px) {
    html, body {
        overflow: hidden;
        overflow-y: auto;
        max-width: 100%;
    }
}

.accordion-title h2 {
    font-size: 1rem;
    font-weight: 400;
    width: 90%
}

.about-hero-caption.vai-section-blockwn {
    display: block;
    text-align: center;
    width: auto;
    margin: 0rem 25% 0rem;
    padding: 2rem 0 1.25rem;
}

.about-hero-caption.vai-section-blockwn .btn-primary {
    display: inline-block;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
}

@media (max-width: 767px) {
    .about-hero-caption.vai-section-blockwn {
        margin: 0rem 5% 0rem;
    }
}

#our-volunteering .donate-options-title {
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 3;
    margin: 0 0 3rem 12vw;
    width: 40%
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
    .donate-options-title {
        width: 25%;
    }

    .volunteer-options-main {
        width: calc(80% - 12vw - 6rem);
        margin-left: 2.5rem;
    }
}

@media (min-width: 768px) and (max-width: 966px) {
    .vai-section-top.about-hero-caption {
        width: 90%;
    }

    #why-volunteer-with-cry .heading-para-wrapper {
        width: auto;
        text-align: center;
        margin: 7rem 4rem 0;
    }

    #why-volunteer-with-cry .about-video-block {
        width: auto;
        text-align: center;
        float: right;
    }

    #our-volunteering .donate-options-title {
        width: auto;
        margin: 0 10px;
        text-align: center;
        display: block;
    }

    #our-volunteering .volunteer-options-main {
        text-align: center;
        display: block;
        width: 77%;
        margin: 0 auto;
    }

    #our-volunteering .donate-options-title .title-primary {
        margin-bottom: 0;
    }

    .volunteer-faq-wrapper .volunteer-faq-block {
        width: 100%;
    }

    .volunteer-faq-wrapper .volunteer-faq-accordion-wrapper > p {
        text-align: center;
    }

    .volunteer-faq-wrapper .home-story-img-wrapper {
        width: 100%;
        margin: 9rem 0 0 0;
    }
}

#our-volunteering .volunteer-options-title {
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: .85rem;
    text-decoration: none;
    font-family: Rubik, sans-serif;
    position: relative;
    outline: 0;
    border-radius: 5rem;
    border: none;
    font-weight: 400;
    padding: .75rem 1.8rem;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-appearance: none;
    background-color: #fdd831;
    box-shadow: 0 0 1px 1px #e6c32a;
    color: #5a4a06;
    white-space: nowrap;
}

#our-volunteering .volunteer-options-title:hover {
    color: #191919;
    box-shadow: 0 0 0 .3rem rgba(253,215,50,.4)
}

/********* Stories of Children Page Styles *********/
.story-children-main-wrapper {
    display: block;
    margin: 5rem auto 0;
}

.simple-download-counter a {
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: .85rem;
    color: #484848;
    text-decoration: none;
    font-family: Rubik, sans-serif;
    position: relative;
    outline: 0;
    border-radius: 5rem;
    border: none;
    font-weight: 400;
    padding: .75rem 1.8rem;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-appearance: none;
    background-color: #fdd831;
    box-shadow: 0 0 1px 1px #e6c32a;
    color: #5a4a06;
    white-space: nowrap;
}

.simple-download-counter a:hover {
    color: #191919;
    box-shadow: 0 0 0 .3rem rgba(253, 215, 50, .4);
}

.story-children-description h2 {
    font-size: 1.8rem;
    line-height: 1.1;
    margin-top: 0.3rem;
}

.story-children-description p {
    display: block;
    margin-bottom: 0.3rem;
}

.story-children-description .simple-download-counter a {
    margin: 0.5rem 0 1.0rem 0;
    display: inline-block;
}

.story-children-description a.btn.btn-primary {
    margin: 0.5rem 0 0 0;
    display: inline-block;
}

.simple-download-counter.sc-top-cta {
    margin: 1.5rem 0 0rem 0;
}

@media (max-width: 800px) {
    .story-children-main-wrapper .home-story-description-wrapper {
        margin-top: 1rem;
    }
}

/********* Stories of Children Page Styles *********/