@import url("//fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900");
*{
    box-sizing:border-box
}
body{
    padding:0
}
body,h1,h2,h3,h4{
    margin:0
}
page,section,text{
    display:block
}
@font-face{
    font-family:Daft Brush;
    src:url(../fonts/DaftBrush.woff) format("woff2"),url(../fonts/DaftBrush.woff) format("woff");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:Glyphter;
    src:url(../fonts/Glyphter.woff) format("woff2"),url(../fonts/Glyphter.woff) format("woff");
    font-weight:400;
    font-style:normal
}
h1{
    font-family:Daft Brush;
    color:#5f4ba7;
    font-size:48px;
    margin-bottom:16px
}
h1.orange{
    color:#ff4a0f
}
@media (min-width:0) and (max-width:700px){
    h1{
        font-size:32px
    }
}
h2{
    font-family:Daft Brush;
    color:#6959a7;
    font-size:48px;
    margin-bottom:16px
}
h2.orange{
    color:#ff4a0f
}
h2.white{
    color:#f9f9f9
}
@media (min-width:0) and (max-width:700px){
    h2{
        font-size:32px
    }
}
h3{
    font-size:36px;
    color:#6959a7;
    font-family:Maven Pro,sans-serif
}
@media (min-width:0) and (max-width:700px){
    h3{
        font-size:24px
    }
}
h4{
    font-size:17px;
    font-weight:700
}
text{
    color:#181818;
    line-height:1.5;
    font-weight:300
}
body{
    background:#f9f9f9;
    font-family:Maven Pro,sans-serif
}
body.disable{
    overflow:hidden
}
.full-width{
    max-width:1440px;
    padding-left:16px;
    padding-right:16px
}
.full-width,.inner-wrapper{
    margin:0 auto;
    position:relative
}
.inner-wrapper{
    max-width:1040px
}
section{
    position:relative
}
a{
    text-decoration:none
}
p{
    margin:0;
    margin-bottom:16px
}
p iframe{
    margin:16px 0
}
@media (min-width:0) and (max-width:700px){
    .slick-list{
        padding:0!important
    }
}
.slick-slider{
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider{
    position:relative;
    display:block
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    display:table;
    content:""
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
page.agenda section.agenda{
    padding-top:0;
    background-color:#f9f9f9
}
page.agenda section.agenda .full-width .inner-wrapper .holder-blocks .block{
    box-shadow:0 6px 0 0 rgba(34,34,34,.2)
}
page.detail section.article-detail,page.theme-detail section.article-detail{
    padding:64px 0 128px
}
@media (min-width:701px) and (max-width:1024px){
    page.detail section.article-detail,page.theme-detail section.article-detail{
        padding:32px 0
    }
}
@media (min-width:0) and (max-width:700px){
    page.detail section.article-detail,page.theme-detail section.article-detail{
        padding:32px 0
    }
}
page.initiative-detail-donate section.article-detail{
    padding:128px 0 64px
}
@media (min-width:0) and (max-width:700px){
    page.initiative-detail-donate section.article-detail{
        padding:64px 0 32px
    }
}
page.livestream section.header-center{
    padding:64px 0 128px
}
@media (min-width:0) and (max-width:700px){
    page.livestream section.header-center{
        padding:32px 0 64px
    }
}
page.news section.news{
    padding-top:0
}
page.search section.news{
    padding:64px 0 128px
}
@media (min-width:701px) and (max-width:1024px){
    page.search section.news{
        padding:32px 0 128px
    }
}
@media (min-width:0) and (max-width:700px){
    page.search section.news{
        padding:32px 0
    }
}
page.wall-of-fame section.header-center{
    padding:128px 0
}
@media (min-width:0px) and (max-width:1024px){
    page.wall-of-fame section.header-center{
        padding:64px 0
    }
}
section.agenda{
    background-color:#ebe6ff;
    padding:64px 0
}
@media (min-width:0) and (max-width:700px){
    section.agenda{
        padding:32px 0
    }
}
section.agenda:after{
    content:"";
    position:absolute;
    height:125px;
    width:100%;
    bottom:-125px;
    left:0;
    background-image:url(../images/transitions/overgang-10-2x.png);
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%;
    z-index:1
}
@media (min-width:0px) and (max-width:1024px){
    section.agenda:after{
        height:35px;
        bottom:-35px
    }
}
section.agenda .full-width .inner-wrapper h2{
    text-align:center
}
@media (min-width:701px){
    section.agenda .full-width .inner-wrapper .holder-blocks{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-bottom:24px
    }
}
@media (min-width:0) and (max-width:700px){
    section.agenda .full-width .inner-wrapper .holder-blocks .slick-list{
        padding:0!important
    }
}
section.agenda .full-width .inner-wrapper .holder-blocks .block{
    overflow:hidden;
    position:relative;
    border-radius:16px;
    background-color:#f9f9f9;
    display:block
}
@media (min-width:1031px){
    section.agenda .full-width .inner-wrapper .holder-blocks .block{
        margin:0 16px;
        margin-bottom:32px;
        width:calc(33% - 18px)
    }
    section.agenda .full-width .inner-wrapper .holder-blocks .block:nth-child(3n+1){
        margin-left:0
    }
    section.agenda .full-width .inner-wrapper .holder-blocks .block:nth-child(3n+3){
        margin-right:0
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.agenda .full-width .inner-wrapper .holder-blocks .block{
        width:calc(50% - 8px);
        margin:0 8px 16px
    }
    section.agenda .full-width .inner-wrapper .holder-blocks .block:nth-child(odd){
        margin-left:0
    }
    section.agenda .full-width .inner-wrapper .holder-blocks .block:nth-child(2n+2){
        margin-right:0
    }
}
@media (min-width:0) and (max-width:700px){
    section.agenda .full-width .inner-wrapper .holder-blocks .block{
        margin-bottom:16px
    }
}
section.agenda .full-width .inner-wrapper .holder-blocks .block .date{
    background-color:#6959a7;
    position:absolute;
    top:0;
    left:0;
    font-size:20px;
    padding:16px;
    width:70px;
    color:#ebe6ff;
    text-align:center;
    line-height:1
}
section.agenda .full-width .inner-wrapper .holder-blocks .block .date span{
    color:#f9f9f9;
    opacity:1;
    font-size:32px;
    font-weight:700
}
section.agenda .full-width .inner-wrapper .holder-blocks .block .image{
    height:200px;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    background-color:#ff4a0f
}
section.agenda .full-width .inner-wrapper .holder-blocks .block .block-title{
    padding:16px;
    font-weight:700;
    font-size:20px;
    line-height:1.2;
    color:#535353
}
@media (min-width:0px) and (max-width:1024px){
    section.agenda .full-width .inner-wrapper .holder-blocks .slick-arrow{
        width:50px;
        height:50px;
        position:absolute;
        top:40%;
        border-radius:50px;
        z-index:5;
        font-size:0;
        background-color:#ff4a0f;
        transform:translateY(-50%);
        border-bottom:4px solid #000;
        background-repeat:no-repeat;
        background-position:50%;
        background-size:24px;
        cursor:pointer
    }
    section.agenda .full-width .inner-wrapper .holder-blocks .slick-arrow:before{
        content:"";
        width:20px;
        height:100%;
        position:absolute;
        top:0;
        left:0
    }
}
@media (min-width:0px) and (max-width:1024px) and (min-width:1031px){
    section.agenda .full-width .inner-wrapper .holder-blocks .slick-arrow{
        transition:opacity .4s
    }
    section.agenda .full-width .inner-wrapper .holder-blocks .slick-arrow:hover{
        opacity:.8
    }
}
@media (min-width:0px) and (max-width:1024px) and (min-width:0) and (max-width:700px){
    section.agenda .full-width .inner-wrapper .holder-blocks .slick-arrow{
        width:30px;
        height:30px;
        background-size:14px
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.agenda .full-width .inner-wrapper .holder-blocks .slick-arrow.slick-prev{
        left:0;
        background-image:url(../images/icons/shape-flip-2x.png)
    }
    section.agenda .full-width .inner-wrapper .holder-blocks .slick-arrow.slick-next{
        right:0;
        background-image:url(../images/icons/shape-2x.png)
    }
}
section.agenda .full-width .inner-wrapper .button.orange{
    position:relative;
    left:50%;
    transform:translate(-50%)
}
@media (min-width:0) and (max-width:700px){
    section.agenda .full-width .inner-wrapper .button.orange{
        margin-left:0
    }
}
section.article-detail{
    padding:32px 0
}
section.article-detail:after{
    content:"";
    position:absolute;
    height:125px;
    width:100%;
    bottom:-125px;
    left:0;
    background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/overgang-09@2x.png);
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%;
    z-index:1
}
@media (min-width:701px) and (max-width:1024px){
    section.article-detail:after{
        height:55px;
        width:100%;
        bottom:-55px
    }
}
@media (min-width:0) and (max-width:700px){
    section.article-detail:after{
        height:25px;
        width:100%;
        bottom:-24px
    }
}
@media (min-width:1031px){
    section.article-detail .full-width .inner-wrapper{
        display:-ms-flexbox;
        display:flex
    }
}
section.article-detail .full-width .inner-wrapper .article{
    color:#535353
}
@media (min-width:1031px){
    section.article-detail .full-width .inner-wrapper .article{
        width:66%;
        padding-right:32px
    }
}
section.article-detail .full-width .inner-wrapper .article .article-title{
    font-family:Daft Brush;
    color:#5f4ba7;
    font-size:48px;
    margin-bottom:16px
}
section.article-detail .full-width .inner-wrapper .article .highlight-text{
    position:relative;
    font-size:18px;
    line-height:1.55;
    color:#535353;
    margin-bottom:16px
}
@media (min-width:1031px){
    section.article-detail .full-width .inner-wrapper .article .highlight-text{
        padding-left:24px
    }
    section.article-detail .full-width .inner-wrapper .article .highlight-text:before{
        content:"";
        position:absolute;
        top:0;
        left:-16px;
        background-image:url(https://www.thekidsrightschangemakers.org/images/scribbles/5@2x.png);
        background-repeat:no-repeat;
        background-position:50%;
        background-size:contain;
        height:100%;
        width:24px
    }
}
section.article-detail .full-width .inner-wrapper .article .highlight-quote{
    font-family:Daft Brush;
    color:#5f4ba7;
    font-size:32px;
    margin-bottom:16px;
    text-align:center;
    padding:48px;
    position:relative
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .article .highlight-quote{
        padding:16px;
        font-size:24px;
        margin-bottom:0
    }
    section.article-detail .full-width .inner-wrapper .article .highlight-quote:after,section.article-detail .full-width .inner-wrapper .article .highlight-quote:before{
        opacity:.3
    }
}
section.article-detail .full-width .inner-wrapper .article .highlight-quote:before{
    content:"";
    position:absolute;
    top:0;
    left:-16px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/scribbles/1.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:contain;
    height:60px;
    width:60px
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .article .highlight-quote:before{
        height:40px;
        width:50px
    }
}
section.article-detail .full-width .inner-wrapper .article .highlight-quote:after{
    content:"";
    position:absolute;
    bottom:0;
    right:-16px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/scribbles/1.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:contain;
    height:60px;
    width:60px;
    transform:rotate(180deg)
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .article .highlight-quote:after{
        height:40px;
        width:50px
    }
}
section.article-detail .full-width .inner-wrapper .article .subtitle{
    font-weight:700;
    font-size:20px
}
@media (min-width:1031px){
    section.article-detail .full-width .inner-wrapper .article .subtitle{
        margin-bottom:8px
    }
}
section.article-detail .full-width .inner-wrapper .article text{
    margin-bottom:16px
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .article text p iframe{
        width:100%;
        height:193px
    }
}
section.article-detail .full-width .inner-wrapper .article .media{
    width:100%;
    position:relative;
    padding-bottom:56.25%;
    background-color:#fff;
    border:1px solid grey;
    border-radius:8px;
    transform:rotate(1deg);
    margin:24px 0
}
section.article-detail .full-width .inner-wrapper .article .media .image{
    background-color:orange
}
section.article-detail .full-width .inner-wrapper .article .media .image,section.article-detail .full-width .inner-wrapper .article .media iframe{
    position:absolute;
    width:calc(100% - 24px);
    height:calc(100% - 24px);
    transform:translate(-50%,-50%);
    top:50%;
    left:50%
}
section.article-detail .full-width .inner-wrapper .article .cta{
    text-align:center
}
section.article-detail .full-width .inner-wrapper .article .cta .label{
    font-weight:700;
    margin-bottom:8px
}
@media (min-width:1031px){
    section.article-detail .full-width .inner-wrapper .sidebar{
        width:33%;
        padding-left:32px
    }
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-details{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:32px
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-details{
        margin-bottom:16px
    }
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-details .sidebar-title{
    font-size:24px;
    font-weight:700;
    color:#ccc
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-details .link{
    color:#ff4a0f;
    font-size:18px
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile{
    border-radius:8px;
    background-color:#fda98e;
    color:#fff;
    padding:32px;
    text-align:center;
    position:relative;
    padding-top:86px;
    margin-top:60px;
    margin-bottom:24px
}
@media (min-width:701px) and (max-width:1024px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-profile{
        max-width:400px;
        margin:80px auto 24px
    }
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-profile{
        margin-top:80px
    }
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile .profile-picture{
    background-color:#ebe6ff;
    width:120px;
    height:120px;
    border:8px solid #fff;
    border-radius:8px;
    box-shadow:0 4px 0 0 #b54c15;
    position:absolute;
    top:-60px;
    left:50%;
    transform:translate(-50%)
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile .name{
    font-weight:700;
    font-size:24px;
    margin-bottom:8px
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile .details{
    font-size:20px
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile img{
    display:none
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile.purple{
    background-color:#7c67e0
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile.purple .profile-picture{
    display:none
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile.purple img{
    display:block;
    position:absolute;
    top:-30px;
    left:50%;
    transform:translate(-50%);
    width:90%
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-profile.purple .details{
    display:none
}
@media (min-width:1031px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between;
        margin-bottom:32px
    }
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads{
        margin-bottom:16px
    }
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads .label{
    padding:8px 0;
    font-weight:700;
    color:#535353
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads .label{
        text-align:center;
        margin-bottom:8px;
        font-size:18px
    }
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads .holder-links{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media (min-width:701px) and (max-width:1024px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads .holder-links{
        -ms-flex-pack:start;
        justify-content:flex-start;
        margin-bottom:16px
    }
}
@media (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads .holder-links{
        -ms-flex-pack:center;
        justify-content:center
    }
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads .holder-links .link{
    position:relative;
    width:60px;
    height:60px;
    margin:0 4px 4px;
    border-radius:36px;
    border:2px solid #ebe6ff
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads .holder-links .link.selected{
    border:2px solid #6959a7
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-downloads .holder-links .link .icon{
    width:20px;
    height:12px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:#ff4a0f
}
@media (min-width:701px) and (max-width:1024px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates{
        display:-ms-flexbox;
        display:flex
    }
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block{
    border-radius:16px;
    border:1px solid #ccc;
    position:relative;
    display:block
}
@media (min-width:1031px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block{
        margin-bottom:16px
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block{
        width:50%
    }
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block:nth-child(3n+1){
    transform:rotate(-1deg) scale(.9)
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block:nth-child(3n+2){
    transform:rotate(0deg) scale(.9)
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block:nth-child(3n+3){
    transform:rotate(1deg) scale(.9)
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block .top-bar{
    width:100%;
    height:160px;
    background-color:#ebe6ff;
    position:relative;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    background-size:cover;
    background-position:50%
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block .top-bar .icon{
    width:36px;
    height:36px;
    background-color:#ff4a0f;
    position:absolute;
    right:16px;
    top:16px;
    background-size:24px;
    background-repeat:no-repeat;
    background-position:50%
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block .top-bar .icon:after{
    content:"";
    position:absolute;
    left:-24px;
    width:24px;
    height:100%;
    background-image:url(../images/button/purple-men.png);
    background-size:contain;
    background-position:100% 100%;
    background-repeat:no-repeat
}
section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .block .bottom-bar{
    background-color:#f9f9f9;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px;
    padding:16px;
    font-size:16px;
    font-weight:700;
    line-height:1.5;
    color:#535353
}
@media (min-width:0px) and (max-width:1024px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .slick-arrow{
        width:50px;
        height:50px;
        position:absolute;
        top:40%;
        border-radius:50px;
        z-index:5;
        font-size:0;
        background-color:#ff4a0f;
        transform:translateY(-50%);
        border-bottom:4px solid #000;
        background-repeat:no-repeat;
        background-position:50%;
        background-size:24px;
        cursor:pointer
    }
}
@media (min-width:0px) and (max-width:1024px) and (min-width:1031px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .slick-arrow{
        transition:opacity .4s
    }
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .slick-arrow:hover{
        opacity:.8
    }
}
@media (min-width:0px) and (max-width:1024px) and (min-width:0) and (max-width:700px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .slick-arrow{
        width:30px;
        height:30px;
        background-size:14px
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .slick-arrow.slick-prev{
        left:0;
        background-image:url(../images/icons/shape-flip-2x.png)
    }
    section.article-detail .full-width .inner-wrapper .sidebar .holder-updates .slick-arrow.slick-next{
        right:0;
        background-image:url(../images/icons/shape-2x.png)
    }
}
section.article-rows{
    padding:64px 0;
    background-color:#fda98e
}
@media (min-width:0) and (max-width:700px){
    section.article-rows{
        padding:32px 0
    }
}
section.article-rows:after{
    content:"";
    background-image:url(../images/transitions/overgang-12-2x.png);
    position:absolute;
    height:125px;
    width:100%;
    bottom:-125px;
    left:0;
    background-position:50%;
    background-size:auto 100%;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.article-rows:after{
        height:25px;
        bottom:-25px
    }
}
section.article-rows .full-width .inner-wrapper h1,section.article-rows .full-width .inner-wrapper h2{
    color:#fff;
    text-align:center
}
section.article-rows .full-width .inner-wrapper text.header-text{
    text-align:center;
    max-width:800px;
    margin:0 auto;
    font-size:20px;
    margin-bottom:32px;
    color:#fff
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block{
    background-color:#f9f9f9;
    min-height:240px;
    border-radius:8px;
    overflow:hidden;
    border-bottom:8px solid #ebe6ff;
    margin-bottom:32px
}
@media (min-width:1031px){
    section.article-rows .full-width .inner-wrapper .holder-blocks .block{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (min-width:0) and (max-width:700px){
    section.article-rows .full-width .inner-wrapper .holder-blocks .block{
        margin-bottom:16px
    }
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block:last-child{
    margin-bottom:0
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block .media{
    background-color:#6959a7;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
@media (min-width:1031px){
    section.article-rows .full-width .inner-wrapper .holder-blocks .block .media{
        width:33%
    }
}
@media (min-width:0) and (max-width:700px){
    section.article-rows .full-width .inner-wrapper .holder-blocks .block .media{
        padding-bottom:56.25%
    }
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block .details{
    padding:24px
}
@media (min-width:1031px){
    section.article-rows .full-width .inner-wrapper .holder-blocks .block .details{
        width:66%
    }
}
@media (min-width:0) and (max-width:700px){
    section.article-rows .full-width .inner-wrapper .holder-blocks .block .details{
        padding:16px
    }
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block .details .title{
    font-weight:700;
    font-size:24px;
    margin-bottom:8px
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block .details text a{
    color:#535353
}
@media (min-width:1031px){
    section.article-rows .full-width .inner-wrapper .holder-blocks .block .details text{
        font-size:18px
    }
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block:nth-child(2n+2) .media{
    -ms-flex-order:2;
    order:2
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block:nth-child(2n+2) .details{
    -ms-flex-order:1;
    order:1
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block.full{
    min-height:auto
}
section.article-rows .full-width .inner-wrapper .holder-blocks .block.full .details{
    width:100%
}
section.card-highlight{
    background-color:#ebe6ff;
    padding:128px 0
}
@media (min-width:0px) and (max-width:1024px){
    section.card-highlight{
        overflow:hidden;
        padding:64px 0
    }
}
section.card-highlight .full-width h2{
    text-align:center
}
section.card-highlight .full-width .title{
    margin-bottom:48px;
    height:124px;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
    left:50%;
    transform:translate(-50%);
    margin-bottom:32px
}
section.card-highlight .full-width text{
    max-width:760px;
    margin:0 auto;
    text-align:center;
    font-size:20px;
    margin-bottom:32px;
    color:#535353
}
@media (min-width:1031px){
    section.card-highlight .full-width .holder-cards{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.card-highlight .full-width .holder-cards{
        width:480px;
        margin:0 auto
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.card-highlight .full-width .holder-cards .slick-list{
        padding:0!important;
        overflow:initial!important
    }
}
section.card-highlight .full-width .holder-cards .card{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    height:450px;
    width:400px;
    border-radius:16px;
    background-color:#f9f9f9;
    text-decoration:none;
    cursor:pointer
}
@media (min-width:701px) and (max-width:1024px){
    section.card-highlight .full-width .holder-cards .card{
        margin:0 16px
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.card-highlight .full-width .holder-cards .card{
        width:350px;
        margin:0 16px
    }
}
section.card-highlight .full-width .holder-cards .card .top-part{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top{
    position:relative;
    height:100%;
    padding:24px;
    background-color:rgba(0,0,0,.3);
    color:#f9f9f9;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top .details{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    opacity:.8
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top .tags{
    position:absolute;
    bottom:24px;
    left:24px
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top .tags .tag{
    display:inline-block;
    background-color:#7c67e0;
    padding:4px 8px;
    border-radius:4px
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top .user{
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    bottom:-30px
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top .user .user-image{
    background-color:#535353;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    width:100px;
    height:100px;
    border-radius:50px;
    border:8px solid #fff;
    position:relative
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top .user .user-image:after{
    content:"";
    position:absolute;
    width:calc(100% - 16px);
    height:calc(100% - 16px);
    border:8px solid #6959a7;
    border-radius:50px;
    top:0;
    left:0
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top .user .user-details{
    padding:8px
}
section.card-highlight .full-width .holder-cards .card .top-part .holder-top .user .user-details .origin{
    opacity:.8
}
section.card-highlight .full-width .holder-cards .card .bottom-part{
    padding:24px
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom .bottom-title{
    font-weight:700;
    font-size:22px;
    line-height:1.4;
    max-height:3em;
    color:#535353;
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom .subtitle{
    color:#7c67e0;
    text-align:center;
    max-width:70%;
    margin:0 auto;
    font-size:18px;
    margin-bottom:16px
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom text{
    display:block;
    text-overflow:ellipsis;
    word-wrap:break-word;
    overflow:hidden;
    font-size:15px
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom .donation{
    margin-bottom:16px
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom .donation .donation-bar{
    width:100%;
    height:10px;
    border-radius:50px;
    background-color:#ccc;
    position:relative;
    overflow:hidden;
    margin-bottom:8px
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom .donation .donation-bar .fill{
    position:absolute;
    top:0;
    left:0;
    background-color:#6959a7;
    transition:width .4s;
    width:50%;
    height:10px
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom .donation .donation-goal{
    display:-ms-flexbox;
    display:flex;
    font-size:20px;
    color:#7c67e0
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom .donation .donation-goal .current{
    font-weight:700;
    color:#6959a7
}
section.card-highlight .full-width .holder-cards .card .bottom-part .holder-bottom .donation .donation-goal .break{
    margin:0 4px
}
section.card-highlight .full-width .holder-cards .card.news .top-part{
    height:55%
}
section.card-highlight .full-width .holder-cards .card.news .bottom-part{
    height:45%
}
section.card-highlight .full-width .holder-cards .card.news .bottom-part .holder-bottom text{
    max-height:6em
}
section.card-highlight .full-width .holder-cards .card.donate .top-part{
    height:45%
}
section.card-highlight .full-width .holder-cards .card.donate .bottom-part{
    padding-top:32px;
    height:55%
}
section.card-highlight .full-width .holder-cards .card.donate .bottom-part .holder-bottom .bottom-title{
    margin-bottom:32px
}
section.card-highlight .full-width .holder-cards .card.initiative .top-part{
    height:45%
}
section.card-highlight .full-width .holder-cards .card.initiative .top-part .holder-top .user{
    left:50%;
    transform:translate(-50%)
}
section.card-highlight .full-width .holder-cards .card.initiative .bottom-part{
    height:55%;
    padding-top:32px
}
section.card-highlight .full-width .holder-cards .card.initiative .bottom-part .bottom-title{
    display:block;
    text-align:center;
    height:1.5em
}
section.card-highlight .full-width .holder-cards .card.initiative .bottom-part .subtitle{
    max-width:100%
}
section.card-highlight .full-width .holder-cards .card.initiative .bottom-part text{
    max-height:6em
}
@media (min-width:1031px){
    section.card-highlight .full-width .holder-cards .card:first-child{
        transform:scale(.8) rotate(2deg) translate(110px,30px);
        opacity:.8;
        transition:transform .6s
    }
    section.card-highlight .full-width .holder-cards .card:first-child:hover{
        opacity:1;
        transform:scale(1) rotate(0deg) translate(110px,10px);
        z-index:6
    }
    section.card-highlight .full-width .holder-cards .card:first-child .top-part:before{
        content:"";
        position:absolute;
        top:-50px;
        left:-60px;
        width:80px;
        height:80px;
        background-image:url(https://www.thekidsrightschangemakers.org/images/scribbles/1.png);
        background-size:contain;
        background-repeat:no-repeat;
        background-position:50%
    }
    section.card-highlight .full-width .holder-cards .card:first-child .bottom-part .bottom-title{
        padding-right:4%
    }
    section.card-highlight .full-width .holder-cards .card:first-child .bottom-part text{
        padding-right:8%
    }
    section.card-highlight .full-width .holder-cards .card:first-child .bottom-part:after{
        content:"";
        position:absolute;
        bottom:-50px;
        left:-70px;
        width:140px;
        height:60px;
        background-image:url(https://www.thekidsrightschangemakers.org/images/scribbles/2.png);
        background-size:contain;
        background-repeat:no-repeat;
        background-position:50%
    }
    section.card-highlight .full-width .holder-cards .card:nth-child(2){
        z-index:5;
        transform:rotate(-1deg)
    }
    section.card-highlight .full-width .holder-cards .card:nth-child(3){
        transform:scale(.85) rotate(2deg) translate(-60px,-10px);
        opacity:.8;
        transition:transform .6s
    }
    section.card-highlight .full-width .holder-cards .card:nth-child(3):hover{
        opacity:1;
        transform:scale(1) rotate(0deg) translate(-60px,10px);
        z-index:6
    }
    section.card-highlight .full-width .holder-cards .card:nth-child(3) .top-part:before{
        content:"";
        position:absolute;
        top:-50px;
        right:-60px;
        width:140px;
        height:50px;
        background-image:url(https://www.thekidsrightschangemakers.org/images/scribbles/3.png);
        background-size:contain;
        background-repeat:no-repeat;
        background-position:50%
    }
    section.card-highlight .full-width .holder-cards .card:nth-child(3) .bottom-part:after{
        content:"";
        position:absolute;
        bottom:-75px;
        left:50px;
        width:75px;
        height:75px;
        background-image:url(https://www.thekidsrightschangemakers.org/images/scribbles/4.png);
        background-size:contain;
        background-repeat:no-repeat;
        background-position:50%
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.card-highlight .full-width .holder-cards .slick-arrow{
        width:50px;
        height:50px;
        position:absolute;
        top:40%;
        border-radius:50px;
        z-index:5;
        font-size:0;
        background-color:#ff4a0f;
        transform:translateY(-50%);
        border-bottom:4px solid #000;
        background-repeat:no-repeat;
        background-position:50%;
        background-size:24px;
        cursor:pointer
    }
}
@media (min-width:0px) and (max-width:1024px) and (min-width:1031px){
    section.card-highlight .full-width .holder-cards .slick-arrow{
        transition:opacity .4s
    }
    section.card-highlight .full-width .holder-cards .slick-arrow:hover{
        opacity:.8
    }
}
@media (min-width:0px) and (max-width:1024px) and (min-width:0) and (max-width:700px){
    section.card-highlight .full-width .holder-cards .slick-arrow{
        width:30px;
        height:30px;
        background-size:14px
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.card-highlight .full-width .holder-cards .slick-arrow.slick-prev{
        left:0;
        background-image:url(../images/icons/shape-flip-2x.png)
    }
    section.card-highlight .full-width .holder-cards .slick-arrow.slick-next{
        right:0;
        background-image:url(../images/icons/shape-2x.png)
    }
}
section.card-highlight.large{
    background-color:#6959a7;
    padding:128px 0 384px
}
@media (min-width:0px) and (max-width:1024px){
    section.card-highlight.large{
        padding:64px 0
    }
}
section.card-highlight.large:after{
    content:"";
    position:absolute;
    height:400px;
    width:100%;
    bottom:-100px;
    left:0;
    background-image:url(../images/transitions/overgang-03-2x.png);
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%;
    z-index:1
}
@media (min-width:0px) and (max-width:1024px){
    section.card-highlight.large:after{
        height:120px;
        bottom:-40px
    }
}
section.card-highlight.large-light{
    background-color:#ebe6ff
}
@media (min-width:701px) and (max-width:1024px){
    section.card-highlight.large-light{
        padding-bottom:128px
    }
}
@media (min-width:0) and (max-width:700px){
    section.card-highlight.large-light{
        padding:64px 0
    }
}
section.card-highlight.large-light h2{
    color:#6959a7
}
section.card-highlight.large-light .holder-cards{
    margin-bottom:16px
}
@media (min-width:1031px){
    section.card-highlight.large-light{
        padding:256px 0
    }
}
section.card-row{
    padding:64px 0;
    padding-bottom:256px;
    background-color:#f9f9f9
}
@media (min-width:0) and (max-width:700px){
    section.card-row{
        padding:32px 0 64px
    }
}
section.card-row .full-width .inner-wrapper h2{
    text-align:center
}
@media (min-width:1031px){
    section.card-row .full-width .inner-wrapper h2{
        margin-bottom:32px
    }
}
@media (min-width:1031px){
    section.card-row .full-width .inner-wrapper .holder-card{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:center;
        justify-content:center
    }
}
section.card-row .full-width .inner-wrapper .holder-card .card{
    width:340px;
    padding:16px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    border-bottom:8px solid #6959a7;
    border-radius:8px;
    position:relative;
    display:block;
    cursor:pointer
}
@media (min-width:1031px){
    section.card-row .full-width .inner-wrapper .holder-card .card{
        margin:0 16px;
        transition:transform .4s
    }
    section.card-row .full-width .inner-wrapper .holder-card .card:hover{
        transform:rotate(0deg) scale(1.05)!important
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.card-row .full-width .inner-wrapper .holder-card .card{
        width:460px;
        margin:0 auto;
        margin-bottom:32px
    }
}
@media (min-width:0) and (max-width:700px){
    section.card-row .full-width .inner-wrapper .holder-card .card{
        margin-bottom:16px
    }
    section.card-row .full-width .inner-wrapper .holder-card .card:last-child{
        margin-bottom:0
    }
}
section.card-row .full-width .inner-wrapper .holder-card .card:before{
    content:"";
    position:absolute;
    top:-20px;
    left:-20px;
    width:36px;
    border-radius:64px;
    background-color:#ff4a0f;
    font-family:Daft Brush;
    color:#fff;
    font-size:20px;
    text-align:center;
    padding:8px 4px
}
@media (min-width:0) and (max-width:700px){
    section.card-row .full-width .inner-wrapper .holder-card .card:before{
        top:12px;
        left:12px
    }
}
section.card-row .full-width .inner-wrapper .holder-card .card:nth-child(odd){
    background-color:#ebe6ff
}
@media (min-width:1031px){
    section.card-row .full-width .inner-wrapper .holder-card .card:nth-child(odd){
        transform:rotate(1deg)
    }
}
section.card-row .full-width .inner-wrapper .holder-card .card:nth-child(2n+2){
    background-color:#fff;
    border:1px solid #ccc;
    border-bottom:8px solid #6959a7
}
@media (min-width:1031px){
    section.card-row .full-width .inner-wrapper .holder-card .card:nth-child(2n+2){
        top:10px;
        transform:rotate(-1deg)
    }
}
section.card-row .full-width .inner-wrapper .holder-card .card:first-child:before{
    content:"1"
}
section.card-row .full-width .inner-wrapper .holder-card .card:nth-child(2):before{
    content:"2"
}
section.card-row .full-width .inner-wrapper .holder-card .card:nth-child(3):before{
    content:"3"
}
section.card-row .full-width .inner-wrapper .holder-card .card .image{
    width:100%;
    padding-bottom:56.25%;
    background-color:#6959a7
}
section.card-row .full-width .inner-wrapper .holder-card .card .title{
    padding:32px 0;
    font-size:24px;
    font-weight:700;
    color:#535353
}
section.card-row:after{
    content:"";
    position:absolute;
    bottom:-120px;
    height:350px;
    width:100%;
    background-image:url(../images/transitions/overgang-03-2x.png);
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:50%;
    left:0;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.card-row:after{
        bottom:-30px;
        height:120px
    }
}
section.caroussel-overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100
}
section.caroussel-overlay .clickout{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5)
}
section.caroussel-overlay .full-width{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%)
}
section.caroussel-overlay .full-width .close{
    position:absolute;
    top:-24px;
    right:48px;
    width:48px;
    height:48px;
    z-index:10;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    background-image:url(../images/icons/button-close-2x.png);
    cursor:pointer
}
section.caroussel-overlay .full-width .holder-slider .slick-list{
    margin:0 64px
}
section.caroussel-overlay .full-width .holder-slider .slick-arrow{
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    border-radius:50px;
    z-index:5;
    font-size:0;
    background-color:#ff4a0f;
    transform:translateY(-50%);
    border-bottom:4px solid #000;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:24px
}
section.caroussel-overlay .full-width .holder-slider .slick-arrow.slick-prev{
    left:0;
    background-image:url(../images/icons/shape-flip-2x.png)
}
section.caroussel-overlay .full-width .holder-slider .slick-arrow.slick-next{
    right:0;
    background-image:url(../images/icons/shape-2x.png)
}
section.caroussel-overlay .full-width .holder-slider .item{
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    position:relative
}
section.caroussel-overlay .full-width .holder-slider .item:before{
    display:block;
    content:"";
    width:100%;
    padding-top:56.25%
}
section.caroussel-overlay .full-width .holder-slider .item>.holder{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
section.changemakers-list{
    padding-top:64px
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list{
        padding-top:32px
    }
}
section.changemakers-list:before{
    height:50px;
    top:-50px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/overgang-02@2x.png)
}
section.changemakers-list:after,section.changemakers-list:before{
    content:"";
    position:absolute;
    width:100%;
    left:0;
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%;
    z-index:1
}
section.changemakers-list:after{
    height:125px;
    bottom:-125px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/overgang-09@2x.png)
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list:after{
        height:45px;
        bottom:-44px
    }
}
section.changemakers-list .full-width .holder-title{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width:1031px){
    section.changemakers-list .full-width .holder-title{
        margin-bottom:16px
    }
    section.changemakers-list .full-width .holder-title h2{
        position:relative
    }
}
section.changemakers-list .full-width .holder-title .textballoon{
    position:absolute;
    right:-160px;
    top:0;
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/textcloud_1.png);
    background-size:Contain;
    background-position:50%;
    background-repeat:no-repeat;
    width:124px;
    height:80px;
    padding:8px 16px;
    text-align:center;
    color:#7c67e0;
    font-size:15px
}
section.changemakers-list .full-width .holder-title .textballoon span{
    color:#6959a7;
    font-weight:700;
    display:block;
    font-size:28px
}
@media (min-width:701px) and (max-width:1024px){
    section.changemakers-list .full-width .holder-title .textballoon{
        right:32px;
        top:-32px
    }
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list .full-width .holder-title .textballoon{
        display:none
    }
}
section.changemakers-list .full-width text{
    max-width:760px;
    margin:0 auto;
    text-align:center
}
@media (min-width:1031px){
    section.changemakers-list .full-width text{
        font-size:20px;
        margin-bottom:32px
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.changemakers-list .full-width text{
        margin-bottom:16px
    }
}
section.changemakers-list .full-width .slider{
    position:relative
}
section.changemakers-list .full-width .slider .holder-slider .slick-track{
    padding:32px 0
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list .full-width .slider .holder-slider .slick-track{
        padding:16px 0
    }
}
section.changemakers-list .full-width .slider .holder-slider .slick-arrow{
    width:50px;
    height:50px;
    position:absolute;
    top:40%;
    border-radius:50px;
    z-index:5;
    font-size:0;
    background-color:#ff4a0f;
    transform:translateY(-50%);
    border-bottom:4px solid #000;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:24px;
    cursor:pointer;
    border:none
}
@media (min-width:1031px){
    section.changemakers-list .full-width .slider .holder-slider .slick-arrow{
        transition:opacity .4s
    }
    section.changemakers-list .full-width .slider .holder-slider .slick-arrow:hover{
        opacity:.8
    }
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list .full-width .slider .holder-slider .slick-arrow{
        width:30px;
        height:30px;
        background-size:14px
    }
}
section.changemakers-list .full-width .slider .holder-slider .slick-arrow.slick-prev{
    left:0;
    background-image:url(../images/icons/shape-flip-2x.png)
}
section.changemakers-list .full-width .slider .holder-slider .slick-arrow.slick-next{
    right:0;
    background-image:url(../images/icons/shape-2x.png)
}
section.changemakers-list .full-width .slider .holder-slider .item{
    margin:0 16px;
    text-align:center;
    position:relative
}
section.changemakers-list .full-width .slider .holder-slider .item .profile{
    width:124px;
    height:124px;
    border:8px solid #ff4a0f;
    border-radius:200px;
    margin:0 auto;
    margin-bottom:8px;
    background-color:#535353;
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
    box-shadow:0 4px 5px 0 rgba(79,79,79,.5)
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list .full-width .slider .holder-slider .item .profile{
        width:80px;
        height:80px;
        border:4px solid #ff4a0f
    }
}
section.changemakers-list .full-width .slider .holder-slider .item .name{
    font-weight:700;
    color:#ff4a0f;
    font-size:22px;
    line-height:1.2
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list .full-width .slider .holder-slider .item .name{
        font-size:18px
    }
}
section.changemakers-list .full-width .slider .holder-slider .item .origin{
    color:#ff4a0f;
    font-size:18px
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list .full-width .slider .holder-slider .item .origin{
        font-size:14px
    }
}
section.changemakers-list .full-width .slider .holder-slider .item:nth-child(4n+1){
    top:-10px;
    transform:rotate(1deg)
}
section.changemakers-list .full-width .slider .holder-slider .item:nth-child(4n+2){
    top:0;
    transform:rotate(0deg)
}
section.changemakers-list .full-width .slider .holder-slider .item:nth-child(4n+3){
    top:10px;
    transform:rotate(-2deg)
}
section.changemakers-list .full-width .slider .holder-slider .item:nth-child(4n+4){
    top:0;
    transform:rotate(3deg)
}
section.changemakers-list .full-width .slider .holder-slider:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:200px;
    z-index:2
}
@media (min-width:701px){
    section.changemakers-list .full-width .slider .holder-slider:before{
        background:linear-gradient(90deg,#f9f9f9 3%,hsla(0,0%,98%,.78) 24%,transparent);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00000000",GradientType=1)
    }
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list .full-width .slider .holder-slider:before{
        width:40px
    }
}
section.changemakers-list .full-width .slider .holder-slider:after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:200px;
    z-index:2
}
@media (min-width:1031px){
    section.changemakers-list .full-width .slider .holder-slider:after{
        background:linear-gradient(90deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.26) 24%,#f9f9f9 94%,#f9f9f9);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=1)
    }
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-list .full-width .slider .holder-slider:after{
        width:40px
    }
}
section.changemakers-map{
    padding:64px 0 0;
    position:relative;
    background-color:#ebe6ff
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-map{
        padding:32px 0
    }
}
section.changemakers-map h2{
    text-align:center
}
section.changemakers-map:after{
    content:"";
    position:absolute;
    height:125px;
    width:100%;
    bottom:-125px;
    left:0;
    background-image:url(../images/transitions/overgang-10-2x.png);
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-map:after{
        height:25px;
        bottom:-25px
    }
}
section.changemakers-map .full-width .inner-wrapper h1,section.changemakers-map .full-width .inner-wrapper h2{
    text-align:center
}
section.changemakers-map .full-width .inner-wrapper text{
    text-align:center;
    margin:0 auto;
    margin-bottom:32px
}
@media (min-width:1031px){
    section.changemakers-map .full-width .inner-wrapper text{
        font-size:18px;
        max-width:90%
    }
}
section.changemakers-map .full-width .inner-wrapper .holder-filters{
    padding:16px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc
}
@media (min-width:1031px){
    section.changemakers-map .full-width .inner-wrapper .holder-filters{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
section.changemakers-map .full-width .inner-wrapper .holder-filters .filters{
    display:inline-block;
    margin:0 16px
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-map .full-width .inner-wrapper .holder-filters .filters{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -ms-flex-align:baseline;
        align-items:baseline;
        margin-bottom:16px
    }
    section.changemakers-map .full-width .inner-wrapper .holder-filters .filters:last-child{
        margin-bottom:0
    }
}
section.changemakers-map .full-width .inner-wrapper .holder-filters .filters .label{
    display:inline-block;
    margin-right:16px
}
section.changemakers-map .full-width .inner-wrapper .holder-worldmap{
    margin:48px 0;
    width:100%;
    height:555px;
    background-repeat:no-repeat;
    position:relative;
    display:none
}
section.changemakers-map .full-width .inner-wrapper .holder-worldmap.default{
    display:block;
    background-image:url(https://www.thekidsrightschangemakers.org/images/placeholder_map.png);
    background-size:97% 94%;
    background-position:left 25px top -15px
}
section.changemakers-map .full-width .inner-wrapper .holder-worldmap.view1{
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/world-map-colored@2x.png);
    background-size:contain;
    background-position:50%
}
@media (min-width:0) and (max-width:700px){
    section.changemakers-map .full-width .inner-wrapper .holder-worldmap{
        height:185px
    }
}
section.changemakers-map .full-width .inner-wrapper .holder-worldmap .pins{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
section.changemakers-map .full-width .inner-wrapper .holder-worldmap .pins .pin{
    width:12px;
    height:12px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(1);
    background-color:#f9f9f9;
    border:2px solid #f9f9f9;
    border-radius:30px;
    transition:opacity .4s,transform .8s
}
section.changemakers-map .full-width .inner-wrapper .holder-worldmap .pins .pin.icon{
    width:36px;
    height:36px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
section.changemakers-map .full-width .inner-wrapper .holder-worldmap .pins .pin.hidden{
    opacity:0;
    transform:translate(-50%,-100%) scale(1.5)
}
@media (min-width:1031px){
    section.changemakers-map .full-width .inner-wrapper .holder-worldmap .pins .pin{
        cursor:pointer
    }
    section.changemakers-map .full-width .inner-wrapper .holder-worldmap .pins .pin:hover{
        transform:translate(-50%,-50%) scale(1.3)
    }
}
section.changemakers-map .full-width .inner-wrapper .holder-worldmap .pins .pin:first-child{
    background-color:#6959a7
}
section.cta-action{
    padding:128px 0;
    background-color:#fda98e
}
@media (min-width:0px) and (max-width:1024px){
    section.cta-action{
        overflow:hidden
    }
}
@media (min-width:0) and (max-width:700px){
    section.cta-action{
        padding:64px 0 32px
    }
}
section.cta-action .full-width .inner-wrapper h2{
    text-align:center
}
@media (min-width:1031px){
    section.cta-action .full-width .inner-wrapper .holder-blocks{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:80px
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.cta-action .full-width .inner-wrapper .holder-blocks{
        width:600px;
        margin:0 auto
    }
    section.cta-action .full-width .inner-wrapper .holder-blocks .slick-list{
        overflow:initial!important
    }
}
@media (min-width:0) and (max-width:700px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .slick-list{
        padding:0!important;
        height:auto!important
    }
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block{
    position:relative;
    color:#fff;
    z-index:1
}
@media (min-width:1031px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block{
        width:33%;
        margin:0 24px
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block{
        width:450px;
        margin:0 8px
    }
}
@media (min-width:0) and (max-width:700px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block{
        margin-bottom:16px
    }
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block:first-child{
    margin-left:0
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block:last-child{
    margin-right:0
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block .image{
    position:relative;
    height:300px;
    background-image:url(../images/placeholder_person.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block .image:after{
    content:"";
    height:160px;
    width:100%;
    bottom:0;
    position:absolute;
    left:0;
    background-color:#292929;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    z-index:-1
}
@media (min-width:0) and (max-width:700px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block .image:after{
        height:80px;
        bottom:-1px
    }
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block .details{
    background-color:#292929;
    padding:24px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px
}
@media (min-width:1031px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block .details{
        padding-bottom:48px
    }
}
@media (min-width:0) and (max-width:700px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block .details{
        text-align:center;
        padding:16px
    }
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block .details .block-title{
    font-size:20px
}
@media (min-width:0) and (max-width:700px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block .details .block-title{
        margin-bottom:16px
    }
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block .details text{
    color:#f9f9f9;
    opacity:.8;
    font-size:16px;
    line-height:1.5;
    margin-bottom:16px
}
@media (min-width:0px) and (max-width:1024px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block .details text{
        margin-bottom:70px
    }
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block .details .balloon{
    display:inline-block;
    width:220px;
    height:110px;
    border-radius:48px;
    position:absolute;
    left:50%;
    transform:translate(-50%,8px);
    background-image:url(../images/balloons/rectangle-7-2x.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:Center top 0
}
@media (min-width:0px) and (max-width:1024px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .block .details .balloon{
        width:180px;
        height:100px;
        border-radius:48px;
        position:absolute;
        left:50%;
        transform:translate(-50%,-70px)
    }
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block .details .balloon .button{
    position:absolute;
    top:55%;
    left:50%;
    transform:translate(-50%,-50%) rotate(1deg)
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block:first-child .image{
    background-image:url(../images/misc/items-2x.png)
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block:nth-child(2) .image{
    background-image:url(../images/misc/items2-2x.png)
}
section.cta-action .full-width .inner-wrapper .holder-blocks .block:nth-child(3) .image{
    background-image:url(../images/misc/kidsrights-geef-2x.png)
}
@media (min-width:0px) and (max-width:1024px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .slick-arrow{
        width:50px;
        height:50px;
        position:absolute;
        top:40%;
        border-radius:50px;
        z-index:5;
        font-size:0;
        background-color:#ff4a0f;
        transform:translateY(-50%);
        border-bottom:4px solid #000;
        background-repeat:no-repeat;
        background-position:50%;
        background-size:24px;
        cursor:pointer
    }
}
@media (min-width:0px) and (max-width:1024px) and (min-width:1031px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .slick-arrow{
        transition:opacity .4s
    }
    section.cta-action .full-width .inner-wrapper .holder-blocks .slick-arrow:hover{
        opacity:.8
    }
}
@media (min-width:0px) and (max-width:1024px) and (min-width:0) and (max-width:700px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .slick-arrow{
        width:30px;
        height:30px;
        background-size:14px
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.cta-action .full-width .inner-wrapper .holder-blocks .slick-arrow.slick-prev{
        left:0;
        background-image:url(../images/icons/shape-flip-2x.png)
    }
    section.cta-action .full-width .inner-wrapper .holder-blocks .slick-arrow.slick-next{
        right:0;
        background-image:url(../images/icons/shape-2x.png)
    }
}
section.cta-banner{
    background-color:#5f4ba7;
    padding:16px 0
}
@media (min-width:0) and (max-width:700px){
    section.cta-banner{
        /*display:none*/
    }
}
section.cta-banner .full-width{
    display:-ms-flexbox;
    display:flex
}
section.cta-banner .full-width a.link{
    margin-left:auto;
    color:#f9f9f9;
    text-decoration:none;
    position:relative;
    padding-right:24px
}
@media (min-width:1031px){
    section.cta-banner .full-width a.link:hover{
        text-decoration:underline
    }
}
section.cta-banner .full-width a.link:after{
    content:">";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%)
}
section.cta-cards{
    padding:128px 0;
    background-color:#6959a7
}
@media (min-width:0) and (max-width:700px){
    section.cta-cards{
        padding:64px 0
    }
}
section.cta-cards .full-width .inner-wrapper h2{
    color:#f9f9f9;
    text-align:center
}
section.cta-cards .full-width .inner-wrapper text{
    max-width:800px;
    margin:0 auto;
    color:#f9f9f9;
    font-size:18px;
    text-align:center;
    margin-bottom:32px
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group{
        width:30%
    }
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group .header{
    background-size:Contain;
    background-repeat:no-repeat;
    background-position:100% 100%
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group .header .name{
    font-size:36px;
    font-weight:700;
    color:#fff;
    margin-bottom:16px;
    font-family:Daft Brush
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group .header .name{
        padding-top:220px
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group .holder-cards{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:start;
        justify-content:flex-start;
        margin-bottom:32px
    }
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group .holder-cards .card{
    width:100%;
    padding:16px;
    background-color:#ff8e6a;
    border-bottom:8px solid #ebe6ff;
    border-radius:8px;
    margin-bottom:32px;
    position:relative;
    display:block;
    cursor:pointer;
    transition:transform .4s
}
@media (min-width:701px) and (max-width:1024px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group .holder-cards .card{
        width:50%;
        margin:0 16px
    }
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group .holder-cards .card .image{
    width:100%;
    padding-bottom:56.25%;
    background-color:#6959a7
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group .holder-cards .card .title{
    padding:16px 0;
    font-size:24px;
    font-weight:700;
    color:#6959a7
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group .holder-cards .card .description{
    line-height:1.3
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:first-child .header{
        background-image:url(../images/misc/kidsrights-protest-3x.png)
    }
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:first-child .holder-cards .card{
    background-color:#ebe6ff
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:first-child .holder-cards .card:nth-child(2n + 1){
    transform:rotate(1deg)
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:first-child .holder-cards .card:nth-child(2n + 2){
    transform:rotate(-1deg)
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:first-child .holder-cards .card:hover:nth-child(2n + 1){
        transform:rotate(1deg) scale(1.1)
    }
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:first-child .holder-cards .card:hover:nth-child(2n + 2){
        transform:rotate(-1deg) scale(1.1)
    }
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(2) .header{
        background-image:url(../images/misc/kidsrights-superman-en-telefooncel-2x.png)
    }
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(2) .holder-cards .card{
    background-color:#f9f9f9
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(2) .holder-cards .card:nth-child(odd){
    transform:rotate(-2deg)
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(2) .holder-cards .card:nth-child(2n+2){
    transform:rotate(1deg)
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(2) .holder-cards .card:hover:nth-child(odd){
        transform:rotate(1deg) scale(1.1)
    }
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(2) .holder-cards .card:hover:nth-child(2n+2){
        transform:rotate(-1deg) scale(1.1)
    }
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(3) .header{
        background-image:url(../images/misc/kidsrights-geef-2x.png)
    }
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(3) .holder-cards .card{
    background-color:#ebe6ff
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(3) .holder-cards .card:nth-child(odd){
    transform:rotate(1deg)
}
section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(3) .holder-cards .card:nth-child(2n+2){
    transform:rotate(-1deg)
}
@media (min-width:1031px){
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(3) .holder-cards .card:hover:nth-child(odd){
        transform:rotate(1deg) scale(1.1)
    }
    section.cta-cards .full-width .inner-wrapper .holder-groups .group:nth-child(3) .holder-cards .card:hover:nth-child(2n+2){
        transform:rotate(-1deg) scale(1.1)
    }
}
section.dashboard{
    background-color:#6959a7;
    padding:128px 0 256px
}
@media (min-width:0) and (max-width:700px){
    section.dashboard{
        padding:64px 0
    }
}
section.dashboard:after{
    content:"";
    position:absolute;
    height:376px;
    width:100%;
    bottom:-150px;
    left:0;
    background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/overgang-04@2x.png);
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.dashboard:after{
        height:124px;
        bottom:-40px
    }
}
section.dashboard .full-width h2{
    text-align:center
}
section.dashboard .full-width text{
    max-width:760px;
    text-align:center;
    color:#fff;
    margin:0 auto;
    font-size:20px;
    margin-bottom:32px
}
@media (min-width:0) and (max-width:700px){
    section.dashboard .full-width text{
        font-size:16px
    }
}
section.dashboard .full-width .holder-blocks{
    max-width:670px;
    margin:0 auto;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width:0) and (max-width:700px){
    section.dashboard .full-width .holder-blocks{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media (min-width:1031px){
    section.dashboard .full-width .holder-blocks:before{
        left:-60px;
        top:20px;
        background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_scribble_1.png)
    }
    section.dashboard .full-width .holder-blocks:after,section.dashboard .full-width .holder-blocks:before{
        content:"";
        width:50px;
        height:50px;
        position:absolute;
        background-size:contain;
        background-repeat:no-repeat;
        background-position:50%
    }
    section.dashboard .full-width .holder-blocks:after{
        right:-60px;
        bottom:20px;
        background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_scribble_2.png)
    }
}
section.dashboard .full-width .holder-blocks .block{
    position:relative
}
@media (min-width:1031px){
    section.dashboard .full-width .holder-blocks .block{
        margin-right:64px
    }
}
@media (min-width:0) and (max-width:700px){
    section.dashboard .full-width .holder-blocks .block{
        width:100%;
        margin-bottom:16px
    }
}
section.dashboard .full-width .holder-blocks .block:last-child{
    margin-right:0
}
section.dashboard .full-width .holder-blocks .block:last-child:after{
    display:none
}
@media (min-width:1031px){
    section.dashboard .full-width .holder-blocks .block:first-child:after{
        background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_stroke_1.png)
    }
    section.dashboard .full-width .holder-blocks .block:nth-child(2){
        transform:rotate(-1deg)
    }
    section.dashboard .full-width .holder-blocks .block:nth-child(2):after{
        background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_stroke_2.png)
    }
    section.dashboard .full-width .holder-blocks .block:nth-child(3){
        transform:rotate(1deg)
    }
    section.dashboard .full-width .holder-blocks .block:nth-child(3):after{
        background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_stroke_3.png)
    }
    section.dashboard .full-width .holder-blocks .block:nth-child(4){
        transform:rotate(3deg)
    }
}
section.dashboard .full-width .holder-blocks .block:after{
    content:"";
    position:absolute;
    right:-55px;
    bottom:40px;
    width:50px;
    height:50px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
@media (min-width:0) and (max-width:700px){
    section.dashboard .full-width .holder-blocks .block:after{
        display:none
    }
}
section.dashboard .full-width .holder-blocks .block .balloon{
    width:180px;
    height:140px;
    padding:16px;
    color:#6959a7;
    text-align:center;
    margin-bottom:8px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/wolkje.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:top
}
@media (min-width:0) and (max-width:700px){
    section.dashboard .full-width .holder-blocks .block .balloon{
        margin:0 auto;
        margin-bottom:8px
    }
}
section.dashboard .full-width .holder-blocks .block .balloon .digit{
    font-size:36px;
    line-height:1;
    margin-bottom:8px;
    font-family:Daft Brush
}
section.dashboard .full-width .holder-blocks .block .balloon .subject{
    line-height:1.2;
    font-weight:700;
    word-break:break-all
}
section.dashboard .full-width .holder-blocks .block .icon{
    width:50px;
    height:50px;
    margin:0 auto;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
section.dashboard .full-width .holder-blocks .block.changemakers .icon{
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_1.png)
}
section.dashboard .full-width .holder-blocks .block.initiatives .icon{
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_2.png)
}
section.dashboard .full-width .holder-blocks .block.donations .icon{
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_3.png)
}
section.dashboard .full-width .holder-blocks .block.funds .icon{
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/dashboard_4.png)
}
section.donation{
    padding:128px 0;
    background-color:#ebe6ff
}
@media (min-width:0) and (max-width:700px){
    section.donation{
        padding:64px 0
    }
}
@media (min-width:1031px){
    section.donation .full-width .inner-wrapper .holder-content{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (min-width:1031px){
    section.donation .full-width .inner-wrapper .holder-content .details{
        width:50%;
        margin-right:32px
    }
}
@media (min-width:0) and (max-width:700px){
    section.donation .full-width .inner-wrapper .holder-content .details{
        margin-bottom:16px;
        text-align:center
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate{
    background-color:#6959a7;
    border-radius:8px
}
@media (min-width:1031px){
    section.donation .full-width .inner-wrapper .holder-content .donate{
        width:50%
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row{
    padding:24px;
    border-bottom:1px solid hsla(0,0%,100%,.15)
}
@media (min-width:0) and (max-width:700px){
    section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row{
        padding:16px;
        text-align:center
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.title{
    font-size:24px;
    font-weight:700;
    color:#f9f9f9;
    padding-bottom:16px
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.steps{
    background-color:#5f4ba7;
    display:-ms-flexbox;
    display:flex
}
@media (min-width:0) and (max-width:700px){
    section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.steps{
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.steps .step{
    margin:0 16px;
    position:relative;
    color:#ff4a0f
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.steps .step.active{
    color:#f9f9f9
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.steps .step:first-child{
    margin-left:0
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.steps .step:first-child:before{
    content:""
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.steps .step:before{
    content:"->";
    position:absolute;
    top:50%;
    left:-25px;
    transform:translateY(-50%)
}
@media (min-width:1031px){
    section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .label{
    font-weight:700;
    color:#f9f9f9;
    font-size:20px;
    margin-right:16px
}
@media (min-width:0) and (max-width:700px){
    section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .label{
        margin:0;
        margin-bottom:16px
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .holder-prices{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:baseline;
    align-items:baseline
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .holder-prices .donation{
    position:relative;
    width:64px;
    height:64px;
    margin:0 8px;
    border-radius:36px;
    border:2px solid #ebe6ff;
    color:#f9f9f9;
    font-weight:700;
    cursor:pointer;
    transition:background-color .4s
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .holder-prices .donation:hover{
    background-color:hsla(0,0%,100%,.1)
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .holder-prices .donation.selected{
    background-color:#ebe6ff;
    color:#6959a7
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .holder-prices .donation:first-child{
    margin-left:0
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .holder-prices .donation:last-child{
    margin-right:0
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .holder-prices .donation .amount{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:18px
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.price .holder-prices .donation .amount:before{
    content:"$"
}
@media (min-width:1031px){
    section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.period{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.period .label{
    font-weight:700;
    color:#f9f9f9;
    font-size:20px;
    margin-right:16px
}
@media (min-width:0) and (max-width:700px){
    section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.period .label{
        margin:0;
        margin-bottom:16px
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.period .holder-time{
    display:-ms-flexbox;
    display:flex
}
@media (min-width:0) and (max-width:700px){
    section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.period .holder-time{
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.period .holder-time .time{
    position:relative;
    margin:0 8px;
    border-radius:36px;
    border:2px solid #ebe6ff;
    color:#f9f9f9;
    font-weight:700;
    padding:16px 12px
}
section.donation .full-width .inner-wrapper .holder-content .donate .holder-first .row.next{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:end;
    justify-content:flex-end
}
section.faq{
    background-color:#ebe6ff;
    padding:128px 0
}
@media (min-width:701px) and (max-width:1024px){
    section.faq{
        padding:64px 0
    }
}
@media (min-width:0) and (max-width:700px){
    section.faq{
        padding:32px 0
    }
}
section.faq .full-width .inner-wrapper h2{
    text-align:center;
    margin-bottom:32px
}
section.faq .full-width .inner-wrapper .holder-blocks{
    max-width:650px;
    margin:0 auto
}
section.faq .full-width .inner-wrapper .holder-blocks .block{
    background-color:#f9f9f9;
    padding:24px;
    border-radius:16px;
    border-bottom:4px solid #7c67e0;
    margin-bottom:24px;
    cursor:pointer;
    position:relative
}
section.faq .full-width .inner-wrapper .holder-blocks .block .arrow{
    position:absolute;
    top:24px;
    right:24px;
    width:16px;
    height:16px;
    background-image:url(../images/misc/arrow-down-purple-2x.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:50%
}
section.faq .full-width .inner-wrapper .holder-blocks .block .question{
    font-weight:700;
    color:#535353;
    padding-right:24px
}
section.faq .full-width .inner-wrapper .holder-blocks .block .answer{
    border-top:1px solid rgba(34,34,34,.1);
    padding-top:16px;
    display:none;
    margin-top:16px
}
section.faq .full-width .inner-wrapper .holder-blocks .block .answer a{
    color:#6959a7;
    text-decoration:underline
}
section.faq .full-width .inner-wrapper .holder-blocks .block.selected .arrow{
    background-image:url(../images/misc/arrow-up-purple-2x.png)
}
section.faq .full-width .inner-wrapper .holder-blocks .block.selected .question{
    color:#6959a7
}
section.faq .full-width .inner-wrapper .holder-blocks .block.selected .answer{
    display:block
}
section.faq.purple{
    background-color:#6959a7
}
footer,section.faq.purple .full-width .inner-wrapper h2{
    color:#f9f9f9
}
footer{
    background-color:#292929;
    text-align:center;
    padding:48px 0;
    position:relative;
    z-index:3
}
@media (min-width:0) and (max-width:700px){
    footer{
        padding:32px 0
    }
}
footer .full-width .copyright{
    font-weight:700;
    font-size:18px;
    margin-bottom:8px
}
footer .full-width text{
    color:#fff;
    opacity:.6;
    font-weight:lighter;
    margin-bottom:24px
}
footer .full-width .socials{
    margin-bottom:24px
}
footer .full-width .socials .share{
    display:inline-block;
    width:48px;
    height:48px;
    background-color:#fff;
    border-radius:4px;
    position:relative;
    margin:0 2px;
    cursor:pointer
}
footer .full-width .socials .share:after{
    content:"";
    position:absolute;
    height:4px;
    bottom:-2px;
    left:0;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    width:100%;
    background-color:#ccc
}
@media (min-width:1031px){
    footer .full-width .socials .share{
        transition:opacity .2s
    }
    footer .full-width .socials .share:hover{
        opacity:.6
    }
}
footer .full-width .socials .share .icon{
    width:24px;
    height:24px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
footer .full-width .holder-links{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -ms-flex-pack:center;
    justify-content:center
}
footer .full-width .holder-links .link{
    color:#fff;
    font-size:14px;
    text-decoration:none;
    padding-right:24px;
    position:relative;
    display:block
}
footer .full-width .holder-links .link:after{
    content:"-";
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px
}
footer .full-width .holder-links .link:last-child:after{
    content:""
}
footer:before{
    content:"";
    width:100%;
    position:absolute;
    top:-130px;
    left:0;
    height:130px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/overgang-footer-01@2x.png);
    background-size:auto 100%;
    background-position:bottom
}
@media (min-width:0) and (max-width:700px){
    footer:before{
        top:-49px;
        height:50px
    }
}
section.gallery{
    background-color:#5f4ba7;
    padding:128px 0 256px
}
@media (min-width:0) and (max-width:700px){
    section.gallery{
        padding:64px 0
    }
}
section.gallery:after{
    content:"";
    position:absolute;
    bottom:-160px;
    height:400px;
    width:100%;
    background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/overgang-04@2x.png);
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:50%;
    left:0;
    z-index:1
}
@media (min-width:701px) and (max-width:1024px){
    section.gallery:after{
        bottom:-50px;
        height:200px
    }
}
@media (min-width:0) and (max-width:700px){
    section.gallery:after{
        bottom:-40px;
        height:100px
    }
}
section.gallery .full-width h2{
    text-align:center
}
section.gallery .full-width .slider{
    position:relative
}
section.gallery .full-width .slider .holder-slider .slick-track{
    padding:32px 0
}
@media (min-width:0) and (max-width:700px){
    section.gallery .full-width .slider .holder-slider .slick-track{
        padding:16px 0
    }
}
section.gallery .full-width .slider .holder-slider .slick-arrow{
    cursor:pointer;
    width:50px;
    height:50px;
    position:absolute;
    top:40%;
    border-radius:50px;
    z-index:5;
    font-size:0;
    transform:translateY(-50%);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
section.gallery .full-width .slider .holder-slider .slick-arrow.slick-prev{
    left:0;
    background-image:url(../images/misc/button-previous-2x.png)
}
section.gallery .full-width .slider .holder-slider .slick-arrow.slick-next{
    right:0;
    background-image:url(../images/misc/button-next-2x.png)
}
section.gallery .full-width .slider .holder-slider .item{
    margin:0 16px;
    text-align:center;
    position:relative
}
@media (min-width:1031px){
    section.gallery .full-width .slider .holder-slider .item{
        cursor:pointer;
        opacity:.9;
        transition:transform .4s,opacity .4s
    }
    section.gallery .full-width .slider .holder-slider .item:hover{
        transform:scale(1.05);
        opacity:1
    }
}
@media (min-width:0) and (max-width:700px){
    section.gallery .full-width .slider .holder-slider .item{
        margin:0 8px
    }
}
section.gallery .full-width .slider .holder-slider .item .card{
    position:relative;
    background-color:#f9f9f9;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    width:344px;
    height:207px;
    transform:rotate(-2deg);
    border-radius:6px;
    box-shadow:0 6px 0 0 #ded6fe;
    border:1px solid rgba(34,34,34,.1)
}
@media (min-width:0) and (max-width:700px){
    section.gallery .full-width .slider .holder-slider .item .card{
        width:220px;
        height:140px
    }
}
section.gallery .full-width .slider .holder-slider .item .card .image{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:calc(100% - 16px);
    height:calc(100% - 16px);
    background-color:#ff4a0f
}
section.gallery .full-width .slider .holder-slider .item:nth-child(4n+1) .card{
    -webkit-transform:rotate(-2deg)
}
section.gallery .full-width .slider .holder-slider .item:nth-child(4n+2) .card{
    -webkit-transform:rotate(0deg)
}
section.gallery .full-width .slider .holder-slider .item:nth-child(4n+3) .card{
    -webkit-transform:rotate(-1deg)
}
section.gallery .full-width .slider .holder-slider .item:nth-child(4n+4) .card{
    -webkit-transform:rotate(1deg)
}
section.gallery .full-width .slider .holder-slider:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:200px;
    z-index:2;
    background:linear-gradient(90deg,#5f4ba7 3%,rgba(95,75,167,.78) 24%,transparent);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00000000",GradientType=1)
}
@media (min-width:0px) and (max-width:1024px){
    section.gallery .full-width .slider .holder-slider:before{
        width:50px;
        left:-2px
    }
}
section.gallery .full-width .slider .holder-slider:after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:200px;
    z-index:2;
    background:linear-gradient(90deg,rgba(95,75,167,0) 0,rgba(95,75,167,.26) 24%,#5f4ba7 94%,#5f4ba7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=1)
}
@media (min-width:0px) and (max-width:1024px){
    section.gallery .full-width .slider .holder-slider:after{
        width:50px;
        right:-2px
    }
}
section.header-home{
    background-color:#6959a7;
    position:relative;
    background-image:url(https://www.thekidsrightschangemakers.org/images/header_home/background.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover
}
@media (min-width:0) and (max-width:700px){
    section.header-home{
        padding:16px 0;
        text-align:center;
        background-size:cover
    }
}
section.header-home:after{
    content:"";
    position:absolute;
    height:120px;
    width:100%;
    bottom:-40px;
    left:0;
    background-image:url(../images/transitions/overgang-01-2x.png);
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.header-home:after{
        height:30px;
        width:100%;
        bottom:-10px
    }
}
section.header-home .holder-video{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden
}
section.header-home .holder-video video{
    position:absolute;
    width:100%;
    top:50%;
    transform:translateY(-50%);
    z-index:0
}
@media (min-width:0) and (max-width:700px){
    section.header-home .holder-video video{
        display:none
    }
}
section.header-home .full-width{
    min-height:440px
}
@media (min-width:0) and (max-width:700px){
    section.header-home .full-width{
        min-height:240px
    }
}
section.header-home .full-width .holder-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:5
}
@media (min-width:1031px){
    section.header-home .full-width .holder-content{
        max-width:580px
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.header-home .full-width .holder-content{
        width:100%;
        max-width:580px
    }
}
@media (min-width:0) and (max-width:700px){
    section.header-home .full-width .holder-content{
        width:100%;
        padding:0 16px
    }
}
section.header-home .full-width .holder-content h1{
    text-align:center;
    color:#f9f9f9
}
section.header-home .full-width .holder-content img{
    max-width:500px;
    transform:translate(-50%);
    left:50%;
    position:relative
}
section.header-home .full-width .holder-content text{
    color:#fff
}
@media (min-width:1031px){
    section.header-home .full-width .holder-content text{
        opacity:.6
    }
}
section.header-home .full-width .background-image{
    width:560px;
    height:100%;
    position:absolute;
    right:-80px;
    bottom:0;
    background-color:#ff4a0f;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.header-home .full-width .background-image{
        display:none
    }
}
section.header-inspiration{
    background-color:#ebe6ff;
    padding:64px 0
}
section.header-inspiration:after{
    content:"";
    position:absolute;
    width:100%;
    height:60px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/wolken-inspiration@2x.png);
    background-position:top;
    background-size:auto 100%;
    bottom:-60px
}
section.header-inspiration .full-width .inner-wrapper{
    text-align:center
}
section.header-inspiration .full-width .inner-wrapper .media{
    width:100%;
    padding-bottom:56.25%;
    background-color:#f9f9f9;
    border-radius:8px;
    position:relative;
    border-bottom:8px solid #ded6fe;
    margin-bottom:32px
}
section.header-inspiration .full-width .inner-wrapper .media:after{
    content:"";
    background-image:url(../images/button/orange-men.png);
    width:60px;
    height:60px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:100%;
    position:absolute;
    bottom:-10px;
    right:-50px;
    transform:scaleX(-1)
}
section.header-inspiration .full-width .inner-wrapper .media .image{
    position:absolute;
    width:calc(100% - 16px);
    height:calc(100% - 16px);
    background-color:orange;
    margin:8px
}
section.header-inspiration .full-width .inner-wrapper text{
    width:800px;
    margin:0 auto;
    font-size:20px;
    margin-bottom:32px;
    text-align:left;
    color:#535353
}
section.header-news{
    padding:64px 0 32px
}
@media (min-width:0px) and (max-width:1024px){
    section.header-news{
        padding:32px 0
    }
}
section.header-news .full-width .inner-wrapper h1,section.header-news .full-width .inner-wrapper h2{
    text-align:center
}
section.header-news .full-width .inner-wrapper text{
    text-align:center;
    max-width:800px;
    margin:0 auto;
    font-size:20px;
    margin-bottom:32px
}
@media (min-width:0) and (max-width:700px){
    section.header-news .full-width .inner-wrapper text{
        margin-bottom:16px;
        font-size:16px
    }
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .slick-track{
    padding:32px 0
}
@media (min-width:0) and (max-width:700px){
    section.header-news .full-width .inner-wrapper .holder-newsfilter .slick-track{
        padding:16px 0
    }
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .slick-arrow{
    width:50px;
    height:50px;
    position:absolute;
    top:40%;
    border-radius:50px;
    z-index:5;
    font-size:0;
    background-color:#ff4a0f;
    transform:translateY(-50%);
    border-bottom:4px solid #000;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:14px;
    cursor:pointer
}
@media (min-width:1031px){
    section.header-news .full-width .inner-wrapper .holder-newsfilter .slick-arrow{
        transition:opacity .4s
    }
    section.header-news .full-width .inner-wrapper .holder-newsfilter .slick-arrow:hover{
        opacity:.8
    }
}
@media (min-width:0) and (max-width:700px){
    section.header-news .full-width .inner-wrapper .holder-newsfilter .slick-arrow{
        width:30px;
        height:30px
    }
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .slick-arrow.slick-prev{
    left:0;
    background-image:url(../images/icons/shape-flip-2x.png)
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .slick-arrow.slick-next{
    right:0;
    background-image:url(../images/icons/shape-2x.png)
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter{
    width:200px
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter .block{
    width:128px;
    border:1px solid #535353;
    border-radius:8px;
    padding:16px;
    margin:0 16px
}
@media (min-width:0) and (max-width:700px){
    section.header-news .full-width .inner-wrapper .holder-newsfilter .filter .block{
        width:80px;
        padding:8px;
        margin:0 4px;
        height:auto
    }
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter .icon{
    width:60px;
    height:60px;
    margin:0 auto;
    margin-bottom:12px
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter .icon img{
    margin:0 auto
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter .icon .icon-white{
    display:none
}
@media (min-width:0) and (max-width:700px){
    section.header-news .full-width .inner-wrapper .holder-newsfilter .filter .icon{
        width:100%;
        height:auto;
        padding-bottom:100%;
        margin-bottom:8px
    }
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter .title{
    text-align:center;
    font-size:18px
}
@media (min-width:0) and (max-width:700px){
    section.header-news .full-width .inner-wrapper .holder-newsfilter .filter .title{
        font-size:11px
    }
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter.active .block{
    background-color:#6959a7
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter.active .title{
    color:#f9f9f9
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter.active .icon-white{
    display:block
}
section.header-news .full-width .inner-wrapper .holder-newsfilter .filter.active .icon-black{
    display:none
}
section.header-news .full-width .inner-wrapper .holder-newsfilter:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:70px;
    z-index:2;
    background:linear-gradient(90deg,#f9f9f9 3%,hsla(0,0%,98%,.78) 24%,transparent);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00000000",GradientType=1)
}
@media (min-width:0) and (max-width:700px){
    section.header-news .full-width .inner-wrapper .holder-newsfilter:before{
        width:70px
    }
}
section.header-news .full-width .inner-wrapper .holder-newsfilter:after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:70px;
    z-index:2;
    background:linear-gradient(90deg,hsla(0,0%,98%,0) 0,hsla(0,0%,98%,.26) 24%,#f9f9f9 94%,#f9f9f9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=1)
}
@media (min-width:0) and (max-width:700px){
    section.header-news .full-width .inner-wrapper .holder-newsfilter:after{
        width:70px
    }
}
section.header-passport .background-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:340px;
    background-color:#ebe6ff
}
section.header-passport .background-image:after{
    content:"";
    width:100%;
    height:100px;
    background-color:#6959a7;
    position:absolute;
    bottom:-100px;
    left:0
}
section.header-passport .full-width .inner-wrapper .title{
    font-family:Daft Brush;
    color:#fff;
    font-size:56px;
    line-height:1.2;
    padding:48px 0
}
@media (min-width:1031px){
    section.header-passport .full-width .inner-wrapper .title{
        max-width:70%
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.header-passport .full-width .inner-wrapper .title{
        font-size:48px;
        text-align:center
    }
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .title{
        font-size:32px
    }
}
section.header-passport .full-width .inner-wrapper .passport{
    position:relative;
    background-color:#fff;
    margin:0 auto;
    border:1px solid #ccc;
    border-radius:8px
}
@media (min-width:1031px){
    section.header-passport .full-width .inner-wrapper .passport{
        width:90%
    }
}
section.header-passport .full-width .inner-wrapper .passport:after{
    content:"";
    position:absolute;
    bottom:48px;
    right:32px;
    width:170px;
    height:90px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/stamp@2x.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport:after{
        bottom:16px
    }
}
section.header-passport .full-width .inner-wrapper .passport .top-bar{
    background-color:#ff4a0f;
    padding:24px;
    position:relative;
    border-top-left-radius:8px;
    border-top-right-radius:8px
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .top-bar{
        padding:16px
    }
}
section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person{
        display:block
    }
}
section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-picture{
    position:relative;
    width:160px;
    height:160px;
    background-color:#fff;
    border-radius:8px;
    transform:rotate(2deg)
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-picture{
        width:80px;
        height:80px;
        overflow:hidden;
        position:absolute;
        top:-40px
    }
}
section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-picture:after{
    content:"";
    position:absolute;
    bottom:-4px;
    height:8px;
    width:100%;
    background-color:#ff8e6a;
    left:0;
    z-index:-1;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px
}
section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-picture .image{
    width:144px;
    height:144px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:orange;
    border-radius:4px
}
section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-detail{
    margin:0 24px;
    color:#f9f9f9
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-detail{
        padding-top:32px;
        margin:0
    }
}
section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-detail .origin{
    font-size:18px
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-detail .origin{
        font-size:16px;
        opacity:.8
    }
}
section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-detail .name{
    font-weight:700;
    font-size:32px
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .top-bar .holder-person .profile-detail .name{
        font-size:22px;
        max-width:75%
    }
}
section.header-passport .full-width .inner-wrapper .passport .top-bar .location{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    height:130%;
    width:30%;
    background-position:50%;
    background-size:contain;
    background-repeat:no-repeat
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar{
    padding:24px 32px;
    border-bottom:8px solid #ccc
}
@media (min-width:1031px){
    section.header-passport .full-width .inner-wrapper .passport .bottom-bar{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .bottom-bar{
        padding:16px
    }
}
@media (min-width:1031px){
    section.header-passport .full-width .inner-wrapper .passport .bottom-bar .details{
        width:50%;
        text-align:right
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.header-passport .full-width .inner-wrapper .passport .bottom-bar .details{
        margin-bottom:16px
    }
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .details .row{
    display:-ms-flexbox;
    display:flex;
    padding:16px;
    border-bottom:1px solid #ccc;
    color:#535353
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .bottom-bar .details .row{
        padding:12px 0
    }
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .details .row .label{
    width:50%;
    font-weight:700
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .bottom-bar .details .row .label{
        width:70%
    }
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .details .row .answer{
    width:50%
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .cause{
    width:50%;
    padding-left:48px
}
@media (min-width:701px) and (max-width:1024px){
    section.header-passport .full-width .inner-wrapper .passport .bottom-bar .cause{
        padding-left:0
    }
}
@media (min-width:0) and (max-width:700px){
    section.header-passport .full-width .inner-wrapper .passport .bottom-bar .cause{
        width:100%;
        margin:24px 0;
        background-color:#fff;
        position:relative;
        z-index:2;
        padding-left:20px
    }
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .cause .holder-cause{
    position:relative;
    background-color:#fafafa;
    padding:16px 32px;
    border:1px solid #d3d3d3;
    border-radius:8px;
    color:#535353;
    margin-bottom:16px
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .cause .holder-cause:last-child{
    margin-bottom:0
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .cause .holder-cause:before{
    content:"";
    width:36px;
    height:36px;
    position:absolute;
    left:-18px;
    top:50%;
    transform:translateY(-50%);
    background-color:#ff4a0f
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .cause .holder-cause .cause-title{
    font-weight:700;
    margin-bottom:4px;
    font-size:16px
}
section.header-passport .full-width .inner-wrapper .passport .bottom-bar .cause .holder-cause text{
    line-height:1.2;
    font-size:16px
}
section.header-center{
    padding:64px 0
}
@media (min-width:0px) and (max-width:1024px){
    section.header-center{
        padding:32px 0
    }
}
section.header-center .full-width .inner-wrapper h1{
    text-align:center
}
@media (min-width:0) and (max-width:700px){
    section.header-center .full-width .inner-wrapper h1{
        margin-bottom:0
    }
}
section.header-center .full-width .inner-wrapper text{
    text-align:center;
    max-width:800px;
    margin:0 auto;
    font-size:20px;
    margin-bottom:32px
}
@media (min-width:0) and (max-width:700px){
    section.header-center .full-width .inner-wrapper text{
        margin-bottom:16px;
        font-size:16px
    }
}
section.header-center .full-width .inner-wrapper .holder-media{
    max-width:960px;
    margin:0 auto;
    position:relative;
    margin-top:64px
}
@media (min-width:0) and (max-width:700px){
    section.header-center .full-width .inner-wrapper .holder-media{
        margin-top:32px
    }
}
section.header-center .full-width .inner-wrapper .holder-media .video{
    position:relative;
    width:100%;
    padding-bottom:56.25%;
    background-color:#6959a7
}
section.header-center .full-width .inner-wrapper .holder-media .video iframe{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
section.header-center .full-width .inner-wrapper .tags{
    text-align:center
}
section.header-center .full-width .inner-wrapper .tags .tag{
    position:relative;
    padding:8px 16px;
    border:1px solid #6959a7;
    border-radius:16px;
    margin:0 8px 0 16px;
    display:inline-block;
    color:#535353
}
@media (min-width:0) and (max-width:700px){
    section.header-center .full-width .inner-wrapper .tags .tag{
        margin-bottom:8px
    }
}
section.header-center .full-width .inner-wrapper .tags .tag:before{
    content:"";
    background-image:url(../images/button/purple-men.png);
    width:24px;
    height:100%;
    position:absolute;
    left:-24px;
    top:0;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:100% 100%
}
section.header-center .full-width .inner-wrapper .categories{
    margin:0 auto;
    padding:16px 0;
    -ms-flex-align:baseline;
    align-items:baseline;
    box-shadow:0 1px 0 0 rgba(34,34,34,.15),0 -1px 0 0 rgba(34,34,34,.15)
}
@media (min-width:701px){
    section.header-center .full-width .inner-wrapper .categories{
        max-width:800px;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.header-center .full-width .inner-wrapper .categories{
        box-shadow:none
    }
}
section.header-center .full-width .inner-wrapper .categories .group{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -ms-flex-align:baseline;
    align-items:baseline
}
@media (min-width:701px){
    section.header-center .full-width .inner-wrapper .categories .group{
        margin-right:16px
    }
}
@media (min-width:0) and (max-width:700px){
    section.header-center .full-width .inner-wrapper .categories .group{
        margin-bottom:16px
    }
    section.header-center .full-width .inner-wrapper .categories .group:last-child{
        margin-bottom:0
    }
}
section.header-center .full-width .inner-wrapper .categories .group .label{
    margin-right:16px;
    font-weight:700
}
@media (min-width:0) and (max-width:700px){
    section.header-center .full-width .inner-wrapper .categories .group .label{
        text-align:center
    }
}
section.header-center .full-width .inner-wrapper .categories .group select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url(../images/icons/arrow-down-2x.png);
    background-size:16px;
    background-repeat:no-repeat;
    background-position:right 8px center;
    padding-right:32px
}
section.header-center .full-width .inner-wrapper .categories .group:last-child{
    margin-right:0
}
section.header-center.clouds:after{
    content:"";
    position:absolute;
    bottom:-30px;
    height:30px;
    width:100%;
    background-size:auto 100%;
    background-position:50%;
    background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/overgang-02-reversed@2x.png);
    left:0;
    z-index:1
}
section.header-center.purple{
    background-color:#ebe6ff
}
section.header-center.purple:after{
    background-image:url(../images/transitions/wolken-purple.png)
}
@media (min-width:1031px){
    section.header-center.default:after{
        content:"";
        background-image:url(https://www.thekidsrightschangemakers.org/images/transitions/overgang-01-reverse@2x.png);
        position:absolute;
        height:125px;
        width:100%;
        bottom:-125px;
        left:0;
        background-position:50%;
        background-size:auto 100%;
        z-index:1
    }
}
section.highlight-item{
    padding:128px 0 256px;
    background-color:#5f4ba7
}
@media (min-width:0) and (max-width:700px){
    section.highlight-item{
        padding:64px 0 128px
    }
}
section.highlight-item:after{
    content:"";
    position:absolute;
    bottom:-100px;
    height:300px;
    width:100%;
    background-image:url(../images/transitions/overgang-03-2x.png);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:50%;
    left:0;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.highlight-item:after{
        bottom:-30px;
        height:120px
    }
}
section.highlight-item .full-width .inner-wrapper{
    display:-ms-flexbox;
    display:flex
}
@media (min-width:701px){
    section.highlight-item .full-width .inner-wrapper{
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (min-width:0) and (max-width:700px){
    section.highlight-item .full-width .inner-wrapper{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
section.highlight-item .full-width .inner-wrapper .media{
    background-color:#fff;
    border:8px solid #fff;
    border-radius:8px
}
@media (min-width:701px){
    section.highlight-item .full-width .inner-wrapper .media{
        width:66%;
        margin-right:32px;
        position:relative;
        transform:rotate(2deg)
    }
}
@media (min-width:0) and (max-width:700px){
    section.highlight-item .full-width .inner-wrapper .media{
        width:100%;
        -ms-flex-order:2;
        order:2
    }
}
section.highlight-item .full-width .inner-wrapper .media .image{
    padding-bottom:56.25%;
    background-color:#ff4a0f
}
@media (min-width:1031px){
    section.highlight-item .full-width .inner-wrapper .media .image{
        position:relative;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:calc(100% - 16px);
        height:calc(100% - 16px)
    }
}
@media (min-width:701px){
    section.highlight-item .full-width .inner-wrapper .details{
        width:33%
    }
}
@media (min-width:0) and (max-width:700px){
    section.highlight-item .full-width .inner-wrapper .details{
        -ms-flex-order:1;
        order:1;
        margin-bottom:16px;
        text-align:center
    }
}
section.highlight-item .full-width .inner-wrapper .details .title{
    font-family:Daft Brush;
    color:#f9f9f9;
    font-size:48px
}
@media (min-width:1031px){
    section.highlight-item .full-width .inner-wrapper .details .title{
        margin-bottom:16px
    }
}
@media (min-width:0) and (max-width:700px){
    section.highlight-item .full-width .inner-wrapper .details .title{
        font-size:32px
    }
}
section.highlight-item .full-width .inner-wrapper .details text{
    color:#f9f9f9
}
section.introduction{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:hsla(0,0%,100%,.5);
    z-index:100
}
section.introduction .container{
    display:none;
    width:620px;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:#f9f9f9;
    border-radius:16px;
    box-shadow:2px 2px 5px 0 rgba(0,0,0,.2)
}
section.introduction .container.smallscreen{
    display:block;
    position:absolute;
    top:0;
    height:100%;
    transform:translate(-50%);
    overflow-y:scroll
}
@media (min-width:0) and (max-width:700px){
    section.introduction .container{
        width:100%;
        padding:16px;
        position:absolute;
        top:0;
        left:0;
        height:100%;
        transform:translate(0)!important;
        overflow-y:scroll
    }
}
section.introduction .container .top-part{
    width:100%;
    background-color:#6959a7;
    border-top-left-radius:16px;
    border-top-right-radius:16px
}
section.introduction .container .top-part .media{
    position:relative;
    width:100%;
    padding-bottom:56.25%
}
section.introduction .container .top-part .media iframe{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
section.introduction .container .top-part .close{
    width:48px;
    height:48px;
    position:absolute;
    top:24px;
    right:24px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    background-image:url(../images/icons/button-close-2x.png);
    cursor:pointer
}
section.introduction .container .bottom-part{
    padding:32px 24px
}
@media (min-width:0) and (max-width:700px){
    section.introduction .container .bottom-part{
        padding:16px 0
    }
}
section.introduction .container .bottom-part .detail h2{
    text-align:center
}
@media (min-width:0) and (max-width:700px){
    section.introduction .container .bottom-part .detail h2{
        margin-bottom:8px;
        font-size:24px
    }
}
section.introduction .container .bottom-part .detail text{
    text-align:center;
    margin-bottom:24px
}
@media (min-width:0) and (max-width:700px){
    section.introduction .container .bottom-part .detail text{
        font-size:14px;
        margin-bottom:16px
    }
}
section.introduction .container .bottom-part .language{
    padding:24px;
    border-top:1px solid #ccc;
    text-align:center
}
@media (min-width:0) and (max-width:700px){
    section.introduction .container .bottom-part .language{
        padding:16px 0
    }
}
section.introduction .container .bottom-part .language .label{
    display:inline-block;
    vertical-align:middle;
    margin-right:16px
}
section.introduction .container .bottom-part .language .holder-language{
    display:inline-block;
    vertical-align:middle
}
section.introduction .container .bottom-part .language .holder-language .lang{
    position:relative;
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:50px;
    border:1px solid #6959a7;
    margin:0 4px
}
@media (min-width:0) and (max-width:700px){
    section.introduction .container .bottom-part .language .holder-language .lang{
        width:60px;
        height:60px
    }
}
section.introduction .container .bottom-part .language .holder-language .lang .icon{
    width:20px;
    height:13px;
    background-color:#ff4a0f;
    position:relative;
    top:50%;
    margin:0 auto;
    transform:translateY(-50%)
}
@media (min-width:1031px){
    section.introduction .container .bottom-part .language .holder-language .lang{
        cursor:pointer
    }
    section.introduction .container .bottom-part .language .holder-language .lang.active,section.introduction .container .bottom-part .language .holder-language .lang:hover{
        background-color:#ebe6ff
    }
}
section.introduction .container .bottom-part .ctas{
    padding:24px;
    border-top:1px solid #ccc
}
@media (min-width:0) and (max-width:700px){
    section.introduction .container .bottom-part .ctas{
        padding:16px 0
    }
}
section.introduction .container .bottom-part .ctas .holder-cta{
    text-align:center
}
section.introduction .container .bottom-part .ctas .holder-cta .button{
    margin-right:16px
}
@media (min-width:0) and (max-width:700px){
    section.introduction .container .bottom-part .ctas .holder-cta .button{
        margin:0;
        width:100%;
        margin-bottom:16px
    }
    section.introduction .container .bottom-part .ctas .holder-cta .button:last-child{
        margin-bottom:0
    }
    section.introduction .container .bottom-part .ctas .holder-cta .button:before{
        background-image:none
    }
}
section.initiative-donate{
    background-color:#ebe6ff;
    padding:64px 0
}
@media (min-width:0px) and (max-width:1024px){
    section.initiative-donate{
        padding:32px 0
    }
}
section.initiative-donate:after{
    content:"";
    position:absolute;
    bottom:-100px;
    height:100px;
    width:100%;
    background-image:url(../images/transitions/overgang-10-2x.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    left:0;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.initiative-donate:after{
        bottom:-40px;
        height:40px
    }
}
@media (min-width:1031px){
    section.initiative-donate .full-width .inner-wrapper h1{
        max-width:760px;
        margin-bottom:32px
    }
}
section.initiative-donate .full-width .inner-wrapper .donation-window{
    overflow:hidden;
    border-radius:8px;
    margin-bottom:32px
}
@media (min-width:701px){
    section.initiative-donate .full-width .inner-wrapper .donation-window{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-left{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    padding:16px
}
@media (min-width:701px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-left{
        width:50%
    }
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-left .holder-person{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-left .holder-person .profile-picture{
    position:relative;
    width:74px;
    height:74px;
    background-color:#fff;
    border-radius:50px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-left .holder-person .profile-picture .image{
    width:66px;
    height:66px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:orange;
    border-radius:50px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-left .holder-person .profile-detail{
    margin:0 8px;
    color:#f9f9f9
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-left .holder-person .profile-detail .origin{
    font-size:18px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-left .holder-person .profile-detail .name{
    font-weight:700;
    font-size:20px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right{
    background-color:#f9f9f9
}
@media (min-width:701px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right{
        width:50%;
        padding:32px
    }
}
@media (min-width:0) and (max-width:700px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right{
        padding:16px
    }
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-goal{
    display:-ms-flexbox;
    display:flex;
    font-size:24px;
    color:#7c67e0;
    margin-bottom:8px;
    -ms-flex-align:baseline;
    align-items:baseline
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-goal .current{
    font-weight:700;
    color:#6959a7
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-goal .break{
    margin:0 4px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-goal .goal{
    font-size:20px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-bar{
    width:100%;
    height:10px;
    border-radius:50px;
    background-color:#ccc;
    position:relative;
    overflow:hidden;
    margin-bottom:8px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-bar .fill{
    position:absolute;
    top:0;
    left:0;
    background-color:#6959a7;
    transition:width .4s;
    width:50%;
    height:10px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-specifics .holder-specifics{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-specifics .holder-specifics .block{
    width:33%;
    text-align:center
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-specifics .holder-specifics .block .amount{
    font-weight:700
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-specifics .holder-specifics .block .label{
    color:#535353
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option{
    padding:16px 0
}
@media (min-width:701px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option{
        display:-ms-flexbox;
        display:flex
    }
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option{
    position:relative;
    width:60px;
    height:60px;
    border-radius:60px;
    border:2px solid #6959a7;
    margin:0 8px
}
@media (min-width:1031px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option{
        cursor:pointer;
        opacity:.4;
        transition:opacity .4s
    }
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option:hover{
        opacity:1
    }
}
@media (min-width:0) and (max-width:700px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option{
        width:100%;
        margin:0;
        margin-bottom:8px;
        border-radius:0;
        height:Auto;
        padding:16px
    }
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option.selected{
    opacity:1
}
@media (min-width:701px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option.selected{
        margin-left:24px
    }
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option.selected:before{
        content:"";
        position:absolute;
        left:-27px;
        width:32px;
        height:100%;
        background-image:url(../images/button/purple-men.png);
        background-size:contain;
        background-position:100% 100%;
        background-repeat:no-repeat
    }
}
@media (min-width:0) and (max-width:700px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option.selected{
        background-color:#6959a7
    }
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option.selected .amount{
        color:#f9f9f9
    }
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-option .option .amount{
    font-size:14px;
    width:100%;
    color:#6959a7;
    position:absolute;
    font-weight:700;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-detail{
    display:none;
    padding:16px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-bottom:16px
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-detail .icon{
    width:36px;
    height:36px;
    background-color:#6959a7;
    margin-left:32px;
    margin-right:16px;
    display:inline-block;
    position:relative
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-detail .icon:before{
    content:"";
    position:absolute;
    left:-32px;
    background-image:url(../images/button/purple-men.png);
    background-size:contain;
    background-position:100%;
    background-repeat:no-repeat;
    width:34px;
    height:30px;
    bottom:0
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-detail text{
    width:calc(100% - 100px)
}
section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .donation-detail.active{
    display:-ms-flexbox;
    display:flex
}
@media (min-width:0) and (max-width:700px){
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .button{
        margin:0;
        width:100%
    }
    section.initiative-donate .full-width .inner-wrapper .donation-window .block-right .donation .button.orange-men:before{
        background-image:url(https://www.thekidsrightschangemakers.org/css/main.css)
    }
}
section.initiative-donate .full-width .inner-wrapper .donation-text{
    font-size:20px;
    color:#535353;
    line-height:1.5
}
@media (min-width:1031px){
    section.initiative-donate .full-width .inner-wrapper .donation-text{
        width:800px;
        margin:0 auto
    }
}
@media (min-width:0) and (max-width:700px){
    nav{
        position:relative;
        z-index:10;
        box-shadow:0 2px 5px 0 rgba(0,0,0,.3)
    }
}
@media (min-width:1031px){
    nav .full-width .holder-menu{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between;
        height:100px
    }
}
nav .full-width .holder-menu img{
    max-width:500px;
    margin:0 auto;
    position:relative;
    left:50%;
    transform:translate(-50%)
}
nav .full-width .holder-menu .logo{
    position:relative;
    height:100%;
    width:280px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/menu/logo-kidsright-new@2x.png);
    background-size:240px auto;
    background-position:0;
    background-repeat:no-repeat
}
@media (min-width:0px) and (max-width:1024px){
    nav .full-width .holder-menu .logo{
        display:none
    }
}
@media (min-width:1031px){
    nav .full-width .holder-menu .menu-items{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media (min-width:0px) and (max-width:1024px){
    nav .full-width .holder-menu .menu-items{
        position:fixed;
        top:0;
        left:0;
        width:80%;
        height:100%;
        z-index:2000;
        background-color:#f9f9f9;
        padding:96px 0 64px;
        transform:translate3d(-100%,0,0);
        transition:transform .8s
    }
    nav .full-width .holder-menu .menu-items.desktop{
        display:none
    }
    nav .full-width .holder-menu .menu-items.mobile{
        display:block
    }
    nav .full-width .holder-menu .menu-items.open{
        transform:translateZ(0)
    }
}
@media (min-width:0px) and (max-width:1024px){
    nav .full-width .holder-menu .menu-items .mobile-logo{
        display:block;
        height:42px;
        width:100%;
        background-image:url(https://www.thekidsrightschangemakers.org/images/menu/logo-kidsright-new@2x.png);
        background-size:contain;
        background-position:0;
        background-repeat:no-repeat;
        position:absolute;
        top:12px;
        left:12px
    }
    nav .full-width .holder-menu .menu-items .close{
        width:36px;
        height:36px;
        position:absolute;
        top:16px;
        right:16px;
        background-image:url(../images/icons/close.png);
        background-size:contain;
        background-repeat:no-repeat;
        background-position:50%
    }
}
nav .full-width .holder-menu .menu-items a.item{
    padding:0 16px;
    border-left:1px solid #f3f3f3;
    text-decoration:none;
    color:#6959a7
}
@media (min-width:0px) and (max-width:1024px){
    nav .full-width .holder-menu .menu-items a.item{
        display:block;
        padding:16px;
        border-bottom:1px solid #6959a7
    }
}
nav .full-width .holder-menu .menu-items a.item:first-child{
    border-right:1px solid #f3f3f3
}
nav .full-width .holder-menu .menu-items a.item.active,nav .full-width .holder-menu .menu-items a.item:hover{
    background-color:#ff4a0f;
    color:#fff
}
nav .full-width .holder-menu .menu-items a.item.active.home .holder-item .icon,nav .full-width .holder-menu .menu-items a.item:hover.home .holder-item .icon{
    background-image:url(../images/menu/active/icon-home-2x.png)
}
nav .full-width .holder-menu .menu-items a.item.active.wall-of-fame .holder-item .icon,nav .full-width .holder-menu .menu-items a.item:hover.wall-of-fame .holder-item .icon{
    background-image:url(../images/menu/active/medal-copy-2x.png)
}
nav .full-width .holder-menu .menu-items a.item.active.inspiration .holder-item .icon,nav .full-width .holder-menu .menu-items a.item:hover.inspiration .holder-item .icon{
    background-image:url(../images/menu/active/like-2-2x.png)
}
nav .full-width .holder-menu .menu-items a.item.active.action .holder-item .icon,nav .full-width .holder-menu .menu-items a.item:hover.action .holder-item .icon{
    background-image:url(../images/menu/active/group-2x.png)
}
nav .full-width .holder-menu .menu-items a.item.active.knowledgehub .holder-item .icon,nav .full-width .holder-menu .menu-items a.item:hover.knowledgehub .holder-item .icon{
    background-image:url(../images/menu/active/group-6-2x.png)
}
@media (min-width:1031px){
    nav .full-width .holder-menu .menu-items a.item .holder-item{
        position:relative;
        top:50%;
        transform:translateY(-50%)
    }
}
nav .full-width .holder-menu .menu-items a.item .holder-item .icon{
    width:36px;
    height:36px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    margin:0 auto 8px
}
@media (min-width:0px) and (max-width:1024px){
    nav .full-width .holder-menu .menu-items a.item .holder-item .icon{
        display:inline-block;
        margin:0;
        margin-right:16px;
        vertical-align:middle
    }
}
nav .full-width .holder-menu .menu-items a.item .holder-item .label{
    font-weight:700;
    text-align:center;
    font-size:15px
}
@media (min-width:0px) and (max-width:1024px){
    nav .full-width .holder-menu .menu-items a.item .holder-item .label{
        display:inline-block;
        vertical-align:middle
    }
}
nav .full-width .holder-menu .menu-items a.item.home .holder-item .icon{
    background-image:url(../images/menu/icon-home-2x.png)
}
nav .full-width .holder-menu .menu-items a.item.wall-of-fame .holder-item .icon{
    background-image:url(../images/menu/medal-copy-2x.png)
}
nav .full-width .holder-menu .menu-items a.item.inspiration .holder-item .icon{
    background-image:url(../images/menu/like-2-2x.png)
}
nav .full-width .holder-menu .menu-items a.item.action .holder-item .icon{
    background-image:url(../images/menu/group-2x.png)
}
@media (min-width:1031px){
    nav .full-width .holder-menu .menu-items a.item.action .holder-item .icon{
        width:72px
    }
}
nav .full-width .holder-menu .menu-items a.item.knowledgehub .holder-item .icon{
    background-image:url(../images/menu/group-6-2x.png)
}
nav .full-width .holder-menu .cta{
    margin-left:auto
}
@media (min-width:0px) and (max-width:1024px){
    nav .full-width .holder-menu .cta{
        display:none
    }
}
nav .full-width .holder-menu .cta .button{
    position:relative;
    top:50%;
    transform:translateY(-50%);
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
nav .full-width .holder-menu .cta .button .icon{
    background-image:url(https://www.thekidsrightschangemakers.org/images/button/heart-1@2x.png)
}
nav .full-width .holder-menu.mobile{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    background-color:rgba(0,0,0,.5)
}
nav .full-width .menu-bar-mobile{
    display:none
}
@media (min-width:0px) and (max-width:1024px){
    nav .full-width .menu-bar-mobile{
        width:100%;
        background-color:#f9f9f9;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding:8px 0
    }
    nav .full-width .menu-bar-mobile .logo{
        display:block;
        height:50px;
        width:140px;
        background-image:url(https://www.thekidsrightschangemakers.org/images/menu/logo-kidsright-new@2x.png);
        background-size:contain;
        background-position:0;
        background-repeat:no-repeat
    }
    nav .full-width .menu-bar-mobile .hamburger{
        position:absolute;
        height:100%;
        width:70px;
        top:0;
        right:0
    }
    nav .full-width .menu-bar-mobile .hamburger .hamburger-icon{
        height:6px;
        width:40px;
        top:50%;
        right:16px;
        transform:translateY(-50%);
        background-color:#ff4a0f;
        transition:.46s;
        position:absolute
    }
    nav .full-width .menu-bar-mobile .hamburger .hamburger-icon:after,nav .full-width .menu-bar-mobile .hamburger .hamburger-icon:before{
        position:absolute;
        content:"";
        background-color:inherit;
        width:100%;
        height:100%;
        transition:.46s
    }
    nav .full-width .menu-bar-mobile .hamburger .hamburger-icon:before{
        top:200%
    }
    nav .full-width .menu-bar-mobile .hamburger .hamburger-icon:after{
        top:-200%
    }
}
section.news{
    padding:128px 0
}
@media (min-width:0px) and (max-width:1024px){
    section.news{
        padding:64px 0 96px
    }
}
section.news .full-width .inner-wrapper h2{
    text-align:center
}
@media (min-width:1031px){
    section.news .full-width .inner-wrapper h2{
        margin-bottom:48px
    }
}
section.news .full-width .inner-wrapper .categories{
    padding:16px 0;
    box-shadow:0 1px 0 0 rgba(34,34,34,.15),0 -1px 0 0 rgba(34,34,34,.15)
}
@media (min-width:701px){
    section.news .full-width .inner-wrapper .categories{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:baseline;
        align-items:baseline;
        -ms-flex-pack:end;
        justify-content:flex-end;
        margin-bottom:32px
    }
}
@media (min-width:0) and (max-width:700px){
    section.news .full-width .inner-wrapper .categories{
        margin-bottom:16px
    }
}
section.news .full-width .inner-wrapper .categories .label{
    font-weight:700
}
@media (min-width:1031px){
    section.news .full-width .inner-wrapper .categories .label{
        margin-right:32px
    }
}
@media (min-width:0) and (max-width:700px){
    section.news .full-width .inner-wrapper .categories .label{
        text-align:center;
        margin-bottom:16px
    }
}
section.news .full-width .inner-wrapper .categories .holder-categories{
    display:-ms-flexbox;
    display:flex;
    position:relative;
    border-radius:24px;
    border:1px solid #6959a7
}
section.news .full-width .inner-wrapper .categories .holder-categories .categorie{
    padding:8px;
    cursor:pointer;
    color:#6959a7;
    border-right:1px solid #6959a7
}
section.news .full-width .inner-wrapper .categories .holder-categories .categorie:first-child{
    border-top-left-radius:24px;
    border-bottom-left-radius:24px
}
section.news .full-width .inner-wrapper .categories .holder-categories .categorie:last-child{
    border-top-right-radius:24px;
    border-bottom-right-radius:24px
}
section.news .full-width .inner-wrapper .categories .holder-categories .categorie:hover{
    background-color:#ebe6ff
}
section.news .full-width .inner-wrapper .categories .holder-categories .categorie.active{
    background-color:#6959a7;
    color:#f9f9f9
}
@media (min-width:1031px){
    section.news .full-width .inner-wrapper .categories .holder-categories:before{
        content:"";
        background-image:url(../images/button/purple-men.png);
        width:24px;
        height:100%;
        position:absolute;
        left:-24px;
        top:0;
        background-size:contain;
        background-repeat:no-repeat;
        background-position:100% 100%
    }
}
@media (min-width:701px){
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup{
        display:-ms-flexbox;
        display:flex;
        margin-bottom:24px
    }
}
section.news .full-width .inner-wrapper .holder-blocks .blockgroup:last-child{
    margin-bottom:0
}
@media (min-width:701px){
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup .mainblock{
        width:50%
    }
}
section.news .full-width .inner-wrapper .holder-blocks .blockgroup .mainblock .block{
    width:100%;
    height:480px
}
@media (min-width:0) and (max-width:700px){
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup .mainblock .block{
        height:320px;
        margin-bottom:16px
    }
}
section.news .full-width .inner-wrapper .holder-blocks .blockgroup .mainblock .block.donate .donation .donation-bar .fill{
    background-color:#ff4a0f
}
section.news .full-width .inner-wrapper .holder-blocks .blockgroup .mainblock .block.donate .donation .donation-goal,section.news .full-width .inner-wrapper .holder-blocks .blockgroup .mainblock .block.donate .donation .donation-goal .current{
    color:#ff4a0f
}
section.news .full-width .inner-wrapper .holder-blocks .blockgroup .mainblock .block.donate .donation .donation-goal .goal{
    color:#f9f9f9
}
@media (min-width:701px){
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup .sideblocks{
        width:50%
    }
}
section.news .full-width .inner-wrapper .holder-blocks .blockgroup .sideblocks .block{
    width:100%;
    height:228px
}
@media (min-width:701px){
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup .sideblocks .block:first-child{
        margin-bottom:24px
    }
}
@media (min-width:0) and (max-width:700px){
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup .sideblocks .block{
        margin-bottom:16px
    }
}
@media (min-width:701px){
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup:nth-child(odd) .mainblock{
        -ms-flex-order:1;
        order:1;
        margin-right:24px
    }
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup:nth-child(2n+2) .mainblock,section.news .full-width .inner-wrapper .holder-blocks .blockgroup:nth-child(odd) .sideblocks{
        -ms-flex-order:2;
        order:2
    }
    section.news .full-width .inner-wrapper .holder-blocks .blockgroup:nth-child(2n+2) .sideblocks{
        -ms-flex-order:1;
        order:1;
        margin-right:24px
    }
}
section.news .full-width .inner-wrapper .holder-blocks .block{
    position:relative;
    background-color:#ccc;
    border-radius:16px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
section.news .full-width .inner-wrapper .holder-blocks .block .overlay{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.2);
    z-index:0;
    border-radius:16px
}
section.news .full-width .inner-wrapper .holder-blocks .block .profilepicture{
    width:80px;
    height:80px;
    border:4px solid #6959a7;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    background-color:#ff4a0f;
    position:relative;
    top:16px;
    left:16px;
    margin-bottom:16px;
    border-radius:50px
}
@media (min-width:0) and (max-width:700px){
    section.news .full-width .inner-wrapper .holder-blocks .block .profilepicture{
        margin:0 auto;
        left:0
    }
}
section.news .full-width .inner-wrapper .holder-blocks .block .label{
    position:absolute;
    top:16px;
    right:48px;
    color:#fff;
    padding:6px 8px
}
@media (min-width:0) and (max-width:700px){
    section.news .full-width .inner-wrapper .holder-blocks .block .label{
        display:none
    }
}
section.news .full-width .inner-wrapper .holder-blocks .block .label:after{
    content:"";
    position:absolute;
    height:100%;
    width:32px;
    background-image:url(../images/button/orange-men.png);
    right:-32px;
    top:0;
    background-size:contain;
    background-repeat:no-repeat;
    transform:scaleX(-1);
    background-position:100%
}
section.news .full-width .inner-wrapper .holder-blocks .block .label:nth-child(odd){
    background-color:#ff4a0f
}
section.news .full-width .inner-wrapper .holder-blocks .block .label:nth-child(2n+2){
    background-color:#6959a7
}
section.news .full-width .inner-wrapper .holder-blocks .block .block-title{
    position:absolute;
    bottom:0;
    left:0;
    font-size:24px;
    padding:16px;
    color:#fff;
    font-weight:700
}
section.news .full-width .inner-wrapper .holder-blocks .block.donate .donation{
    width:calc(100% - 142px);
    position:relative;
    top:16px;
    padding:0 16px
}
@media (min-width:0) and (max-width:700px){
    section.news .full-width .inner-wrapper .holder-blocks .block.donate .donation{
        width:100%;
        margin-bottom:16px
    }
}
section.news .full-width .inner-wrapper .holder-blocks .block.donate .donation .donation-bar{
    width:100%;
    height:10px;
    border-radius:50px;
    background-color:#ccc;
    position:relative;
    overflow:hidden;
    margin-bottom:8px
}
section.news .full-width .inner-wrapper .holder-blocks .block.donate .donation .donation-bar .fill{
    position:absolute;
    top:0;
    left:0;
    background-color:#6959a7;
    transition:width .4s;
    width:50%;
    height:10px
}
section.news .full-width .inner-wrapper .holder-blocks .block.donate .donation .donation-goal{
    display:-ms-flexbox;
    display:flex;
    font-size:20px;
    color:#7c67e0
}
section.news .full-width .inner-wrapper .holder-blocks .block.donate .donation .donation-goal .current{
    font-weight:700;
    color:#6959a7
}
section.news .full-width .inner-wrapper .holder-blocks .block.donate .donation .donation-goal .break{
    margin:0 4px
}
section.news .full-width .button{
    position:relative;
    left:50%;
    transform:translate(-50%);
    margin-top:32px
}
section.research{
    padding:128px 0
}
@media (min-width:701px) and (max-width:1024px){
    section.research{
        padding:64px 0
    }
}
@media (min-width:0) and (max-width:700px){
    section.research{
        padding:32px 0
    }
}
@media (min-width:1031px){
    section.research .full-width .inner-wrapper .holder-content{
        display:-ms-flexbox;
        display:flex
    }
}
@media (min-width:1031px){
    section.research .full-width .inner-wrapper .holder-content .details{
        width:35%
    }
}
@media (min-width:0) and (max-width:700px){
    section.research .full-width .inner-wrapper .holder-content .details{
        margin-bottom:16px
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.research .full-width .inner-wrapper .holder-content .details h2{
        margin-bottom:0;
        text-align:center
    }
}
section.research .full-width .inner-wrapper .holder-content .details text{
    margin-bottom:32px
}
@media (min-width:701px) and (max-width:1024px){
    section.research .full-width .inner-wrapper .holder-content .details text{
        text-align:center
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.research .full-width .inner-wrapper .holder-content .details text{
        margin-bottom:16px
    }
}
section.research .full-width .inner-wrapper .holder-content .details .holder-languages{
    display:-ms-flexbox;
    display:flex
}
@media (min-width:0px) and (max-width:1024px){
    section.research .full-width .inner-wrapper .holder-content .details .holder-languages{
        -ms-flex-pack:center;
        justify-content:center
    }
}
section.research .full-width .inner-wrapper .holder-content .details .holder-languages .lang{
    position:relative;
    width:60px;
    height:60px;
    margin:0 12px;
    border-radius:36px
}
@media (min-width:1031px){
    section.research .full-width .inner-wrapper .holder-content .details .holder-languages .lang:first-child{
        margin-left:0
    }
}
@media (min-width:0) and (max-width:700px){
    section.research .full-width .inner-wrapper .holder-content .details .holder-languages .lang{
        display:inline-block
    }
}
section.research .full-width .inner-wrapper .holder-content .details .holder-languages .lang .icon{
    width:20px;
    height:12px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:#ff4a0f
}
section.research .full-width .inner-wrapper .holder-content .media{
    padding:16px;
    position:relative
}
@media (min-width:1031px){
    section.research .full-width .inner-wrapper .holder-content .media{
        width:65%
    }
}
@media (min-width:0) and (max-width:700px){
    section.research .full-width .inner-wrapper .holder-content .media{
        padding:8px;
        margin-right:0
    }
}
section.research .full-width .inner-wrapper .holder-content .media .image{
    width:100%;
    padding-bottom:56.25%;
    border:16px solid #fff;
    box-shadow:0 6px 0 0 #ded6fe;
    border-radius:16px;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
section.research .full-width .inner-wrapper .holder-content .media .label{
    position:absolute;
    top:48px;
    right:48px;
    padding:8px 16px;
    background-color:#ff4a0f;
    color:#fff;
    z-index:1
}
section.research .full-width .inner-wrapper .holder-content .media iframe{
    width:100%
}
@media (min-width:1031px){
    section.research .full-width .inner-wrapper .holder-content .media iframe{
        height:345px
    }
}
@media (min-width:0) and (max-width:700px){
    section.research .full-width .inner-wrapper .holder-content .media iframe{
        height:180px
    }
}
.holder-research section:nth-child(odd){
    background-color:#ebe6ff
}
@media (min-width:1031px){
    .holder-research section:nth-child(odd) .full-width .inner-wrapper .holder-content .details{
        margin-right:32px
    }
}
.holder-research section:nth-child(odd) .full-width .inner-wrapper .holder-content .details h2{
    color:#6959a7
}
.holder-research section:nth-child(odd) .full-width .inner-wrapper .holder-content .details .holder-languages .lang{
    border:1px solid #6959a7
}
@media (min-width:1031px){
    .holder-research section:nth-child(odd) .full-width .inner-wrapper .holder-content .media{
        transform:rotate(2deg)
    }
}
.holder-research section:nth-child(2n+2){
    background-color:#6959a7
}
.holder-research section:nth-child(2n+2) .full-width .inner-wrapper .holder-content .details{
    -ms-flex-order:2;
    order:2
}
.holder-research section:nth-child(2n+2) .full-width .inner-wrapper .holder-content .details h2,.holder-research section:nth-child(2n+2) .full-width .inner-wrapper .holder-content .details text{
    color:#f9f9f9
}
.holder-research section:nth-child(2n+2) .full-width .inner-wrapper .holder-content .details .holder-languages .lang{
    border:1px solid #ebe6ff
}
.holder-research section:nth-child(2n+2) .full-width .inner-wrapper .holder-content .media{
    -ms-flex-order:1;
    order:1
}
@media (min-width:1031px){
    .holder-research section:nth-child(2n+2) .full-width .inner-wrapper .holder-content .media{
        transform:rotate(-2deg);
        margin-right:32px
    }
}
@media (min-width:701px) and (max-width:1024px){
    .holder-research section:last-child{
        padding-bottom:128px
    }
}
@media (min-width:0) and (max-width:700px){
    .holder-research section:last-child{
        padding-bottom:64px
    }
}
section.search{
    padding:64px 0;
    background-color:#ebe6ff
}
@media (min-width:0px) and (max-width:1024px){
    section.search{
        padding:32px 0
    }
}
section.search .full-width h1{
    text-align:center
}
section.search .full-width .holder-searchbar{
    max-width:650px;
    margin:0 auto;
    position:relative;
    background-color:#f9f9f9;
    border-radius:8px;
    overflow:hidden;
    margin-bottom:32px
}
section.search .full-width .holder-searchbar input.search{
    border:none;
    padding:18px 24px;
    font-size:20px;
    width:calc(100% - 80px);
    background-color:#f9f9f9;
    color:#535353
}
section.search .full-width .holder-searchbar input.search:focus{
    outline:none
}
section.search .full-width .holder-searchbar .submit{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:80px;
    background-color:#6959a7;
    color:#fff;
    text-align:center;
    padding:18px 0
}
section.search .full-width .categories{
    margin:0 auto;
    padding:16px 0;
    box-shadow:0 1px 0 0 rgba(34,34,34,.15),0 -1px 0 0 rgba(34,34,34,.15)
}
@media (min-width:701px){
    section.search .full-width .categories{
        max-width:650px;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:baseline;
        align-items:baseline
    }
}
section.search .full-width .categories .label{
    font-weight:700;
    margin-right:16px
}
@media (min-width:0) and (max-width:700px){
    section.search .full-width .categories .label{
        text-align:center;
        margin:0;
        margin-bottom:16px
    }
}
section.search .full-width .categories .holder-categories{
    display:-ms-flexbox;
    display:flex;
    border-radius:24px
}
section.search .full-width .categories .holder-categories .categorie{
    position:relative;
    padding:8px;
    cursor:pointer;
    color:#6959a7;
    border:1px solid #6959a7;
    margin:0 8px 0 24px;
    border-radius:24px
}
@media (min-width:0) and (max-width:700px){
    section.search .full-width .categories .holder-categories .categorie{
        text-align:center
    }
}
section.search .full-width .categories .holder-categories .categorie:before{
    content:"";
    background-image:url(../images/button/purple-men.png);
    width:24px;
    height:100%;
    position:absolute;
    left:-24px;
    top:0;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:100% 100%
}
section.search .full-width .categories .holder-categories .categorie:hover{
    background-color:#ebe6ff
}
section.steps{
    padding:64px 0 128px;
    background-color:#f9f9f9
}
@media (min-width:0) and (max-width:700px){
    section.steps{
        padding:32px 0
    }
}
section.steps .full-width .inner-wrapper h2{
    text-align:center
}
section.steps .full-width .inner-wrapper text{
    text-align:center;
    margin-bottom:24px
}
@media (min-width:1031px){
    section.steps .full-width .inner-wrapper text{
        font-size:20px
    }
}
section.steps .full-width .inner-wrapper .holder-steps .step{
    position:relative;
    border-radius:8px;
    background-color:#f9f9f9;
    box-shadow:0 6px 0 0 #ded6fe;
    border:1px solid rgba(34,34,34,.1);
    margin-bottom:16px
}
@media (min-width:701px){
    section.steps .full-width .inner-wrapper .holder-steps .step{
        margin-left:80px
    }
}
section.steps .full-width .inner-wrapper .holder-steps .step .content{
    padding:24px;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width:701px){
    section.steps .full-width .inner-wrapper .holder-steps .step .content{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (min-width:0) and (max-width:700px){
    section.steps .full-width .inner-wrapper .holder-steps .step .content{
        padding:16px
    }
}
section.steps .full-width .inner-wrapper .holder-steps .step .content .question{
    font-size:18px;
    font-weight:700
}
@media (min-width:0) and (max-width:700px){
    section.steps .full-width .inner-wrapper .holder-steps .step .content .question{
        text-align:center;
        margin-bottom:16px
    }
}
section.steps .full-width .inner-wrapper .holder-steps .step .content .options{
    display:-ms-flexbox;
    display:flex
}
@media (min-width:0) and (max-width:700px){
    section.steps .full-width .inner-wrapper .holder-steps .step .content .options{
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
}
section.steps .full-width .inner-wrapper .holder-steps .step .content .options .option{
    padding:12px 16px;
    border-radius:24px;
    margin:0 8px;
    cursor:pointer;
    border:1px solid #6959a7;
    color:#6959a7;
    position:relative
}
@media (min-width:0) and (max-width:700px){
    section.steps .full-width .inner-wrapper .holder-steps .step .content .options .option{
        width:50%;
        text-align:center
    }
}
section.steps .full-width .inner-wrapper .holder-steps .step .content .options .option.off{
    pointer-events:none
}
section.steps .full-width .inner-wrapper .holder-steps .step .content .options .option.selected,section.steps .full-width .inner-wrapper .holder-steps .step .content .options .option:hover{
    background-color:rgba(105,89,167,.3);
    margin-left:32px
}
section.steps .full-width .inner-wrapper .holder-steps .step .content .options .option.selected:before,section.steps .full-width .inner-wrapper .holder-steps .step .content .options .option:hover:before{
    content:"";
    position:absolute;
    left:-24px;
    bottom:0;
    width:24px;
    height:100%;
    background-image:url(../images/button/purple-men.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:bottom
}
section.steps .full-width .inner-wrapper .holder-steps .step .description{
    display:none
}
section.steps .full-width .inner-wrapper .holder-steps .step .description text{
    font-size:16px;
    text-align:left;
    padding:24px;
    border-top:1px solid grey;
    margin-bottom:0
}
@media (min-width:0) and (max-width:700px){
    section.steps .full-width .inner-wrapper .holder-steps .step .description text{
        padding:16px
    }
}
section.steps .full-width .inner-wrapper .holder-steps .step.active{
    background-color:#ebe6ff;
    box-shadow:0 6px 0 0 #7c67e0
}
section.steps .full-width .inner-wrapper .holder-steps .step.active:before{
    background-color:#6959a7;
    background-image:url(https://www.thekidsrightschangemakers.org/css/main.css);
    transform:scale(1.4)
}
section.steps .full-width .inner-wrapper .holder-steps .step.open{
    background-color:#ebe6ff;
    box-shadow:0 6px 0 0 #7c67e0
}
section.steps .full-width .inner-wrapper .holder-steps .step.open:before{
    background-color:#6959a7;
    background-image:url(https://www.thekidsrightschangemakers.org/css/main.css);
    transform:scale(1.4)
}
section.steps .full-width .inner-wrapper .holder-steps .step.open:after{
    content:"";
    background-image:url(../images/misc/kidsrights-superman-en-telefooncel-2x.png);
    width:180px;
    height:180px;
    position:absolute;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:top;
    left:50%;
    top:-180px;
    transform:translate(-50%);
    z-index:1
}
section.steps .full-width .inner-wrapper .holder-steps .step.open .description{
    display:block
}
@media (min-width:1031px){
    section.steps .full-width .inner-wrapper .holder-steps .step.open .description:before{
        content:"";
        position:absolute;
        left:-44px;
        bottom:0;
        width:56px;
        height:100%;
        background-image:url(../images/button/purple-men.png);
        background-size:contain;
        background-repeat:no-repeat;
        background-position:bottom
    }
}
section.steps .full-width .inner-wrapper .holder-steps .step:before{
    content:"";
    width:36px;
    background-image:url(https://www.thekidsrightschangemakers.org/images/misc/bol@2x.png);
    border-radius:24px;
    position:absolute;
    left:-80px;
    top:0;
    text-align:center;
    padding:8px 0;
    font-family:Daft Brush;
    color:#f9f9f9;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
section.steps .full-width .inner-wrapper .holder-steps .step:first-child:before{
    content:"1"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(2):before{
    content:"2"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(3):before{
    content:"3"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(4):before{
    content:"4"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(5):before{
    content:"5"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(6):before{
    content:"6"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(7):before{
    content:"7"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(8):before{
    content:"8"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(9):before{
    content:"9"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(10):before{
    content:"10"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(11):before{
    content:"11"
}
section.steps .full-width .inner-wrapper .holder-steps .step:nth-child(12):before{
    content:"12"
}
section.steps .full-width .inner-wrapper .holder-steps .step.disabled{
    display:none
}
section.steps .full-width .inner-wrapper .holder-steps .step.disabled .content .options .option{
    border:1px solid #ccc;
    color:#ccc
}
section.steps .full-width .inner-wrapper .holder-steps .step.disabled.done{
    background-color:#ebe6ff;
    box-shadow:0 6px 0 0 #7c67e0
}
section.steps .full-width .inner-wrapper .holder-steps .step.disabled.done .content .options .option{
    border:1px solid #6959a7;
    color:#6959a7
}
section.topbar{
    background-color:#ff8e6a;
    z-index:100
}
section.topbar .full-width .holder{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:end;
    justify-content:flex-end;
    color:#fff;
    padding:8px 0
}
@media (min-width:0) and (max-width:700px){
    section.topbar .full-width .holder{
        padding:12px 0;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
section.topbar .full-width .holder .item{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    padding:8px 16px;
    border-radius:16px;
    color:#f9f9f9;
    text-decoration:none
}
@media (min-width:0) and (max-width:700px){
    section.topbar .full-width .holder .item{
        padding:4px 16px
    }
}
section.topbar .full-width .holder .item .icon{
    width:24px;
    height:24px;
    margin-right:8px;
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat
}
section.topbar .full-width .holder .item .icon.search{
    background-image:url(../images/menu/musica-searcher-2x.png)
}
section.topbar .full-width .holder .item .icon.login{
    background-image:url(../images/menu/man-user-2x.png)
}
section.topbar .full-width .holder .item .label{
    font-size:14px
}
section.topbar .full-width .holder .item:not(.language-selection){
    cursor:pointer;
    transition:background-color .2s
}
section.topbar .full-width .holder .item:not(.language-selection):hover{
    background-color:#ff4a0f
}
section.topbar .full-width .holder .item .custom-select{
    position:relative;
    margin-left:8px;
    cursor:pointer
}
section.topbar .full-width .holder .item .custom-select .selection{
    width:32px;
    height:24px;
    padding:8px
}
section.topbar .full-width .holder .item .custom-select .holder-custom-select{
    position:absolute;
    left:50%;
    background-color:#ff8e6a;
    transform:translate(-50%);
    max-height:0;
    overflow:hidden;
    border:8px solid #ff8e6a;
    transition:max-height .6s
}
section.topbar .full-width .holder .item .custom-select .holder-custom-select .language{
    width:32px;
    height:24px;
    margin-bottom:8px;
    opacity:.7;
    position:relative;
    overflow:hidden;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
section.topbar .full-width .holder .item .custom-select .holder-custom-select .language.es{
    background-image:url(../images/languages/es-3-x-3x.png)
}
section.topbar .full-width .holder .item .custom-select .holder-custom-select .language.en{
    background-image:url(../images/languages/en-3-x-3x.png)
}
section.topbar .full-width .holder .item .custom-select .holder-custom-select .language.nl{
    background-image:url(../images/languages/nl-3-x-3x.png)
}
section.topbar .full-width .holder .item .custom-select .holder-custom-select .language:last-child{
    margin-bottom:0
}
@media (min-width:1031px){
    section.topbar .full-width .holder .item .custom-select .holder-custom-select .language{
        transition:opacity .4s
    }
    section.topbar .full-width .holder .item .custom-select .holder-custom-select .language:hover{
        opacity:1
    }
    section.topbar .full-width .holder .item .custom-select .holder-custom-select .language:hover:before{
        position:absolute;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,.2);
        text-align:center;
        font-size:12px;
        padding:4px 0
    }
}
@media (min-width:1031px){
    section.topbar .full-width .holder .item .custom-select.active .holder-custom-select,section.topbar .full-width .holder .item .custom-select:hover .holder-custom-select{
        max-height:1000px
    }
}
@media (min-width:0px) and (max-width:1024px){
    section.topbar .full-width .holder .item .custom-select.active .holder-custom-select{
        max-height:1000px
    }
}
section.topbar .full-width .holder .item.language-selection{
    padding-right:0
}
section.theme-list{
    padding:128px 0;
    background-color:#ebe6ff
}
@media (min-width:0) and (max-width:700px){
    section.theme-list{
        padding:64px 0
    }
}
section.theme-list .full-width .inner-wrapper h1{
    text-align:center;
    margin-bottom:16px
}
section.theme-list .full-width .inner-wrapper text.header-text{
    text-align:center;
    font-size:20px;
    max-width:800px;
    margin:0 auto;
    margin-bottom:16px
}
@media (min-width:0) and (max-width:700px){
    section.theme-list .full-width .inner-wrapper text.header-text{
        font-size:16px
    }
}
section.theme-list .full-width .inner-wrapper .holder-blocks{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
section.theme-list .full-width .inner-wrapper .holder-blocks .block{
    background-color:#f9f9f9;
    border-radius:8px;
    border-bottom:8px solid #7c67e0;
    overflow:hidden
}
@media (min-width:1031px){
    section.theme-list .full-width .inner-wrapper .holder-blocks .block{
        margin:16px;
        width:calc(33% - 18px)
    }
    section.theme-list .full-width .inner-wrapper .holder-blocks .block:nth-child(3n+1){
        margin-left:0
    }
    section.theme-list .full-width .inner-wrapper .holder-blocks .block:nth-child(3n+3){
        margin-right:0
    }
}
@media (min-width:701px) and (max-width:1024px){
    section.theme-list .full-width .inner-wrapper .holder-blocks .block{
        width:calc(50% - 16px);
        margin:0 8px 16px
    }
}
@media (min-width:0) and (max-width:700px){
    section.theme-list .full-width .inner-wrapper .holder-blocks .block{
        margin-bottom:16px
    }
    section.theme-list .full-width .inner-wrapper .holder-blocks .block:last-child{
        margin-bottom:0
    }
}
section.theme-list .full-width .inner-wrapper .holder-blocks .block .top-bar{
    display:-ms-flexbox;
    display:flex;
    padding:24px
}
@media (min-width:0) and (max-width:700px){
    section.theme-list .full-width .inner-wrapper .holder-blocks .block .top-bar{
        padding:16px
    }
}
section.theme-list .full-width .inner-wrapper .holder-blocks .block .top-bar .icon{
    width:36px;
    height:36px;
    background-color:#6959a7;
    background-size:auto 20px;
    background-repeat:no-repeat;
    background-position:50%
}
section.theme-list .full-width .inner-wrapper .holder-blocks .block .top-bar .title{
    font-size:24px;
    font-weight:700;
    width:calc(100% - 60px);
    padding-left:16px;
    color:#535353
}
@media (min-width:0) and (max-width:700px){
    section.theme-list .full-width .inner-wrapper .holder-blocks .block .top-bar .title{
        font-size:18px
    }
}
section.theme-list .full-width .inner-wrapper .holder-blocks .block .media{
    padding-bottom:56.25%;
    background-color:#ff4a0f
}
section.theme-list .full-width .inner-wrapper .holder-blocks .block .description{
    padding:24px
}
@media (min-width:701px){
    section.theme-list .full-width .inner-wrapper .holder-blocks .block .description{
        font-size:18px
    }
}
@media (min-width:0) and (max-width:700px){
    section.theme-list .full-width .inner-wrapper .holder-blocks .block .description{
        padding:16px
    }
}
section.theme-categories{
    background-color:#ccc
}
@media (min-width:0) and (max-width:700px){
    section.theme-categories{
        padding:32px 0
    }
}
@media (min-width:1031px){
    section.theme-categories .full-width .holder-blocks{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
section.theme-categories .full-width .holder-blocks .block{
    margin-bottom:4px
}
@media (min-width:1031px){
    section.theme-categories .full-width .holder-blocks .block{
        width:calc(50% - 2px)
    }
}
section.theme-categories .full-width .holder-blocks .block .content{
    position:relative;
    width:100%;
    padding-bottom:56.25%;
    background-color:#ebe6ff
}
section.theme-categories .full-width .holder-blocks .block .content .title{
    color:#fff;
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5)
}
@media (min-width:1031px){
    section.theme-categories .full-width .holder-blocks .block .content .title:hover h2{
        transform:translate(-50%,-50%) rotate(-35deg) scale(1.3)
    }
}
section.theme-categories .full-width .holder-blocks .block .content .title h2{
    color:#fff;
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(-35deg);
    font-size:48px;
    transition:transform .4s
}
@media (min-width:0) and (max-width:700px){
    section.theme-categories .full-width .holder-blocks .block .content .title h2{
        transform:translate(-50%,-50%);
        font-size:32px
    }
}
section.theme-categories .full-width .holder-blocks .block .content:nth-child(2){
    background-color:#6959a7
}
section.theme-categories .full-width .cta-info{
    top:50%;
    left:50%;
    right:auto;
    bottom:auto;
    transform:translate(-50%,-50%) rotate(4deg)
}
section.wall-of-fame{
    background-color:#535353;
    background-image:url(../images/wall-of-fame/background.png);
    background-size:auto 480px
}
section.wall-of-fame .top-section{
    position:relative;
    padding:128px 0;
    background-image:url(../images/wall-of-fame/stage-2x.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    overflow:hidden
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame .top-section{
        padding:32px 0
    }
}
@media (min-width:701px){
    section.wall-of-fame .top-section{
        height:480px;
        max-width:1440px;
        margin:0 auto
    }
    section.wall-of-fame .top-section.active{
        padding:64px 0
    }
    section.wall-of-fame .top-section.active .spot-person{
        display:none
    }
    section.wall-of-fame .top-section.switching:before{
        left:0
    }
    section.wall-of-fame .top-section.switching:after{
        right:0
    }
    section.wall-of-fame .top-section.switching .curtain{
        top:0
    }
    section.wall-of-fame .top-section:before{
        background-image:url(../images/wall-of-fame/gordijnen-left-2x.png);
        left:-35%;
        background-position:100% 0;
        transition:left 1.4s
    }
    section.wall-of-fame .top-section:after,section.wall-of-fame .top-section:before{
        content:"";
        width:50%;
        height:100%;
        position:absolute;
        top:0;
        background-size:auto 100%;
        background-repeat:no-repeat;
        z-index:3
    }
    section.wall-of-fame .top-section:after{
        background-image:url(../images/wall-of-fame/gordijnen-right-2x.png);
        right:-35%;
        background-position:0 0;
        transition:right 1.4s
    }
}
section.wall-of-fame .top-section .curtain{
    position:absolute;
    top:-480px;
    left:0;
    width:100%;
    height:480px;
    background-image:url(../images/wall-of-fame/curtain-2x.png);
    background-size:cover;
    background-position:bottom;
    z-index:2;
    transition:top 2s
}
section.wall-of-fame .top-section .spotlight{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%);
    width:440px;
    height:440px;
    background-image:url(../images/wall-of-fame/spot-2x.png);
    background-size:contain;
    background-position:top;
    background-repeat:no-repeat
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame .top-section .spotlight{
        width:100%;
        height:310px
    }
}
section.wall-of-fame .top-section .spot-person{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%);
    width:530px;
    height:480px;
    background-image:url(../images/wall-of-fame/characters-2x.png);
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame .top-section .spot-person{
        width:100%;
        height:310px
    }
}
section.wall-of-fame .top-section .full-width .profile{
    display:none;
    width:200px;
    height:200px;
    margin:0 auto;
    border-radius:8px;
    position:relative;
    background-color:#f9f9f9;
    transform:rotate(2deg);
    margin-bottom:24px
}
section.wall-of-fame .top-section .full-width .profile .profile-picture{
    width:calc(100% - 16px);
    height:calc(100% - 16px);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background-color:#6959a7;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%
}
section.wall-of-fame .top-section .full-width .profile .year{
    background-color:#ff4a0f;
    position:absolute;
    padding:8px 16px;
    color:#fff;
    bottom:16px;
    right:16px
}
section.wall-of-fame .top-section .full-width .quote{
    color:#f9f9f9;
    text-align:center;
    font-size:36px;
    font-family:Daft Brush;
    max-width:800px;
    margin:0 auto
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame .top-section .full-width .quote{
        font-size:30px
    }
}
section.wall-of-fame .top-section .full-width text{
    color:#fff;
    font-size:18px;
    text-align:center;
    max-width:800px;
    margin:0 auto;
    margin-top:16px
}
section.wall-of-fame .top-section.selected .profile{
    display:block
}
section.wall-of-fame .top-section.selected text{
    display:none
}
section.wall-of-fame .bottom-section{
    background-color:#342000;
    padding:32px 0 128px;
    max-height:0;
    transition:max-height 3s
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame .bottom-section{
        padding:32px 0 64px
    }
}
section.wall-of-fame .bottom-section .full-width{
    opacity:0;
    transition:opacity 1s
}
section.wall-of-fame .bottom-section .full-width h2{
    color:#fff;
    text-align:center
}
section.wall-of-fame .bottom-section .full-width text{
    color:#f9f9f9;
    max-width:800px;
    margin:0 auto;
    margin-bottom:32px;
    text-align:center
}
@media (min-width:1031px){
    section.wall-of-fame .bottom-section .full-width text{
        font-size:20px
    }
}
section.wall-of-fame .bottom-section .full-width .button{
    position:relative;
    left:calc(50% - 24px);
    transform:translate(-50%)
}
section.wall-of-fame .bottom-section.active{
    max-height:1000px
}
section.wall-of-fame .bottom-section.active .full-width{
    opacity:1
}
section.wall-of-fame-list{
    background-color:#171030;
    padding:0 0 64px
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame-list{
        padding:32px 0 64px
    }
}
section.wall-of-fame-list:before{
    content:"";
    background-image:url(../images/wall-of-fame/overgang-wolken-wall-of-fame-2x.png);
    position:absolute;
    height:65px;
    width:100%;
    top:-65px;
    left:0;
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame-list:before{
        height:35px;
        top:-35px
    }
}
section.wall-of-fame-list:after{
    content:"";
    background-image:url(../images/wall-of-fame/overgang-wolken-wall-of-fame-reverse-2x.png);
    position:absolute;
    height:65px;
    width:100%;
    bottom:-65px;
    left:0;
    background-repeat:no-repeat;
    background-position:top;
    background-size:auto 100%;
    z-index:1
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame-list:after{
        height:35px;
        bottom:-35px
    }
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card{
    width:calc(25% - 32px);
    background-color:#f9f9f9;
    margin:0 16px;
    padding:16px;
    margin-bottom:32px;
    padding-bottom:24px;
    position:relative;
    border-radius:8px;
    cursor:pointer;
    border-bottom:8px solid #ebe6ff
}
@media (min-width:701px) and (max-width:1024px){
    section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card{
        width:calc(33% - 32px)
    }
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card .pin{
    width:32px;
    height:32px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    position:absolute;
    top:0;
    left:30%;
    z-index:5
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card:nth-child(odd) .pin{
    background-image:url(../images/wall-of-fame/pin-left-2x.png)
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card:nth-child(2n+2) .pin{
    left:50%;
    background-image:url(../images/wall-of-fame/pin-right-2x.png)
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card{
        width:100%;
        margin:0;
        margin-bottom:16px
    }
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card.selected,section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card:hover{
    background-color:#ebe6ff;
    border-bottom:8px solid #7c67e0
}
@media (min-width:1031px){
    section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card:nth-child(4n+2){
        top:-20px;
        transform:rotate(2deg)
    }
    section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card:nth-child(4n+3){
        top:20px
    }
    section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card:nth-child(4n+4){
        top:-20px;
        transform:rotate(deg)
    }
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card .profile-picture{
    width:100%;
    padding-bottom:100%;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:Center 50%;
    margin:0 auto
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card .card-details{
    display:block;
    text-align:center;
    padding-top:24px
}
@media (min-width:0) and (max-width:700px){
    section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card .card-details{
        padding-top:16px
    }
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card .card-details .name{
    font-weight:700;
    color:#6959a7;
    text-align:Center;
    font-size:24px
}
section.wall-of-fame-list .full-width .inner-wrapper .holder-cards .card .card-details .type{
    color:#535353
}
section.wall-of-fame-list .full-width .inner-wrapper .cta-info{
    bottom:auto
}
.button{
    position:relative;
    display:inline-block;
    padding:12px;
    text-align:left;
    min-width:150px;
    color:#fff;
    font-size:15px;
    border:none;
    border-radius:4px;
    -ms-flex-align:center;
    align-items:center;
    text-decoration:none;
    font-weight:700
}
.button:after{
    content:"";
    width:18px;
    height:18px;
    background-position:50%;
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%)
}
@media (min-width:1031px){
    .button{
        cursor:pointer;
        transition:opacity .2s
    }
    .button:hover{
        opacity:.9
    }
}
.button .icon{
    width:24px;
    height:24px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    margin-right:8px
}
.button.orange{
    background-color:#ff4a0f;
    border-bottom:4px solid #b54c15!important
}
.button.purple{
    background-color:#6959a7;
    border-bottom:4px solid #7c67e0
}
.button.white{
    color:#6959a7;
    background-color:#f9f9f9
}
.button.white:after{
    background-image:url(../images/misc/arrow-purple.png)
}
@media (min-width:0) and (max-width:700px){
    .button.white:after{
        background-image:none
    }
}
.button.purple-men{
    margin-left:32px
}
.button.purple-men:before{
    content:"";
    width:34px;
    height:30px;
    position:absolute;
    left:-32px;
    background-image:url(../images/button/purple-men.png);
    background-size:contain;
    background-position:100%;
    background-repeat:no-repeat
}
.button.orange-men{
    margin-left:32px
}
.button.orange-men:before{
    content:"";
    width:34px;
    height:30px;
    position:absolute;
    left:-32px;
    background-image:url(../images/button/orange-men.png);
    background-size:contain;
    background-position:100%;
    background-repeat:no-repeat
}
.button.arrow{
    padding-right:48px
}
.button.arrow:after{
    background-image:url(https://www.thekidsrightschangemakers.org/images/icons/next-white@2x.png)
}
@media (min-width:0) and (max-width:700px){
    .button.arrow:after{
        background-image:none
    }
}
.cta-info{
    position:absolute;
    width:200px;
    height:200px;
    background-image:url(../images/elements/sphere.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    left:64px;
    bottom:-30px;
    transform:rotate(4deg);
    padding:24px;
    z-index:5;
    text-decoration:none
}
@media (min-width:701px) and (max-width:1024px){
    .cta-info{
        transform:rotate(4deg) scale(.7);
        bottom:-80px
    }
}
@media (min-width:0) and (max-width:700px){
    .cta-info{
        width:80px;
        height:80px;
        padding:4px;
        right:15px;
        left:16px;
        bottom:-60px
    }
}
.cta-info .title{
    text-align:center;
    color:#fff;
    font-weight:700;
    font-family:Daft Brush;
    font-size:36px;
    margin-bottom:0
}
@media (min-width:0) and (max-width:700px){
    .cta-info .title{
        font-size:12px;
        margin-bottom:8px
    }
}
.cta-info .button{
    position:absolute;
    width:100%;
    left:0;
    background-color:transparent;
    background-size:contain;
    background-repeat:no-repeat;
    width:160px;
    height:80px;
    border:none;
    text-align:left;
    padding:36px 16px;
    background-image:url(../images/balloons/rectangle-7-2x.png);
    left:50%;
    transform:translate(-50%)
}
.cta-info .button:after{
    background-image:url(https://www.thekidsrightschangemakers.org/css/main.css)
}
@media (min-width:0) and (max-width:700px){
    .cta-info .button{
        font-size:12px;
        min-width:0;
        padding:12px;
        margin-bottom:16px;
        width:80px;
        height:40px
    }
}
.trigger{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1140px;
    margin:0 auto
}
@media (min-width:701px) and (max-width:1024px){
    .trigger{
        margin-top:16px
    }
}
@media (min-width:0) and (max-width:700px){
    .trigger{
        margin-top:16px
    }
}
.trigger .holder-trigger{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:end;
    align-items:flex-end;
    border-bottom:4px solid #ccc
}
.trigger .holder-trigger .logo-trigger{
    width:33.33333%;
    height:340px;
    position:relative;
    background-image:url(../images/icons/logo-2x.png);
    background-size:325px;
    background-repeat:no-repeat;
    background-position:left 16px bottom 16px
}
.trigger .holder-trigger .logo-trigger:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:240px;
    background-color:#6959a7;
    width:100%;
    z-index:-1
}
@media (min-width:701px) and (max-width:1024px){
    .trigger .holder-trigger .logo-trigger{
        width:25%;
        height:180px
    }
    .trigger .holder-trigger .logo-trigger:after{
        height:180px
    }
}
@media (min-width:0) and (max-width:700px){
    .trigger .holder-trigger .logo-trigger{
        display:none
    }
}
.trigger .holder-trigger .content-trigger{
    position:relative;
    width:33.33333%;
    height:240px;
    background-color:#292929;
    color:#f9f9f9;
    padding:16px
}
@media (min-width:701px) and (max-width:1024px){
    .trigger .holder-trigger .content-trigger{
        width:50%;
        height:180px
    }
}
@media (min-width:0) and (max-width:700px){
    .trigger .holder-trigger .content-trigger{
        -ms-flex-order:2;
        order:2;
        width:100%;
        padding:16px
    }
}
.trigger .holder-trigger .content-trigger .title-trigger{
    font-size:22px;
    font-weight:700;
    margin-bottom:16px
}
@media (min-width:701px) and (max-width:1024px){
    .trigger .holder-trigger .content-trigger .title-trigger{
        margin-bottom:8px
    }
}
.trigger .holder-trigger .content-trigger .text-trigger{
    color:#fff;
    opacity:.8
}
.trigger .holder-trigger .content-trigger form input{
    border:none;
    border-radius:2px;
    display:inline-block;
    padding:12px 16px;
    font-size:18px;
    margin-bottom:12px;
    width:100%
}
@media (min-width:701px) and (max-width:1024px){
    .trigger .holder-trigger .content-trigger form input{
        padding:8px 16px;
        font-size:15px;
        margin-bottom:8px
    }
}
.trigger .holder-trigger .content-trigger form input[type=submit]{
    margin-bottom:0
}
.trigger .holder-trigger .content-trigger form input.name{
    margin-right:16px
}
.trigger .holder-trigger .content-trigger form input.small{
    width:calc(50% - 11px)
}
.trigger .holder-trigger .content-trigger .balloon{
    display:inline-block;
    width:220px;
    height:110px;
    border-radius:48px;
    position:absolute;
    left:50%;
    transform:translate(-50%,8px);
    background-image:url(../images/balloons/rectangle-7-2x.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:Center top 0
}
@media (min-width:701px) and (max-width:1024px){
    .trigger .holder-trigger .content-trigger .balloon{
        transform:translate(-50%) scale(.8)
    }
}
.trigger .holder-trigger .content-trigger .balloon .button{
    position:absolute;
    top:55%;
    left:50%;
    transform:translate(-50%,-50%) rotate(3deg);
    margin:0
}
.trigger .holder-trigger .image-trigger{
    width:33.33333%;
    height:340px;
    position:relative;
    background-image:url(../images/misc/items-2x.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
.trigger .holder-trigger .image-trigger:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:240px;
    background-color:#292929;
    width:100%;
    z-index:-1;
    border-radius-top-right:8px;
    border-radius-top-left:8px
}
@media (min-width:0) and (max-width:700px){
    .trigger .holder-trigger .image-trigger:after{
        bottom:-1px;
        height:130px
    }
}
@media (min-width:701px) and (max-width:1024px){
    .trigger .holder-trigger .image-trigger{
        width:25%;
        height:180px
    }
    .trigger .holder-trigger .image-trigger:after{
        height:180px
    }
}
@media (min-width:0) and (max-width:700px){
    .trigger .holder-trigger .image-trigger{
        width:100%;
        height:260px
    }
}
.trigger.default-1 .holder-trigger .image-trigger{
    background-image:url(../images/trigger/default-1-2x.png)
}
.trigger.default-2 .holder-trigger .image-trigger{
    background-image:url(../images/trigger/default-2-2x.png)
}
.trigger.default-3 .holder-trigger .image-trigger{
    background-image:url(../images/trigger/default-3-2x.png)
}
.trigger.form .holder-trigger .image-trigger{
    background-image:url(../images/trigger/form-2x.png)
}
.shares{
    padding:16px 0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin:32px 0
}
@media (min-width:0) and (max-width:700px){
    .shares{
        display:block;
        text-align:center;
        margin:16px 0
    }
}
.shares .label{
    font-size:16px;
    font-weight:700;
    margin-right:16px
}
@media (min-width:0) and (max-width:700px){
    .shares .label{
        display:block;
        margin:0;
        margin-bottom:16px
    }
}
@media (min-width:701px){
    .shares .holder-share{
        display:-ms-flexbox;
        display:flex
    }
}
.shares .holder-share .share{
    position:relative;
    margin:0 8px;
    padding:8px 16px;
    border:1px solid #000;
    border-radius:16px;
    margin-left:24px;
    cursor:pointer;
    transition:background-color .4s
}
@media (min-width:0) and (max-width:700px){
    .shares .holder-share .share{
        display:inline-block;
        margin-bottom:12px
    }
    .shares .holder-share .share:nth-child(3),.shares .holder-share .share:nth-child(4){
        margin-bottom:0
    }
}
.shares .holder-share .share:before{
    content:"";
    position:absolute;
    left:-24px;
    top:0;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:100%;
    width:24px;
    height:100%
}
.shares .holder-share .share.fb{
    border-color:#3b5998;
    color:#3b5998
}
.shares .holder-share .share.fb:before{
    content:"";
    background-image:url(https://www.thekidsrightschangemakers.org/images/social/facebook-men.png)
}
.shares .holder-share .share.fb:hover{
    background-color:#dfe3ee
}
.shares .holder-share .share.wa{
    border-color:#25d366;
    color:#25d366
}
.shares .holder-share .share.wa:before{
    content:"";
    background-image:url(https://www.thekidsrightschangemakers.org/images/social/whatsapp-men.png)
}
.shares .holder-share .share.wa:hover{
    background-color:#dcf8c6
}
.shares .holder-share .share.tw{
    border-color:#1da1f2;
    color:#1da1f2
}
.shares .holder-share .share.tw:before{
    content:"";
    background-image:url(https://www.thekidsrightschangemakers.org/images/social/twitter-men.png)
}
.shares .holder-share .share.tw:hover{
    background-color:#e1e8ed
}
.shares .holder-share .share.mail{
    border-color:#ef5b25;
    color:#ef5b25
}
.shares .holder-share .share.mail:before{
    content:"";
    background-image:url(https://www.thekidsrightschangemakers.org/images/social/mail-men.png)
}
.shares .holder-share .share.mail:hover{
    background-color:#ffe4da
}