/*

 Table Of Contents

 1.) Homepage first

 1.1) Banner Slider Section

 1.2) Our Causes Section

 1.3) How To Help Section

 1.4) Become Volunteer Section

 1.5) Latest News Section

 1.6) Testimonial Section

 2.) Homepage Second

 2.1) Banner Slider Section

 2.2) Our Causes Section

 2.3) How To Help Section

 2.4) Video Section

 2.5) Latest News Section

 2.6) Testimonial Section

 3.) Homepage Second

 3.1) Banner Slider Section

 3.2) Our Causes Section

 3.3) How To Help Section

 3.4) Video Section

 3.5) Latest News Section

 3.6) Testimonial Section

 4.) Our Story page

 5.) Our Mission page

 6.) Become a Volunteer page

 7.) Gallery 2 Columns page

 8.) Gallery 3 Columns page

 9.) Faq page

 10.) 404 Error page

 11.) Causes Home page

 12.) Causes Details full width page

 13.) Causes Details with sidebar page

 14.) Portfolio page

 15.) Portfolio Detail page

 16.) Blog Full Width page

 17.) Blog Detail Full Width page

 18.) contact us page

 19.) Blog Full Width Details page

 20.) Launch Page

 ===============================================*/



/*

 1.) Homepage

 ----------------------------------------*/

/*

 1.1)Banner Slider Section

 ----------------------------------------*/

.section-header {

    text-align: center;

    margin: 50px 0 19px;

    border-bottom: 0;

    padding-bottom: 9px;

}



.banner-slider h2 {

    font-size: 36px;

    font-weight: 300;

    margin-top: 0;

    line-height: 1.2;

}

.banner-slider h2 strong {

    display: block;

    border: none;

    padding: 0;

}

.banner-slider p {

    line-height: 1.8;

}

.tp-caption .btn.btn-default {

    font-size: 14px !important;

    padding: 12px 31px !important;

}

.banner-section.btn-link:hover {

    text-decoration: underline;

}



.trans-grey {

    width: 370px;

    height: 11.07em;

    background: rgba(68,61,55,0.9);

}

.btn-bg {

    font-size: 12px;

    border-radius: 0;

    color: #45403c;

    padding: 6px 12px ;

    cursor: default;

}

.banner-summary, .banner-heading {

    width: 385px;

    white-space: normal !important;

}

.slider-third .banner-heading {

    width: 479px;

}

.third-style {

    width: 390px;

}

.slider-third  .tp-caption .btn.btn-default {

    padding: 9px 26px;

}

.bottom-animation h2 {

    font-size: 24px;

    color: #fff;

}

.third-style h2, .third-style p {

    color: #fff;

}



.third-style h2 strong {

    font-size: 36px;

}

.third-style h2 {

    font-size: 30px;

}

.bottom-animation h2 strong {

    font-size: 36px;

}

.rev_slider_wrapper .tparrows {

    z-index: 9999;

}

/*revolution slider style*/

.tp-bullets.simplebullets.round .bullet {

    background: none;

    width: 12px;

    height: 12px;

    margin: 0 4px;

    border-radius: 50%;

}



.tp-bullets.hidebullets {

    opacity: 1;

}



/*

 1.2)Our Causes Section

 ----------------------------------------*/

.our-causes {

    background: #fff;

}

.our-causes .article-list {

    text-align: center;

}

.our-causes h2 {

    font-weight: 300;

}

.article-list .h4 {

    color: #26211d;

    font-weight: 700;

}

.article-list .items img {

    width: 100%;

    display: block;

}

.article-list .items h3 {

    margin-bottom: 25px;

}

.article-list .donation {

    font-size: 16px;

    color: #26211d;

    display: block;

    font-weight: 700;

    margin-bottom: 21px;

}

.value small {

    font-size: 100%;

    color: #8e8782;

}

.article-list p {

    line-height: 1.6;

    margin-bottom: 30px;

}

.slides {

    padding: 0;

}

.our-causes .items .btn {

    padding: 10px 25px;

}

.our-causes .slides > li {

    float: left;

    width: 350px;

    margin-right: 30px;

}

.our-causes .slides > li+ li+ li+ li {

    display: none;

}

.our-causes .slick-slider {

    margin-bottom: 160px;

}

.flex-direction-nav {

    display: none;

}

.flexslider ul, .flexslider ol {

    list-style: none;

}

.flexslider .flex-control-paging {

    list-style: none;

    padding: 0;

}

.our-causes .flex-control-paging {

    margin-top: 44px;

    margin-bottom: 91px;

}



.our-causes .flex-control-paging  li {

    width: 12px;

    height: 12px;

    margin: 0 4px;

    display: inline-block;

}



.our-causes .flex-control-paging a {

    height: 12px;

    width: 12px;

    border-radius: 100%;

    border: 2px solid #4d4641;

    padding: 0;

    text-indent: -99999px;

    text-align: left;

    display: block;

    cursor: pointer;

}

.our-causes .flex-control-paging a.flex-active {

    background: #4d4641;

}



.article-list .progress, .article-list-large .progress {

    background: #26211d;

    border-radius: 0;

    height: 4px;

    margin-bottom: 19px;

    overflow: visible;

}

.progress-bar, .progress {

    filter: none;

}



.article-list .progress-bar, .article-list-large .progress-bar {

    position: relative;

    -webkit-transition: all 1.5s ease-in-out;

    -moz-transition: all 1.5s ease-in-out;

    -ms-transition: all 1.5s ease-in-out;

    -o-transition: all 1.5s ease-in-out;

    transition: all 1.5s ease-in-out;

}

.progress-value {

    min-width: 48px;

    height: 30px;

    line-height: 30px;

    background: #ecc731;

    color: #26211d;

    text-align: center;

    position: absolute;

    left: 100%;

    top: -37px;

    margin-left: -24px;

}

.progress-value:after {

    display: inline-block;

    content: "";

    position: absolute;

    left: 50%;

    margin-left: -4px;

    bottom: -4px;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

}

.progress-value {

    padding: 0 5px;

}



/*

 1.2)How To Help Section

 ----------------------------------------*/

.how-to-help {

    background: #fbfaf8;

    padding-bottom: 101px;

}

.how-to-help h2 {

    font-weight: 300;

}

.how-to-help .section-header {

    margin: 55px 0 33px;

}

.how-to-help .svg-shape svg {

    width: 69px;

    height: 69px;

}

.help-list .media h3 {

    color: #26211d;

    font-weight: 700;

    margin-bottom: 14px;

    font-size: 18px;

}

.help-list .media h3 a {

    color: #26211d;

}

.help-section .media h3 {

    margin: 0 0 30px;

    font-size: 24px;

    font-weight: 400;

}

.help-list .media {

    font-size: 18px;

    color: #727272;

}

.warning-icon-box {

    width: 68px;

    height: 68px;

    padding: 16px 0;

    text-align: center;

}

.media > .pull-left.warning-icon-box {

    margin-right: 28px;

}

.help-list p {

    line-height: 1.6;

}

.help-list .media {

    margin-bottom: 33px;

}

/*

 1.4)Become Volunteer Section

 ----------------------------------------*/

.parallax-section {

    min-height: 434px;

    background: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/volunteer.jpg) 0 0 no-repeat;

    background-size: cover;

    background-attachment: fixed;

}

.parallax-section .btn {

    padding: 10px 38px;

    width: 164px;

    margin-top: 40px;

}

.parallax-section h2 {

    font-size: 40px;

    margin: 98px 0 30px;

    font-weight: 300;

}

.parallax-section p {

    font-size: 16px;

    line-height: 1.6;

    margin-bottom: 39px;

    color: #26211d;

}





/*

 1.5)Latest News Section

 ----------------------------------------*/

.latest-news {

    padding-bottom: 111px;

    background: #fff;

}

.latest-news .section-header {

    margin: 69px 0 33px;

}

.latest-news h2 {

    font-size: 32px;

    font-weight: 300;

}

.latest-news .article-list a {

    margin: 0px 0 27px 0;

}

.latest-news .article-list h3 {

    margin: 0px 0 15px;

    font-size: 18px;

}

.media-body .date, .posted-in {

    text-transform: uppercase;

    font-size: 12px;

    color: #727272;

    margin-right: 6px;

    display: inline-block;

    margin-bottom: 17px;

}

.latest-news .article-list .btn {

    font-size: 13px;

    padding: 10px 30px

}

.latest-news .article-list .items {

    margin-bottom: 40px;

}



/*

 2.5) Testimonial Section

 ----------------------------------------*/

.testimonial {

    background-image: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/bg-testimonials.jpg);

    background-position: center 0;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

    position: relative;

}

.overlay {

    background: #32302f;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0.9;

}

.testimonial-slider {

    overflow: hidden;

    margin-bottom: 0;

    padding: 74px 0 42px;

    position: relative;

}

.testimonial-slider h2 {

    color: #fff;

    margin-bottom: 49px;

    font-weight: 300;

}

.testimonial-slider blockquote {

    padding: 0;

    border: 0;

    width: 66%;

    margin: 0 auto;

}

.testimonial-slider blockquote p {

    font-style: italic;

    font-size: 24px;

    line-height: 1.5;

    color: #fff;

}

.testimonial-slider blockquote footer {

    margin-top: 42px;

}

.testimonial-slider blockquote footer span {

    text-transform: uppercase;

    font-size: 24px;

    color: #fff;

    display: block;

}

.testimonial-slider blockquote cite {

    color: rgba(255,255,255,0.66);

    display: block;

    font-size: 12px;

}



.testimonial .flex-control-paging {

    list-style: none;

    width: 100%;

    margin: 40px auto 10px;

}



.testimonial-slider .flex-control-paging  li {

    width: 12px;

    height: 12px;

    margin: 0 4px;

    display: inline-block;

}



.testimonial-slider .flex-control-paging a {

    height: 12px;

    width: 12px;

    border-radius: 100%;

    padding: 0;

    text-indent: -99999px;

    text-align: left;

    display: block;

    cursor: pointer;

}



/*

 2.) Homepage Second

 ----------------------------------------*/

/*

 2.1) Banner Slider Section

 ----------------------------------------*/

.main-slider .banner-slider h2 {

    font-size: 48px;

    font-weight: 700;

    font-family: 'Lato', sans-serif;

    color: #fff;

}

.main-slider .banner-slider h2 span {

    display: block;

}

.main-slider .banner-slider h2 strong {

    font-weight: 400;

    font-family: 'Lato', sans-serif;

}

.main-slider .banner-slider p {

    color: #fff;

}

.main-slider .tp-caption .btn.btn-default {

    padding: 10px 27px;

}

.main-slider .btn:hover {

    color: #fff;

}

.main-slider .banner-summary, .main-slider .banner-heading {

    width: 524px;

}

.main-slider .banner-summary {

    width: 453px;

}

.main-slider  .tp-bullets {

    margin-left: -570px !important;

}

main-slider .tp-caption .btn.btn-default {

    padding: 9px 26px;

}

/*

 2.2) Our Causes Section

 ----------------------------------------*/

.our-causes-section {

    padding-bottom: 82px;

    padding-top: 69px

}

.our-causes3 {

    padding-top: 20px

}

.our-causes-section .progress-value-number {

    bottom: -8px

}

.img-thumb:hover {

    cursor: default;

}

.our-causes-section .progress-bar-section {

    padding-left: 60px;

}

.our-causes-section .progress-bar-section {

    position: relative;

    margin-top: 25px

}

.our-causes-section p {

    line-height: 1.7;

}

.our-causes-section .progress {

    margin-bottom: 36px;

}

.progress-bar-section .progress {

    position: static;

    height: 4px;

}

.our-causes-section .donation {

    color: #2d2620;

    font-weight: 700;

}

.our-causes-section .value small.value-color {

    color: #f65c5c;

    margin-bottom: 29px;

}

.our-causes-section .items .btn {

    padding: 8px 13px;

}

.our-causes-section h3 {

    margin-top: 30px;

    font-weight: 700;

    margin-bottom: 23px;

    font-size: 24px;

    line-height: 1.3;

}

.our-causes3 h3 {

    font-size: 20px;

}

.our-causes-section .heading-block {

    min-height: 78px;

}

.our-causes-section .heading-block h3 {

    margin-bottom: 10px;

}

.cause-summary .h4 {

    font-size: 20px;

}

.cause-summary .progress {

    margin-bottom: 37px;

}

.cause-summary .one-block .progress {

    margin-bottom: 12px;

}

.our-causes-section .btn {

    margin-top: 33px;

}

/*

 2.3) How To Help Section

 ----------------------------------------*/

.help-section {

    padding-bottom: 82px;

}

.help-section .media, .help-section .media .media {

    margin-top: 0;

}

.media-content {

    border: 1px solid #f2ede9;

    padding: 43px 27px;

    background: #fff;

    overflow: hidden;

}

.how-to-help .media-content {

    position: relative;

}

.help-section p {

    padding-top: 21px

}



/*

 2.4) Video Section

 ----------------------------------------*/

.video-section {

    position: relative;

    text-align: center;

}

.video-section iframe, .video-section embed, .video-section object {

    border: 0 none;

    bottom: 0;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 9;

}

.video-section img {

    width: 100%;

    height: 395px;

}

.help-people .video-section img {

    height: 332px;

}

.video-section .container {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 50%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.video-section h2 {

    margin-bottom: 5px;

}

.video-section .play-btn {

    font-size: 69px;

}

/*

 2.5) Latest News Section

 ----------------------------------------*/

.news-section {

    padding-bottom: 77px;

}

.news-section .media {



    margin-top: 0;

}

.news-section .img-thumb  figure {

    overflow: hidden;

}

.news-section .volunteer-reward {

    background: #faf7f4;

    padding: 20px;

    margin-top: 107px;

    text-align: left;

}

.news-section .section-header {

    text-align: left;

}

.news-section .section-header {

    margin: 82px 0 6px;

}

.reward-apply {

    padding: 48px 22px 60px 32px;

    border: 1px solid #eae5e0;

    overflow: hidden;

}

.reward-apply .page-header {

    position: relative;

}

.news-section .media h3 {

    margin-top: 5px;

    margin-bottom: 10px;

    font-size: 22px;

    font-weight: 700;

}

.news-section .media h3 a {

    font-weight: 700;

    font-size: 18px;

    color: #26211d;

}

.news-section .volunteer-reward h2 {

    color: #26211d;

    font-size: 28px;

    font-weight: 700;

    margin-top: 40px;

    margin-bottom: 0;

}

.news-section  .reward-apply p {

    margin-bottom: 24px;

}

.news-section .btn {

    padding: 10px 27px;

}

.volunteer-reward .btn {

    margin-top: 34px;

    width: 142px;

    display: block;

}

.get-involved {

    font-size: 38px;

    color: #26211d;

}

.get-involved span {

    display: block;

}

.news-section .user-svg-shape {

    right: 40px;

    top: -3px;

}

.news-section .user-svg-shape svg {

    width: 108px;

    height: 104px;

}

.news-section  .media .btn {

    margin-top: 14px;

    padding: 10px 23px

}

.news-section .items {

    margin-bottom: 62px;

}

.news-section .get-involved {

    font-size: 48px;

    line-height: 1.1;

}

/*

 2.6) Testimonial Section

 ----------------------------------------*/

.donation-holder {

    text-align: center;

    background: #faf7f4;

    padding: 29px 0 139px;

}

.donation-holder h2 {

    font-weight: 300;

}

.donation-holder blockquote {

    background: #fff;

    border: none;

    min-height: 248px;

    padding: 33px 30px 10px;

    position: relative;

    margin-top: 26px;

}

.donation-holder blockquote p {

    font-size: 18px;

    font-weight: 300;

    font-style: italic;

    line-height: 1.7;

}

.fa.quote-mark {

    font-size: 32px;

    margin-right: 6px;

}

.donation-holder blockquote:after {

    position: absolute;

    bottom: -34px;

    left: 27px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 52px 8px 0 13px;

    border-color: #fff transparent transparent;

    transform: rotate(-34deg);

    -webkit-transform: rotate(-34deg);

    -moz-transform: rotate(-34deg);

    -o-transform: rotate(-34deg);

    -ms-transform: rotate(-34deg);

}

.donation-holder blockquote footer {

    font-size: 18px;

    position: absolute;

    bottom: -38px;

    left: 65px;

}



.donation-holder blockquote cite {

    color: rgba(45,38,32,0.77);

    font-size: 12px;

}

/*

 3.) Homepage Second

 ----------------------------------------*/

/*

 3.1) Banner Slider Section

 ----------------------------------------*/



.slider-third .banner-slider h2, .slider-third .btn-default:hover, .help-people .video-section .play-btn, .help-people .video-section h2, .btn-wrapper .btn-default:hover, .slider-third .tp-caption .btn.btn-default:hover {

    color: #ffffff;

}

.slider-third .tp-bullets {

    left: auto !important;

    right: 30px;

    bottom: auto !important;

    top: 50%;

    transform: translateY(-50%)

}

.slider-third .tp-bullets.simplebullets.round .bullet {

    float: none;

    margin-bottom: 8px;

}

.slider-third .banner-slider h2 {

    font-size: 42px;

}

.slider-third .read-more-btn {

    margin-top: 15px;

}

.slider-third .tparrows {

    display: none;

}

/*

 3.2) Our Causes Section

 ----------------------------------------*/

/*.our-causes3 .item-wrapper, .news-section3 .img-thumb{

 padding: 0;

 }*/

.our-causes3 .items {

    width: 99.5%;

    margin: 0 auto;

    background-color: #f2ede9;

}

.our-causes3 .item-content {

    padding: 35px 35px 40px;

}

.our-causes3 h3 {

    margin-top: 0;

}

.our-causes3 .section-header {

    margin-bottom: 48px;

}

.our-causes3 .section-header h2 {

    margin-bottom: 15px;

}

.our-causes3 .section-header h2 strong, .news-section3 .section-header h2 strong {

    border-bottom: none;

}

.our-causes3 .btn {

    margin-top: 15px;

}

/*

 3.3) How To Help Section

 ----------------------------------------*/

.help-people {

    padding: 14px 0 12px;

}

.help-people h2 {

    font-weight: 300;

    line-height: 1.3;

    margin-bottom: 22px;

}

.help-people h2 span {

    display: block;

    font-weight: 400;

}

.help-people .message {

    font-style: italic;

    font-weight: 300;

    color: #26211d;

    font-size: 20px;

    margin-bottom: 30px;

    display: block;

}

.help-people h3 {

    margin-bottom: 12px;

    font-size: 24px;

}

.help-people h3 a {

    color: #26211d;

}

.help-people p {

    color: #6b6864;

    line-height: 1.8;

}

.help-people .video-section {

    margin: 50px 0;

}

.control {

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.help-block {

    background-color: #faf7f4;

    padding: 35px 35px 40px;

    margin-bottom: 20px;

}

.help-people .help-block h3 {

    margin-bottom: 22px;

    padding-left: 65px;

    position: relative;

}

.help-block h3, .news-section3 .section-header {

    margin-top: 0;

}

.help-block h3 img {

    margin-right: 15px;

    height: 42px;

    margin-top: -13px;

    position: absolute;

    left: 0;

    top: 0;

}

/*

 3.4) Video Section

 ----------------------------------------*/

/*

 3.5) Latest News Section

 ----------------------------------------*/



.news-section3 .media p {

    line-height: 1.8;

}

.news-section3 .date, .news-section3 .posted-in {

    margin-bottom: 6px;

}

.news-section3 .items {

    margin-bottom: 55px;

}

.news-section3 .items:last-child {

    margin-bottom: 0;

}

.news-section3 .media .btn {

    margin-top: 11px;

    padding: 5px 23px;

}

.news-section3 .volunteer-reward h2 {

    margin: 0;

}

.news-section3 .page-header {

    margin: 7px 0 0;

}

.news-section3 .volunteer-reward {

    position: relative;

    margin-top: 65px;

    padding: 20px 29px

}

.news-section3 .reward-apply {

    border: none;

    padding: 0;

}

.get-involved-pic {

    position: absolute;

    right: 0;

    top: 0;

}

.news-section3 .get-involved {

    font-size: 48px;

    line-height: 1.1;

}

.news-section3 .user-svg-shape {

    position: static;

    display: block;

    margin-bottom: 30px;

    margin-left: -10px;

    margin-top: 5px;

}

.news-section3 .svg-shape path {

    fill: #26211d !important;

}

.news-section3 .volunteer-reward p {

    color: rgba(45,38,32,0.66)

}

.news-section3 {

    padding-bottom: 50px;

}

.news-section3 .section-header {

    margin-bottom: 18px;

    padding-bottom: 0;

}

.news-section3 .date {

    margin-right: 28px;

}

.font-icon {

    color: #2d2620;

    margin-right: 5px;

}

/*

 3.6) Testimonial Section

 ----------------------------------------*/

.holders {

    padding: 52px 0 30px;

}

.donation-holder .flex-control-paging li {

    width: 12px;

    height: 12px;

    margin: 0 4px;

    display: inline-block;

}

.donation-holder .flex-control-paging a {

    height: 12px;

    width: 12px;

    border-radius: 100%;

    padding: 0;

    text-indent: -99999px;

    text-align: left;

    display: block;

    cursor: pointer;

    background: #d1cdca;

}

.holders blockquote:after {

    bottom: -33px;

}

.donation-holder .flex-control-paging a.flex-active {

    background: #4d4641;

}



.testimonial-content {

    background: #fff;

    border: none;

    min-height: 248px;

    padding: 33px 30px 10px;

    position: relative;

    margin-top: 26px;

    padding: 45px;

    min-height: 0;

    margin-bottom: 60px;

    width: 85%;

    display: inline-block;

}

.holders blockquote {

    padding: 0;

    min-height: 0;

    margin-bottom: 0;

    float: right;

    width: 81%;

    position: static;

    background: none;

}

.holders .flexslider {

    margin-top: 31px;

}

.photo-frame {

    width: 108px;

    height: 129px;

    float: left;

}

/*

 16.) Blog page

 ----------------------------------------*/

/*blog article*/

.content-wrapper article.blog {

   /* padding-bottom: 41px;*/

  /*  border-bottom: 1px solid #e8e8e8;*/

    /*margin-bottom: 91px;*/

    margin-top: 21px;

}

article.blog img {

    display: block;

    margin-bottom: 12px;

}

article.blog h2 {

    margin-bottom: 14px;

    font-weight: 300;

}

article.blog h2 a {

    color: #26211d;

}

article.blog h3 {

    font-weight: 300;

}

article.blog p {

    margin-bottom: 30px;

    line-height: 1.714;

}

article.blog .btn {

    padding: 10px 32px;

}

.blog-details h2 {

    margin-top: 31px

}

.blog-details p {

    margin-bottom: 26px;

}

.blog-details h3 {

    margin-bottom: 15px

}

article.blog ul {

    color: #4b4b4b;

}

article.blog ul li, article.blog ul li a {

    color: #727272 !important;

}



.post-in {

    list-style: none;

    margin-bottom: 21px;

    font-size: 12px;

    text-transform: uppercase;

    padding: 0;

}

.post-in > li {

    display: inline-block;

}

.post-in > li + li:before {

    content: "/\00a0";

    padding: 0 5px;

    color: #727272;

}

.blog .embed-responsive.embed-responsive-16by9 {

    padding-bottom: 41.25%;

}

.blog .blog-callout {

    color: #26211d;

    text-align: center;

    border: none;

    padding: 36px 7% 45px;

    background-color: #ddd8c7;

    margin-bottom: 48px;

}

.blog .blog-callout p {

    font-size: 30px;

    font-weight: 300;

    margin-bottom: 8px;

}

.blog .blog-callout footer {

    font-size: 18px;

    font-weight: 400;

    color: #26211d;

}

.blog .blog-callout footer:before {

    content: ' - ';

    display: inline-block;

}

.blog .blog-alert {

    margin-top: -7px;

}

.blog-alert {

    padding: 22px 7% 18px;

    position: relative;

    margin-bottom: 36px;

    background: #ffcc00;

}

.blog-alert a {

    color: #26211d;

}

.blog .embed-link {

    position: absolute;

    right: 0;

    top: 56px;

}

.embed-link {

    display: inline-block;

    width: 56px;

    height: 54px;

    background: #26211d;

    padding: 12px 18px;

}

.blog audio {

    width: 100%;

    margin-top: -6px;

}

.blog:last-child {

    margin-bottom: 0;

    border-bottom: 0;

    padding-bottom: 0;

}



.callout {

    border-left: 4px solid #ecc731;

    margin: 0 0 36px;

    padding: 20px 28px;

    font-size: 18px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    background: #efece1;

}

.callout p {

    font-size: 18px;

    line-height: 1.5;

}

.blog img.pull-left {

    margin-right: 40px;

}

.blog img.pull-right {

    margin-left: 40px;

}

.content-wrapper .blog-details {

    padding-bottom: 10px;

    margin-bottom: 70px;

}

.comment {

    padding: 7px 3.2% 10px;

    margin-bottom: 59px;

    background: #fbf9f8;

}

.comment.media > .pull-left {

    margin-top: 17px;

    margin-right: 20px;

}

.comment .btn-default {

    padding: 6px 24px;

    margin-top: -12px;

}

.block-content {

    width: 100%;

    display: inline-block;

}

.comment {

    padding: 7px 3.2% 10px;

    margin-bottom: 59px;

    background: #fbf9f8;

}

.comment.media > .pull-left {

    margin-top: 17px;

    margin-right: 20px;

}

.comment .btn-default {

    padding: 6px 24px;

    margin-top: -12px;

}

.profile-block {

    background: #f2ede9;

    padding: 18px 3.2% 28px;

    margin-bottom: 49px;

}

.comment h4 {

    display: inline-block;

    margin-right: 20px;

    font-size: 16px;

    font-weight: 300;

    text-transform: capitalize;

}

.profile-block .btn-default {

    padding: 8px 18px;

    margin-top: -12px;

}

.comment .media-body {

    padding-top: 12px;

}

.profile-block.media > .pull-left {

    margin-top: 12px;

}

.comment .date {

    margin-bottom: 0;

}

.comment header {

    margin-bottom: 11px;

}

.comment .social-icons {

    float: none;

}

.comment .social-icons a {

    font-size: 14px;

    color: #7f7d77;

}



.comment .social-icons > li:first-child {

    margin-left: 0;

}

.live-comment {

    padding-bottom: 16px;

}

.live-comment h3 {

    margin-bottom: 52px;

    font-weight: 300;

}

.comment-block {

    border-bottom: 1px solid #eeeae4;

    margin-bottom: 43px;

}



.reply-form h3 {

    margin-bottom: 45px;

    font-weight: 300;

}

.reply-form label {

    margin-bottom: 5px;

    color: #727272;

    font-size: 14px;

}

.reply-form .form-group {

    margin-bottom: 27px;

}

.reply-form textarea.form-control {

    height: 139px;

    margin-bottom: 47px;

}

/*flexslider Css*/

.flex-slide {

    position: relative;

}

.article-slider .slides li + li + li+ li {

    display: none;

}

.flex-slide .slides li + li {

    display: none;

}

.flex-slide ul {

    list-style: none;

}

.thumbnail .flex-viewport {

    margin-top: -1px;

}

.flex-slide .flex-control-nav {

    display: none;

}

.flex-slide .flex-direction-nav {

    display: block;

    position: absolute;

    left: 0;

    width: 100%;

    top: 50%;

    list-style: none;

    height: 49px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.slider-wrap.flex-slide .flex-direction-nav {

    height: 22px;

}

.flex-slide .flex-direction-nav a {

    font-size: 0;

    width: 49px;

    height: 49px;

    background: rgba(124,114,107,1);

    border-radius: 100%;

    display: block;

    position: absolute;

    top: 0;

    text-align: center;

    color: #fff !important;

}

.flex-slide .flex-direction-nav a:hover {

    background: rgba(124,114,107,0.8);

    color: #fff;

}

.flex-slide .flex-direction-nav .flex-next, .fancybox-nav.fancybox-next {

    right: 22px;

}

.flex-slide .flex-direction-nav .flex-prev, .fancybox-nav.fancybox-prev {

    left: 22px;

}

.flex-slide .flex-direction-nav .flex-next:before, .flex-slide .flex-direction-nav .flex-prev:before, .fancybox-nav {



    font-family: FontAwesome;

    font-size: 40px;

    display: inline-block;

    line-height: 49px;

}

.flex-slide .flex-direction-nav .flex-prev:before, .fancybox-nav.fancybox-prev:before {

    content: "\f104";

}

.flex-slide .flex-direction-nav .flex-next:before, .fancybox-nav.fancybox-next:before {

    content: "\f105";

}

.fancybox-nav:before {

    font-size: 25px;

    line-height: 30px;

    display: block;

    text-shadow: 0 1px 0 #ffffff;

    color: #26211d;

}

.fancybox-nav {

    font-size: 0;

    width: 30px;

    height: 30px;

    background: #ecc731;

    border-radius: 100%;

    display: block;

    position: absolute;

    top: 50%;

    text-align: center;

    color: #fff;

}



/*

 11.) Causes Home page

 ----------------------------------------*/



.our-story {

    margin-bottom: 41px;

}

.our-story .section-header {

    margin-bottom: 33px;

}

.our-story .section-header h2 {

    font-weight: 300;

    margin-bottom: 0;

}

.spacer-bottom h3 {

    letter-spacing: -0.3px;

    margin-bottom: 25px;

}

.spacer-bottom h3 a {

    color: #26211d;

}

.our-story .img-slider .slick-prev {

    left: 11px;

}

.our-story .img-slider .slick-next {

    right: 11px;

}

.our-story .img-slider .slick-prev, .our-story .img-slider .slick-next, .gallery .img-slider .slick-prev, .gallery .img-slider .slick-next {

    -moz-transform: scale(0.45);

    -webkit-transform: scale(0.45);

    -o-transform: scale(0.45);

    -ms-transform: scale(0.45);

    transform: scale(0.45);

}

.our-story .article-sammury {

    border: 0;

    padding: 0;

    font-size: 24px;

    color: #727272;

    font-weight: 300;

    line-height: 1.2;

    margin-bottom: 28px;

    display: block;

}

.our-story p {

    margin-bottom: 28px;

}

/*our-works*/

.our-works {

    margin-bottom: 107px;

}

.shoping {

    margin-bottom: 0;

}

.our-works .thumbnail {

    padding: 0;

    border: none;

    box-shadow: none;

    background: none;

}



.our-works h3 {

    font-size: 24px;

    margin-bottom: 27px;

}

.our-works .img-thumb {

    margin-bottom: 14px;

}

.our-works .img-thumb img {

    width: 100%;

}

.our-works .btn-default {

    font-size: 13px;

    padding: 6px 14px;

}

.our-works .thumbnail p {

    margin-bottom: 25px;

}

/*helping-child*/

.helping-child {

    background: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/parallax-banner-02.jpg) center 0 no-repeat;

    background-size: cover;

    padding: 103px 0 127px;

    margin-bottom: 60px;

    background-attachment: fixed;

}

.helping-child .h1 {

    font-size: 40px;

    color: #fff;

    margin-bottom: 29px;

    font-weight: 300;

}

.helping-child .h1 small {

    border-bottom: 0;

}

.helping-child p {

    color: #fff;

    margin-bottom: 46px;

    padding-right: 69px

}

.helping-child .btn-theme {

    color: #ecc731;

}

.helping-child a.btn-default {

    color: #ecc731;

    border-color: #ecc731;

}

.helping-child a.btn-default:hover {

    color: #fff;

}



.helping-child .btn-theme:hover, .helping-child .btn-theme:focus {

    color: #fff;

}

/*our team*/

.our-team .thumbnail {

    padding: 0;

    border: none;

    box-shadow: none;

    background: none;

}

.our-team h3 {

    font-size: 24px;

    margin-bottom: 24px;

}

.our-team .social-icons {

    float: none;

}

.our-team .social-icons li {

    display: inline-block;

    float: none;

    margin: 0 6px;

}

.our-team .social-icons a {

    font-size: 20px;

    color: #827d6c;

}

.our-team .social-icons a:hover, .our-team .social-icons a:focus {

    color: #26211d;

}



/*

 11.) Causes page

 ----------------------------------------*/



.cause-page {

    padding: 50px 0 0;

}

.spacer-bottom {

    margin-bottom: 70px;

}

.article-list .spacer-bottom .h4 {

    padding-bottom: 16px;

}

.sec-breadcrumb {

    max-width: 68%;

    margin: 30px auto;

    border-bottom: 1px solid #e8e5e3;

    border-top: 1px solid #e8e5e3;

    padding: 12px 0;

}

.sec-breadcrumb .breadcrumb {

    margin-bottom: 0;

}

.sec-breadcrumb .breadcrumb a {

    font-size: 16px;

}



/*causes detail*/

.article-list-large figure {

    width: 100%;

    display: block;

    overflow: hidden;

}

.article-list-large .h4 {

    font-size: 30px;

    margin-bottom: 10px;

}



.article-list-large .section-header {

    margin-bottom: 0;

    margin-top: 0;

}

.article-list-large .donate-easy-steps {

    margin-top: 76px;

    margin-bottom: 15px

}



.article-list-large .article-pic img {

    width: 100%;

}

.article-list-large.progressbar .detail-description {

    border: none;

    margin: 0;

    padding: 0;

}

.detail-description .donation-summary {

    font-size: 19px;

    color: #26211d;

    line-height: 1.7;

    padding: 0;

    font-weight: 300;

}

.donation-details {

    width: 100%;

    display: inline-block;

    padding: 0 0 43px;

    border-bottom: 2px solid #f6f3f1;

    margin-bottom: 20px;

}

.date-desc, .palce-name {

    font-size: 16px;

    color: #b2a9a1;

    display: inline-block;

    padding: 0 10px 23px;

}

.palce-name a {

    color: #b2a9a1;

}



.article-list-large .donation {

    color: #26211D;

    display: inline-block;

    float: left;

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 0px

}



.detail-description {

    border-top: 1px solid #f6f3f1;

    margin: 20px 0 0;

    padding: 10px 0 0;

}

/*{

 margin-top: 76px;

 }*/

.detail-description p {

    padding: 26px 0 10px;

}

.detail-description .detail-summary {

    font-size: 21px;

    font-weight: 400;

    color: #26211d;

}

.list-trangled {

    padding: 22px 0 32px;

    list-style: none;

}

.list-trangled li {

    padding: 0 0 0 12px;

    margin: 3px 0 0;

    position: relative;

}

.list-trangled li:before {

    content: '\f0da';

    font-family: FontAwesome;

    position: absolute;

    left: 0;

    top: 0;

}



.step-donation {

    border-top: 2px solid #f6f3f1;

    margin: 56px 0 0;

}

.step-donation h2 {

    font-weight: 300;

}

.step-donation h2 strong {

    border: none;

}

.number-count {

    height: 72px;

    width: 72px;

    background: #ecc731;

    line-height: 72px;

    text-align: center;

    display: inline-block;

    border-radius: 50%;

    font-size: 30px;

    color: #26211d;

    font-weight: 100;

    margin-bottom: 22px;

}

h4.normal-text {

    font-weight: 400;

}

.sec-step-desc {

    padding: 0 5%;

}

.sec-step-desc h4 {

    margin-bottom: 27px;

    font-size: 18px;

    font-weight: 700;

}

.causes-description .sec-step-desc h4 {

    font-size: 18px;

    font-weight: 300;

}

.causes-details-step h4 {

    font-size: 24px;

}

/*

 13.) Causes Details with sidebar page

 ----------------------------------------*/

.heading-sec {

    border-bottom: 1px solid #f6f3f1;

    margin-bottom: 19px;

}



.step-donation.sec-step-med {

    background: #f9f7f5;

    border: 0px;

    padding: 0px 0 52px;

    display: inline-block;

    width: 100%;

    margin-bottom: 51px;

}

.causes-description .step-donation.sec-step-med {

    padding: 25px 0 52px;

}

.block-title h3 {

    font-size: 22px;

    font-weight: 700;

}

aside.media {

    width: 100%;

}

aside.media h3, .text-widget h3 {

    font-size: 22px;

    font-weight: 700;

    color: #26211d;

    border-bottom: 1px solid #f2ede9;

    padding-bottom: 7px;

    margin-bottom: 10px;

}

.text-widget h3 {

    padding-bottom: 15px;

    margin-bottom: 20px;

}

aside.media h3.space-top {

    margin-top: 0;

    margin-bottom: 0;

}



aside.media a {

    margin: 4px 10px 0 0;

}

aside.media p {

    font-size: 18px;

    font-weight: 300;

    color: #26211d;

    line-height: 1.2

}

aside.media p a {

    color: #26211d;

}

aside.media p a:hover {

    text-decoration: underline;

}

aside.media span {

    font-size: 14px;

    color: #ecc731

}

aside ul {

    overflow: hidden;

    padding: 0;

}

aside ul li {

    list-style: none;

    float: none;

    width: 100%;

    overflow: hidden;

    margin-top: 25px

}

aside.media p.text {

    line-height: 1.6;

    font-weight: 400;

    font-size: 14px;

}



aside ul.archives li {

    margin-top: 10px;

    font-size: 14px;

    line-height: 1.2;

    color: #727272;

    margin-bottom: 15px;

}

aside ul.archives li a {

    color: #727272;

}

aside ul.archives li a:hover {

    text-decoration: underline;

}

aside ul.archives li span {

    color: #727272

}

.left-block, .right-block {

    margin-top: 21px;

}

/*

 18.) contact us page

 ----------------------------------------*/

.contact-form {

    margin-top: 21px;

}

.contact-form h2 {

    margin-bottom: 36px;

    font-weight: 300;

}

.contact-form label {

    margin-bottom: 13px;

}

.contact-form .form-group {

    margin-bottom: 20px;

}

.contact-form textarea {

    height: 92px;

}

.contact-form .btn {

    padding: 10px 29px;

}

.contact-address {

    margin-top: 20px;

}

.contact-address h2 {

    margin-bottom: 37px;

    font-weight: 300;

}

.contact-address address > span {

    margin-bottom: 15px;

}

.contact-address address > span:first-child {

    margin-bottom: 32px;

}

.contact-address address span {

    display: block;

    overflow: hidden;

    color: #727272;

    line-height: 1.8;

}

.contact-address address strong {

    font-weight: 700;

    float: left;

    width: 82px;

    font-size: 16px;

    color: #727272;

    line-height: 1.4;

}

.contact-address a {

    color: #818181;

}

.contact-address a[href^="mailto:"] {

    font-size: 16px;

    line-height: 1.4;

}

.contact-form .form-group.error .form-control, .contact-form .form-group.error label, .contact-form .error .form-control {

    border-color: #ff0000;

}

#success {

    display: none;

    position: absolute;

    top: -48px;

    left: 0;

}

.contact-form form .wpcf7-not-valid {

    border-color: #ff0000;

}

.contact-form form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {

    display: none;

}

/*

 9.) Faq page

 ----------------------------------------*/



.faq h3 {

    font-size: 24px;

    font-weight: 400;

    margin-bottom: 38px

}

.content-wrapper .faq-header  h2 strong {

    border-bottom-style: solid;

    border-bottom-width: 2px;

}

.content-wrapper .faq-header  h2 {

    margin-bottom: 27px;

    font-weight: 300;

}

.content-wrapper .faq-header {

    margin-bottom: 0;

}

.faq .panel-title > a {

    display: block

}

.faq .panel-group .panel + .panel {

    margin-top: 14px;

}

.faq .panel-group .panel-heading + .panel-collapse > .panel-body {

    border: none;

    padding: 48px 18px;

    background: #f2ede9;

}

.faq .panel-default > .panel-heading {

    padding: 0;

    background: #f2ede9;

}

.faq .panel-default > .panel-heading a {

    padding: 13px 60px 14px 28px;

    color: #26211d;

    position: relative;

}

.faq .panel-default > .panel-heading a.collapsed {

    background-position: right top

}

.faq .panel-group .panel {

    border-radius: 0;

    border: none;

    box-shadow: none

}

.faq .panel-group .panel p {

    font-weight: 300;

}

.save-lives.ask-us {

    padding: 68px 0 80px 0;

    background: #faf8f6;

    margin-top: 70px

}

.save-lives.ask-us h2 {

    font-weight: 300;

    margin-bottom: 30px;

}

.faq .panel-heading {

    border-radius: 0;

}

.faq .collape-plus {

    position: absolute;

    right: 0;

    top: 0;

    display: block;

    width: 48px;

    height: 100%;

    text-align: center;

}

.collape-plus:before {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

/*

 15.) Portfolio Detail page

 ----------------------------------------*/

.section-header.text-left {

    text-align: left;

}

.section-header.text-left h2 {

    margin-top: 0;

    margin-bottom: 6px;

}

.detail-description .list-unstyled li:before {

    font-size: 7px;

}

.detail-description .list-unstyled {

    margin: 40px 0 50px;

}

.portfolio-details h2 {

    margin-bottom: 0;

}

.portfolio-detail-description .we-help {

    padding-bottom: 0;

}

.portfolio-detail-description .we-help .thumbnail {

    margin-bottom: 0;

}

.portfolio-detail-description .img-thumb:hover {

    cursor: pointer;

}

.content-wrapper .portfolio-details .section-header h2 {

    font-size: 22px;

    font-weight: 700;

}

.portfolio-details .we-help h3 {

    font-weight: 400;

}

.portfolio-details .we-help h3 a {

    color: #26211d;

}

.portfolio-details .we-help h3 a:hover {

    color: #000000;

}

.content-wrapper .portfolio-details .section-header {

    margin-top: 92px;

    margin-bottom: 20px;

}



.portfolio-details .we-help {

    padding-top: 0;

}



/*

 5.) Our Mission page

 ----------------------------------------*/



.content-wrapper {

    padding-top: 40px;

}

.mission-page h2 {

    font-weight: 300;

    margin-bottom: 0;

}

.service-header {

    margin-bottom: 56px;

}

.help-us .section-header {

    margin: 32px 0 49px;

}

/*.process-section {

 padding-bottom:196px;

 }*/

.process-section .section-header {

    margin-bottom: 52px

}

.process-step {

    width: 126px;

    height: 126px;

    background: #ecc731;

    border-radius: 50%;

    font-size: 26px;

    color: #26211d;

    line-height: 126px;

    display: inline-block;

    margin-bottom: 20px;

}

.processes {

    padding: 25px 0 0;

    margin-bottom: 84px;

    background-size: 100% auto;

}

.processes h3 {

    font-weight: 400;

    margin-bottom: 27px;

    font-size: 18px;

}



.process-section .join-today {

    font-size: 18px;

    padding: 15px 49px;

}

.processes > .col-xs-12 {

    margin-bottom: 30px;

}

/*services*/

.services {

    margin-bottom: 57px;

}

.services .h3 {

    font-size: 24px;

    margin: 30px 0 17px;

    font-weight: 300;

}



.services  .col-sm-4 {

    margin-bottom: 53px;

}

/*save lives*/

.save-lives {

    background: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/save-lives.jpg) center 0 no-repeat;

    background-size: cover;

    background-attachment: fixed;

    padding: 72px 0 86px;

}

.save-lives h2 {

    margin-bottom: 20px;

    font-size: 30px;

}

.save-lives h2 strong {

    border: none;

}



.save-lives h2 small {

    border-bottom: 0;

}

.save-lives .page-header {

    margin-bottom: 30px;

    border-bottom: 0;

}

.save-lives .btn-default {

    font-size: 18 px;

    padding: 15px 30px;

    margin: 0 9px;

    min-width: 200px;

    margin-bottom: 10px;

}

.we-help {

    padding-top: 74px;

    padding-bottom: 63px;

}

.we-help.text-center {

    padding-bottom: 0px;

}



.we-help.text-center .thumbnail-last {

    margin-bottom: 0;

}



.we-help h2, .we-help h3 {

    font-weight: 300;

}



.we-help .page-header {

    border-bottom: 0;

    margin-bottom: 52px;

}

.we-help .thumbnail {

    border-radius: 0;

    border: none;

    box-shadow: none;

    padding: 0;

    margin-bottom: 55px;

}

.we-help .thumbnail .h3 {

    font-size: 24px;

    margin-bottom: 22px;

}

.we-help .thumbnail .h3 a {

    color: #26211d;

}

.we-help .thumbnail .h3 a:hover {

    color: #26211d;

}

.gallery {

    padding-top: 10px;

}

.gallery-wrap .img-thumb:hover {

    cursor: pointer;

}

.gallery .flex-slide .flex-direction-nav a {

    width: 25px;

    height: 25px;

    color: #26211d;

    background: rgba(159,156,148,1)

}



.gallery .flex-slide .flex-direction-nav a:hover {

    background: rgba(159,156,148,0.5)

}

.gallery .flex-slide .flex-direction-nav .flex-next:before, .gallery .flex-slide .flex-direction-nav .flex-prev:before {

    font-size: 20px;

    line-height: 25px;

}

.gallery .flex-slide .flex-direction-nav {

    height: 22px;

}

.slider-wrap.flex-slide .flex-direction-nav a {

    width: 22px;

    height: 22px;

    color: #fff;

    background: rgba(85,85,85,1)

}

.slider-wrap.flex-slide .flex-direction-nav .flex-next:before, .slider-wrap.flex-slide .flex-direction-nav .flex-prev:before {

    font-size: 20px;

    line-height: 21px;

}

.slider-wrap.flex-slide .flex-direction-nav .flex-prev:before {

    margin-right: 2px;

}

.slider-wrap.flex-slide .flex-direction-nav .flex-next:before {

    margin-left: 2px;

}

/*our story*/

.content-wrapper .our-story {

    margin-bottom: 0;

}

.content-wrapper .our-causes {

    padding-top: 0;

}

.content-wrapper .section-header {

    margin-top: 0;

}



.our-story .img-slider .slick-prev {

    left: 11px;

}

.our-story .img-slider .slick-next {

    right: 11px;

}

.our-story .img-slider .slick-prev, .our-story .img-slider .slick-next, .gallery .img-slider .slick-prev, .gallery .img-slider .slick-next {

    -moz-transform: scale(0.45);

    -webkit-transform: scale(0.45);

    -o-transform: scale(0.45);

    -ms-transform: scale(0.45);

    transform: scale(0.45);

}

.our-story blockquote {

    border: 0;

    padding: 0;

    font-size: 24px;

    color: #727272;

    font-weight: 300;

    line-height: 1.2;

    margin-bottom: 28px;

}

.our-story p {

    margin-bottom: 28px;

}

.story-heading h2 {

    margin-top: 15px;

}

/*our-works*/

.our-works h3 {

    font-size: 24px;

    margin-bottom: 27px;

    font-weight: 300;

}

.content-wrapper .section-header.work-block-heading {

    margin-bottom: 0;

    margin-top: 76px;

}

.content-wrapper .work-block-heading h2 {

    margin-bottom: 21px;

    font-weight: 300;

}

.our-works .img-thumb {

    margin-bottom: 14px;

}

.our-works .img-thumb img {

    width: 100%;

}

.our-works .btn-default {

    font-size: 13px;

    padding: 6px 14px;

}

.our-works .thumbnail p {

    margin-bottom: 25px;

    font-size: 14px;

}



/*our team*/



.our-team .section-header {

    margin: 0 0 37px;

}

.our-team .team-info {

    margin: 0 0 14px

}

.team-info h2 {

    font-weight: 300;

}

.our-team .thumbnail {

    padding: 0;

    border: none;

    box-shadow: none;

    background: none;

}

.our-team h3 {

    font-size: 24px;

    margin-bottom: 24px;

    font-weight: 300;

}

.our-team .social-icons {

    float: none;

}

.our-team .social-icons li {

    display: inline-block;

    float: none;

    margin: 0 6px;

}

.our-team .social-icons a {

    font-size: 20px;

    color: #827d6c;

}

.our-team .social-icons a:hover, .our-team .social-icons a:focus {

    color: #26211d;

}



/*

 7.) Gallery 2 Columns page

 ----------------------------------------*/

.gallery-wrap {

    padding-bottom: 0;

    padding-top: 0;

}

.we-help .gallery .thumbnail h3 {

    font-weight: 700;

    font-size: 18px;

    margin-top: 25px;

    margin-bottom: 9px;

}

.we-help .gallery .thumbnail h3 a {

    color: #26211d;

}

.we-help .gallery .thumbnail h3 a:hover {

    color: #000000;

}



.gallery .embed-responsive.embed-responsive-16by9 {

    padding-bottom: 66.76%;

}

.embed-responsive-16by9 img {

    cursor: pointer;

}

.we-help .gallery  .embed-vedio-block .h3 {

    margin-bottom: 7px;

}

.content-wrapper  .gallery  .embed-vedio .h3 {

    margin-bottom: 9px;

}

.fancybox-skin {

    overflow: hidden;

}

/*

 12.) modal box

 ----------------------------------------*/



.modal-dialog {

    max-width: 750px;

    width: 100%;

}

.modal-content {

    border-radius: 0px;

    overflow: hidden;

    padding: 0 0 4px;

}



.modal-content button.close {

    padding: 10px 15px;

    opacity: 1;

    margin: -30px -30px 0 0;

    font-weight: 700;

    color: #26211d;

    font-size: 24px;

}



.modal-header {

    background: #f5f3ed;

    border-bottom: 0px;

    min-height: 16.4286px;

    padding: 30px;

}



/* volunter form */

.modal-header .page-header {

    margin: 0px;

    border-bottom: 0px;

}

.modal-header h2 {

    font-weight: 300;

}



.modal-header h2 strong {

    border: none;

}

.choose-pricing {

    padding: 22px 0 22px;

}



.choose-pricing .btn-default {

    color: #26211d;

    font-size: 17px;

    font-weight: 300;

    margin-right: 10px;

    font-family: 'Lato', sans-serif;

    padding: 7px 20px;

}



.forms-notes,.parallax-section p.forms-notes{

    color: #eb3039;

    font-size: 17px;

    font-weight: 300;

}

.parallax-section p.forms-notes{

    margin-bottom: 0;

}

.parallax-section .join-now-form .btn {

    margin-top: 0;

    padding: 10px 25px;

    width: auto;

}

.modal-dialog textarea {

    height: 114px;

}



.inpt-first {

    width: 75px;

    float: left;

    text-align: center;

    background: #E7E4DB;

    height: 42px;

}

.btn-width {

    width: 100%;

    text-align: left;

    padding: 10px 0;

    text-indent: 4%;

    border-radius: 0px;

    background: #FBF9F8;

    border: 1px solid #E4E2DE;

    font-family: 'Lato', sans-serif;

    font-size: 14px;

    font-weight: 300;

}

.btn-width small {

    float: left;

    font-size: 100%;

}

.form-group .btn .caret {

    margin-right: 4%;

    text-indent: 94%;

    float: right;

    margin-top: 9px;

}

.form-group .dropdown-menu {

    width: 100%;

}



/*

 10.) 404 Error page

 ----------------------------------------*/



.four-zero-four {

    padding-bottom: 0;

    text-align: center;

    padding-top: 45px;

}

.four-zero-four strong {

    font-size: 318px;

    color: #26211d;

    line-height: 1.2

}

.four-zero-four h2 {

    font-size: 24px;

    font-weight: 700;

    margin-top: 0;

    margin-bottom: 27px;

}

.four-zero-four .page-header {

    margin-bottom: 32px;

}

.four-zero-four .btn {

    padding: 10px 39px;

}



/*body *{

 background:none !important;

 background:transparent !important;

 }*/



/*

 11.) Shop Listing page

 ----------------------------------------*/

.our-works .section-header {

    margin-bottom: 65px;

}

.shoping {

    margin-bottom: 0;

}

.shoping .thumbnail .caption {

    padding: 0;

}

.shoping .thumbnail h3 {

    font-size: 22px;

}

.shoping .thumbnail h3 a {

    color: #26211d;

    font-weight: 300;

}

.shoping .thumbnail h3 a:hover {

    color: #000;

}

.shoping .img-thumb img {

    width: auto;

}

.shoping .img-thumb:hover img {

    cursor: pointer;

}

.shoping .price {

    color: #26211d;

    font-size: 18px;

    display: block;

    margin-bottom: 27px;

    padding-left: 8px;

}

.shoping .price del {

    color: #95918d;

    font-size: 14px;

    margin-right: 8px;

}

.shoping-row > .col-sm-4 {

    margin-bottom: 85px;

}

.product-detail .shoping-row > .col-sm-4 {

    margin-bottom: 0;

}

.shoping .deactive-star {

    margin-left: 25px;

}

.deactive-star {

    position: relative;

    width: 95px;

    height: 13px;

    display: inline-block;

    background: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/inactive.png) left center repeat-x;

}

.active-star {

    background: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/active.png) left center repeat-x;

    position: absolute;

    left: 0;

    top: 0;

    width: 83px;

    height: 13px;

    display: inline-block;

}

.our-works .aside-bar {

    overflow: visible;

}

.shoping-filter {

    margin-bottom: 55px;

}

.shoping aside.media h3.space-top {

    padding-bottom: 25px;

    border-bottom: none;

}

.shoping-filter .progress {

    background: #f2ede9;

    border-radius: 8px;

    box-shadow: none;

    border: solid 1px #d4ccc6;

    height: 14px;

    margin-bottom: 65px;

}

.shoping-filter .progress-bar.slide-ranger {

    background: #dad0c7;

}

.shoping-filter .slide-ranger .left-btn, .shoping-filter .slide-ranger .right-btn {

    background: #a69e97;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    background: none !important;

    background-color: #a69e97 !important;

    width: 18px !important;

    height: 18px !important;

    border: none !important;

    border-radius: 100%;

}

.ui-slider-handle:focus {

    outline: none;

}

body .ui-widget-content {

    background: #f2ede9;

    border-radius: 8px;

    box-shadow: none;

    border: solid 1px #d4ccc6;

    height: 14px;

    margin-bottom: 28px;

}

body .ui-slider-horizontal .ui-slider-handle {

    top: -3px;

}

body .ui-widget-header {

    background: #dad0c7;

}

.shoping-filter .slide-ranger .left-btn {

    left: -1px;

}

.shoping-filter .progress-value-number {

    bottom: -50px;

    color: #7c7c7c;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 14px;

    border: none;

    position: static;

    display: inline-block;

    width: 100px;

    float: left;

    margin-right: 2px;

}

.price-range {

    width: 100%;

    display: inline-block;

    margin-bottom: 5px;

}

.shoping-filter label.progress-value-number {

    width: auto;

}

.progress-value-number:focus {

    background: none !important

}

.shoping aside .side-nav ul {

    padding-bottom: 0;

    margin-bottom: 0;

}

.shoping aside .side-nav li {

    margin-top: 0;

}

.shoping .side-nav li a, .product-detail p {

    font-size: 14px;

}

.shoping aside .price {

    font-size: 16px;

}

.shoping aside .price del {

    font-size: 12px;

}

.product-detail-head {

    border-bottom: solid 2px #f2ede9;

    margin-bottom: 28px;

}

.product-detail-head h2 {

    font-weight: 700;

    margin-top: 8px;

    padding-bottom: 18px;

}

.product-detail-head .deactive-star {

    margin-left: 0;

    margin-bottom: 20px;

}

.product-detail-head .price {

    font-size: 30px;

}

.product-detail-head .price del {

    font-size: 18px;

    margin-right: 5px;

}

.product-detail .tags {

    display: block;

    color: #26211d;

    font-size: 14px;

    padding-bottom: 12px;

}

.product-quantity {

    float: left;

    margin-right: 10px;

}

.product-quantity input {

    background-color: #ecc731;

    color: #26211d;

    font-size: 18px;

    border: none;

    width: 40px;

    height: 38px;

    text-align: center;

    margin-right: 1px;

    float: left;

}

.product-quantity div {

    float: left;

}

.product-quantity a {

    display: block;

    width: 28px;

    height: 19px;

    background-color: #c1b8b0;

    text-align: center;

}

.product-quantity a.minus {

    background-color: #a79f99;

}

.product-quantity a span {

    color: #26211d;

    font-size: 11px;

}

.product-detail-inner {

    margin-bottom: 50px;

}

.product-detail-inner a.btn {

    padding: 8px 20px;

}

.product-detail .tab-content {

    border: solid 2px #e7e2de;

}

.product-detail .tab-content h3, .related h3 {

    font-weight: 700;

}

.product-detail .nav-tabs li {

    margin-bottom: 0;

    border: solid 2px #e7e2de;

    border-bottom: none;

    border-right: none;

}

.product-detail .nav-tabs li a {

    border: none;

    font-size: 14px;

    color: #a7a3a0;

    font-weight: 700;

    background-color: #fff;

}

.product-detail .nav-tabs li:last-child {

    border-right: solid 2px #e7e2de;

}

.product-detail .nav-tabs li.active a {

    background-color: #f8f5f3;

    color: #26211d;

    border: none;

}

.product-detail .tab-wrap {

    margin-bottom: 65px;

}



.shop-today {

    background: #ecc731;

    padding: 65px 0;

    text-align: center;

}

.shop-today span.glyphicon-shopping-cart {

    font-size: 60px;

    color: #26211d;

}

.shop-today h2 {

    padding-bottom: 20px;

}

.shop-today p {

    color: #26211d;

    font-size: 14px;

    width: 55%;

    margin: 0 auto 40px;

}

.shop-today a.btn {

    font-size: 16px;

}



.AddtoCart {

    padding: 36px 0 0;

}

.AddtoCart .table {

    background: #fff;

    border: none;

    margin-bottom: 0;

}

.AddtoCart .table > thead > tr > th {

    border-top: solid 2px #e7e2de !important;

}



.AddtoCart .table > thead > tr > th, .AddtoCart .table > tfoot > tr > th, .AddtoCart .table > tbody > tr > td, .AddtoCart .table > tfoot > tr > td {

    padding: 15px;

}

.AddtoCart .table > thead > tr > th {

    font-size: 14px;

}

.AddtoCart .table tbody td.product-image {

    width: 10%;

}

.AddtoCart .table tbody td.product-title {

    width: 50%;

}

.AddtoCart .table tbody td img {

    width: 100px;

}

.AddtoCart .table > thead > tr > th, .AddtoCart .table > tbody > tr > td {

    border: solid 2px #e7e2de;

}

.AddtoCart .table > tbody > tr > td {

    font-size: 16px;

    color: #26211d;

}

.AddtoCart .table > tbody > tr > td a {

    color: #26211d;

}

.AddtoCart .table > tbody > tr > td.total, .AddtoCart .table.footer-table td table td.total {

    font-weight: 700;

}

.AddtoCart .table > tbody > tr > td span {

    color: #f1423e;

    font-size: 12px;

}

.AddtoCart .table.footer-table, .AddtoCart .table.footer-table td {

    border-top: none;

    font-size: 14px;

}

.AddtoCart .table.footer-table td:first-child {

    border-right: 2px solid #e7e2de;

    font-weight: 700;

}



.AddtoCart .table td.one {

    width: 61.6%;

    padding: 40px;

}

.AddtoCart .table td.one a.btn {

    font-size: 14px;

    margin-right: 30px;

    padding: 10px 20px;

}

.AddtoCart .table td.two {

    width: 40%;

    padding: 0;

}

.AddtoCart .table td.two > table {

    width: 100%;

}

.AddtoCart .table td.two table td {

    padding: 10px 15px;

    border-bottom: solid 2px #e7e2de;

}

.AddtoCart .table.footer-table td.two table tr:last-child td {

    border-bottom: none;

}

.AddtoCart td.free-shipping {

    background-color: #f6f4f2;

}

.AddtoCart td.quantity {

    text-align: center;

}

.AddtoCart .table > tbody > tr > td.quantity span {

    color: #26211d;

}

.AddtoCart td.quantity input {

    width: 35px;

    border: solid 2px #26211d;

    height: 30px;

    margin: 0 5px;

    text-align: center;

}



/*************************Checkout Section******************************/

.checkout {

    padding: 52px 0 0;

}

.customer-care {

    font-size: 15px;

    color: #a7a3a0;

    margin-bottom: 16px;

    text-align: right;

}

.customer-care a {

    color: #26211d;

}

.customer-support {

    text-align: right;

    margin-bottom: 40px;

}

.customer-support li {

    display: inline-block;

    position: relative;

    padding: 0 3px;

}

.customer-support li:after {

    content: "|";

    color: #a7a3a0;

    margin-left: 8px;

}

.customer-support li:last-child:after {

    content: "";

    margin-left: 0;

}

.customer-support li a {

    font-size: 13px;

    color: #a7a3a0;

}

.customer-support li a:hover {

    color: #26211d;

}

.checkout ul.nav-tabs {

    border: solid 1px #f7f4f1;

    border-left: none;

    border-right: none;

    margin-bottom: 70px;

}

.checkout ul.nav-tabs li {

    padding: 0;

    margin-bottom: 0;

    position: relative;

}

.checkout ul.nav-tabs li a {

    border: none;

    color: #9a9590;

    padding: 27px 0;

    background-color: #ffffff;

}



.checkout ul.nav-tabs li.active:after {

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 8px solid #ecc731;

    display: inline-block;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    width: 0;

    position: absolute;

    bottom: -8px;

    left: 50%;

    margin-left: -4px;

    content: "";

}

.checkout ul.nav-tabs li.active a {

    background-color: #ecc731;

    color: #26211d;

    border: none;

}

.checkout .tab-content {

    border: none;

    padding: 0;

}

.checkout .tab-content h4 {

    border-bottom: solid 1px #f7f4f1;

    margin-top: 0;

    padding-bottom: 15px;

    margin-bottom: 30px;

}

.checkout .tab-content label {

    margin-bottom: 8px;

}

.checkout .tab-content .btns-wrapper {

    margin-top: 45px;

}

.checkout .tab-content .btns-wrapper a.frgt-pwd {

    margin-top: 12px;

    color: #26211d;

    font-size: 12px;

    text-transform: uppercase;

}

.checkout .tab-content p {

    font-size: 14px;

}

.checkout .tab-content p a {

    text-transform: uppercase;

    color: #7c7c7c;

}

.checkout .tab-content .checkbox {

    clear: both;

}

.checkout .tab-content a.grouped {

    min-width: 206px;

    padding: 16px 22px;

    margin-right: 20px;

    font-size: 14px;

}

.col-small-left {

    padding-left: 0;

}

.col-small-right {

    padding-right: 0;

}

.form-group .form-control + .form-control {

    margin-top: 30px;

}

.checkbox-right {

    margin: 0;

    float: right;

}

.checkout textarea {

    height: 125px;

}



.checkout .AddtoCart .table td.one {

    border-bottom: none;

    border-left: none;

}

#review h4 {

    border-bottom: none;

    padding-bottom: 0;

}

.payment-option .radio {

    border-bottom: solid 2px #fbfaf8;

    padding: 22px 0;

    margin-bottom: 0;

    margin-top: 0;

}

.payment-option .radio label {

    color: #26211d;

    display: block;

    margin-bottom: 0;

}

.payment-option .radio label img {

    margin-left: 8px;

}

.payment-option .radio small {

    color: #7c7c7c;

    font-size: 15px;

    display: block;

}



.media-content:hover .svg-shape, .volunteer-reward:hover .svg-shape {

    opacity: 0.2;

    transform: scale(2.5) rotate(30deg);

    -webkit-transform: scale(2.5) rotate(30deg);

    -moz-transform: scale(2.5) rotate(30deg);

    -o-transform: scale(2.5) rotate(30deg);

    -ms-transform: scale(2.5) rotate(30deg);

}



#confirmation {

    text-align: center;

    padding-top: 30px;

}

#confirmation .payment-success {

    font-size: 22px;

    color: #26211d;

    display: block;

    line-height: 1.5;

    font-weight: 400;

    padding-top: 17px;

    padding-bottom: 10px;

}

#confirmation .completed {

    font-size: 52px;

    color: #ecc731;

}



#confirmation p, #confirmation span {

    font-size: 17px;

    color: #a49f9b;

    display: block;

    padding-bottom: 18px;

}

#confirmation span {

    padding-bottom: 10px;

}

#confirmation .purchased-item {

    color: #32302f;

    display: inline-block;

}

#confirmation .total-price {

    border-top: 1px solid #f7f4f1;

    border-bottom: 1px solid #f7f4f1;

    width: 292px;

    margin: 0 auto 24px;

    padding: 6px 0;

}

#confirmation .total-price span {

    font-size: 18px;

    display: inline-block;

    padding-bottom: 0;

}

#confirmation .total-price span.price-value {

    color: #32302f;

}

#confirmation .track-btn {

    font-size: 14px;

    text-transform: uppercase;

    padding: 12px 33px;

}



/*

 20.) Launch Page

 ----------------------------------------*/

#wrapper.launch {

    background-image: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/launch-bg.jpg);

    background-repeat: no-repeat;

    background-position: top center;

}



.launch #header {

    background: none;

    padding-top: 56px;

}

.launch #footer span {



    font-size: 15px;

    font-family: "Lato";

    color: rgba( 32, 35, 35, 0.502 );

    line-height: 1.6;

}

.launch #footer {

    background: none;

    padding: 0px;

    padding-bottom: 27px;

}

.launch .content {

    margin-top: 111px;

    min-height: 664px;

}

.launch .content h1 {

    font-size: 56px;

    font-family: 'latoblack';

    color: rgb( 255, 255, 255 );

    text-align: left;

    text-shadow: 0.5px 0.866px 1px rgba( 40, 40, 40,1 );

    line-height: 1.18;

}



.launch .content .stay, .launch .coming-soon-content p {

    font-size: 21px;

    font-family: "Lato";

    color: rgb( 255, 255, 255 );

    line-height: 1.714;

    display: block;

    margin-bottom: 52px;

    padding-right: 50px;

}

.launch form label {

    display: none;

}

.launch form p {

    width: 26%;

    float: left;

}

.launch form p:first-child {

    width: 74%;

}

.launch form {

    overflow: hidden;

}

.countdown-row .countdown-section {

    background-color: rgb( 236, 199, 49 );

    box-shadow: 0.5px 0.866px 1px 0px rgba( 40, 40, 40,0.4 );

    height: 141px;

    float: left;

}

.countdown-row .countdown-section + .countdown-section {

    background-color: rgb( 221, 187, 46 );

    box-shadow: 0.5px 0.866px 1px 0px rgba( 40, 40, 40,0.4 );

    height: 141px;

    float: left;

}



.countdown-row .countdown-section + .countdown-section + .countdown-section {

    background-color: rgb( 202, 178, 48 );

    box-shadow: 0.5px 0.866px 1px 0px rgba( 40, 40, 40,0.4 );

    float: left;

    height: 141px;

}

.countdown-row .countdown-section + .countdown-section + .countdown-section + .countdown-section {

    background-color: rgb( 178, 170, 57 );

    box-shadow: 0.5px 0.866px 1px 0px rgba( 40, 40, 40,0.4 );

    float: left;

    height: 141px;

    z-index: 8;

}

.countdown-section {

    text-align: center;

    font-size: 14px;

    font-family: 'latoblack';

    color: rgb( 255, 255, 255 );

    text-transform: uppercase;

    line-height: 1.857;

    text-shadow: 0.5px 0.5px 1px rgba( 40, 40, 40,0.4 );

    padding-top: 16px;

    padding-bottom: 16px;

    width: 21.3%;

}

.countdown-section span {

    display: block;

}



.countdown-amount {



    font-size: 36px;

    font-family: 'latoblack';

    color: rgb( 255, 255, 255 );

    display: block;

    text-shadow: 0.5px 0.134px 1px rgba( 40, 40, 40,1 );

}



.launch .counter {

    margin-bottom: 57px;

}

.launch input[type="email"] {



    background-color: rgb( 243, 241, 215 );

    box-shadow: 0.5px 0.4px 1.1px 0 rgba(40, 40, 40,0.5);

    border: none;

    width: 100% !important;

    height: 45px !important;

    padding: 5px 21px;

    font-size: 14px;

    font-family: "Lato";

    color: #202323;

    line-height: 1.857;

    float: left;

}

.launch .input-group-addon {

    padding: 0px;

    border: none;

}

.launch input[type="submit"] {

    background-color: rgb( 64, 61, 47 );

    box-shadow: 0.5px 0.5px 1px 0px rgb( 40, 40, 40 );

    border: none;

    width: 120px;

    height: 45px;

    font-size: 16px;

    font-family: 'latoblack';

    color: rgba( 255, 255, 255, 0.769 );

    text-transform: uppercase;

}

.launch .input-group {

    width: 86%;

}

@media (max-width: 1023px) {



    .launch input[type="email"], .launch .input-group {



        width: 100%;

    }

    .countdown-section {

        width: 25%;

    }

    .countdown-amount {

        font-size: 33px;

    }

    .countdown-section {

        font-size: 12px;

    }

}



@media (max-width: 480px) {

    .launch .content {

        margin-top: 24px;

    }

    .launch .content h1 {

        font-size: 38px;

    }

}



/* toltip css  */

.des-text.animate {

    opacity: 1;

    visibility: visible;

}

.option-info {

    display: inline-block;

    position: relative;

    min-width: 400px;

}

.des-text {

    visibility: hidden;

    opacity: 0;

    font-size: 14px;

    line-height: 1.6;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    background: #e6e6e6;

    border-radius: 3px;

    left: 36px;

    padding: 4px 8px;

    position: absolute;

    top: -5px;

    transition: all 0.3s ease-in-out 0s;

    width: 100%;

}

.des-text.animate {

    opacity: 1;

    visibility: visible;

}

.des-text:after {

    content: "";

    display: inline-block;

    position: absolute;

    left: -9px;

    top: 8px;

    border-right: 10px solid #e6e6e6;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

}

.search .content-wrapper {

    min-height: 200px;

}

/*---------- For Contact Form ---------*/

.contact-form .form-group.error .form-control, .contact-form .form-group.error label, .contact-form .error .form-control {

    border-color: #ff0000;

}

#success {

    display: none;

    position: absolute;

    top: -48px;

    left: 0;

}

/*------------ Widget Newsletter --------------*/

.newsletter-social-icon form label {

    display: none !important;

}

.newsletter-social-icon form p {

    width: 26%;

    float: left;

}

.newsletter-social-icon form p:first-child {

    width: 74%;

}

.newsletter-social-icon form input[type="email"] {

    background: no-repeat;

    border: 2px solid #595756;

    border-right: none;

    color: #8f8b89;

    font-size: 14px;

    height: 45px;

    line-height: 1.42857;

    padding: 6px 12px;

    width: 100%;

}

.newsletter-social-icon input[type="text"] {

    background: no-repeat;

    border: 2px solid #595756;

    border-right: none;

    color: #8f8b89;

    font-size: 14px;

    height: 45px !important;

    line-height: 1.42857;

    padding: 6px 12px;

    width: 100%;

}



.newsletter-social-icon form input[type="submit"] {

    height: 45px;

    padding: 10px 20px;

    vertical-align: top;

    transition: all 0.2s ease-in-out 0s;

    -webkit-transition: all 0.2s ease-in-out 0s;

    -moz-transition: all 0.2s ease-in-out 0s;

    -o-transition: all 0.2s ease-in-out 0s;

    -ms-transition: all 0.2s ease-in-out 0s;

    font-size: 12px;

    text-transform: uppercase;

    background: none;

    border: 2px solid #ecc731;

    font-family: "latoblack", sans-serif;

}

.social-media-widget {

    padding-top: 10px;

    clear: both;

}

.flickr_badge_image {

    float: left;

    margin: 0 8px 15px;

}

.flickr_badge_image a img {

    margin-bottom: 0;

}

.media ul.archives li {

    text-align: right;

}

.media ul.archives li a {

    float: left;

}

#page-info .shoping .thumbnail .caption .price del {

    color: #95918d !important;

    font-size: 14px !important;

    margin-right: 0px !important;

    display: inline-block;

}

.shoping .thumbnail .caption .price ins {

    color: #26211d !important;

    display: inline-block !important;

    font-size: 18px !important;

    margin-bottom: 27px !important;

    padding-left: 8px !important;

}

/*************************  css by ralph ***************************/

.parallax-section .join-now-form .modal-header .page-header h2 {

    margin: 0px;

}

.parallax-section .btn {

    display: block;

}

#page-info .row header h2 strong {

    font-family: "Lato", sans-serif;

    font-weight: 700;

}

.article-list p {

    margin-bottom: 40px;

}

.article-list .items h3 {

    font-weight: 700;

}

.article-list .items h3 a {

    font-weight: 700;

    font-size: 18px;

    color: #26211d;

}

.progress-bar .progress-value {

    margin-left: -32px;

}

.latest-news .article-list .items span.date {

    font-size: 12px;

    padding-right: 15px;

    text-transform: uppercase;

}

.latest-news .article-list .items .img-slider {

    margin: 0 0 27px 0;

}

.latest-news .article-list .items .embed-responsive {

    margin: 0 0 27px 0;

}

.posted-in a {

    color: #727272;

}

.posted-in a:hover {

    color: #26211d;

}

#page-info .sec-breadcrumb {

    padding: 12px 0 15px;

}

#page-info .sec-breadcrumb .breadcrumb li {

    font-weight: 400;

}

#page-info .sec-breadcrumb .breadcrumb li a {

    font-weight: 400;

    color: #89847f;

}

#page-info .sec-breadcrumb .breadcrumb li.active a {

    font-weight: 700;

    color: #26211d;

}

#page-info .sec-breadcrumb .breadcrumb > li+ li:before {

    padding: 0 12px;

}

#page-info .sec-breadcrumb .breadcrumb {

    padding: 3px 0px;

}

.spacer-bottom h3 {

    font-weight: 700;

}



#main .cause-page-section  .row header h2 strong {

    font-family: "latoblack", sans-serif;

}

.causes-description .detail-description .donation-summary {

    font-weight: 300;

}

.causes-description figure img {

    width: 100%;

}

.causes-description .progress .progress-bar .progress-value {

    margin-left: -24px;

}

.causes-description .heading-sec .date-desc {

    padding-left: 0px;

}

#page-info .anim-section .causes-description .detail-description {

    margin-top: 20px;

}

.spacer-bottom {

    margin-bottom: 60px;

}

.charity-paging-effect {

    padding-top: 28px;

}

.content-wrapper .our-causes {

    margin-top: 20px;

}

.content-wrapper .our-causes .article-list .charity-causes {

    min-height: 578px;

}

.causes-description .sec-step-desc h4 {

    font-size: 24px;

    margin-top: 0px;

}

.container .breadcrumb {

    padding: 3px 0px;

}

.article-list .progress, .article-list-large .progress {

    margin-bottom: 25px;

}

#footer address > span {

    margin-bottom: 15px;

}

.newsletter-social-icon .social-media-widget {

    padding-top: 16px;

}

.step-donation h2 strong {

    font-weight: 700;

    font-family: "Lato", sans-serif;

}



.article-list .detail-description .progress {

    margin-bottom: 35px;

}

.anim-section .article-list p {

    margin-bottom: 25px;

}

.article-list-large .donate-easy-steps {

    margin-bottom: 23px;

}

.step-donation .sec-step-desc span.number-count {

    margin-bottom: 17px;

}

.step-donation .text-center .sec-step-desc h4 {

    margin-bottom: 0px;

}



.blog-details h3 {

    font-size: 30px;

}

.profile-block .btn-default {

    font-size: 16px;

    font-family: "Lato", sans-serif;

    text-transform: capitalize;

    padding: 6px 18px;

}

.comment .btn-default {

    font-size: 16px;

    font-family: "Lato", sans-serif;

    text-transform: capitalize;

}

#submit-comment {

    font-size: 16px;

    font-family: "Lato", sans-serif;

    text-transform: capitalize;

    padding: 7px 25px;

}

.detail-description a.btn-default {

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-size: 14px;

}



.our-story .section-header h2 strong {

    font-family: "Lato", sans-serif;

    font-weight: 700;

}

.our-works .work-block-heading h2 strong {

    font-family: "Lato", sans-serif;

    font-weight: 700;

}

.our-works .charity-our-works .thumbnail .btn-default {

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-size: 13px;

    padding: 7px 14px;

    max-width: 110px;

    margin-top: 18px;

}

.our-team .team-info strong.border-none {

    font-family: "Lato", sans-serif;

    font-weight: 700;

}

.save-lives .row  a.btn-default {

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-size: 18px;

    margin-top: 40px;

}

.process-section .join-today {

    margin-top: 75px;

    font-family: "Lato", sans-serif;

    font-weight: 700;

}

.ask-us .row  a.btn-default {

    font-size: 18px;

    margin-top: 0px;

    padding: 9px 30px;

}

.page-template-charity-faq #page-info {

    padding-bottom: 0px;

}



.blog .btn {

    font-size: 13px;

    font-family: "Lato", sans-serif;

    font-weight: 700;

    padding: 10px 0;

}

.blog .blog-callout p {

    color: #26211d;

}

.contact-form .btn {

    font-family: "Lato", sans-serif;

    font-weight: 700;

    font-size: 14px;

    text-transform: none;

}

.contact-address address span a {

    text-decoration: underline;

}

.contact-address address span a:hover {

    text-decoration: none;

}

/***********************************  Donation form *****************************************/

.charity-donation-window {

    padding: 0px;

    min-height: 500px;

}

.charity-donation-window.window-ajaxloader{

    background: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/ajax-loader.gif) center center no-repeat;

}

.charity-donation-window .wppd-form {

    padding: 15px;

}

.charity-donation-window .wppd-form .help-block {

    display: none;

}

.charity-donation-window .form-control::-moz-placeholder {

    color: #555;

    font-size: 14px;

    font-weight: normal;

}



/************  mission page start *************************/

.mission-page .row section.anim-section {

    -webkit-transform: initial;

    -webkit-transition:initial;

    transform: initial;

    transition:initial;  

}

.mission-page .row section.anim-section .modal-content {

    text-align: left;

}



/*****************  banner css *******************/

.slide-2 .trans-grey {

    background: none repeat scroll 0 0 rgba(68, 61, 55, 0.9);

    height: 11.07em !important;

    width: 26.42em !important;

}

.slide-2 .tp-caption * {

    font-size: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

}

.slide-2 .tp-caption.text-white .h1 {

    color: #fff;

    font-family: "Lato", sans-serif;

    font-size: 1.71em !important;

    font-weight: 300 !important;

    line-height: 1.4 !important;

    padding: 0 10px !important;

}

.slide-2 .tp-caption a.btn-link {

    color: #ecc731 !important;

    font-family: "latoblack", sans-serif !important;

    font-size: 100% !important;

    text-decoration: none;

    padding: 0 10px !important;

    border: none !important;

}

.slide-2 .tp-caption  a.btn-default {

    border: none;

}

.slide-2 .tp-caption  a.btn-default:hover {

    background: none;

}

.slide-2 .tp-caption .btn.btn-warning {

    color: #fff !important;

    font-family: "Lato", sans-serif;

    font-size: 0.8571em !important;

    font-weight: 700 !important;

    padding: 0.7em 1.4em !important;

}

.slide-2 .tp-caption a.btn-default {

    color: #ecc731;

}

.video-section .control h2 {

    font-weight: 300;

}

.svg-shape img {

    width: 100%;

}

.page-template-charity-home-two .news-section .anim-section.animate {



    -webkit-transform: initial;

    -webkit-transition:initial;

    transform: initial;

    transition:initial;  

    /*transform: none;*/

}

.join-now-form .wpcf7-not-valid {

    border-color: #ff0000;

}

.join-now-form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {

    display: none;

}

blockquote.equal-box .quote-mark {

    float: left;

}

blockquote .quote-mark {

    float: left;

}

.page-template-charity-home-three .anim-section.animate {

    -webkit-transform: initial;

    -webkit-transition:initial;

    transform: initial;

    transition:initial;  



    /*transform: none;*/

}



/* new style here */

#page-info .row header h2 strong {

    margin-left: 8px;

    /*text-transform: uppercase;*/

}

.charity-result-count {

    padding: 15px 30px;

    border: 1px solid #f2ede9;

    margin-bottom: 47px;

}

.charity-result-count p {

    margin: 0;

    padding: 0;

    color: #26211d;

}

.line-seprater {

    padding: 0 20px;

}

.charity-woocommerce-icons {

    float: right;

    margin-right: 26px;

    border-right: 1px solid #4d4641;

}



.charity-woocommerce-icons a {

    font-size: 26px;

    color: #4d4641;

    line-height: normal;

    vertical-align: middle;

    line-height: 20px;

    -webkit-transition: color .3s ease-in-out;

    -moz-transition: color .3s ease-in-out;

    -ms-transition: color .3s ease-in-out;

    -o-transition: color .3s ease-in-out;

    transition: color .3s ease-in-out;

    position: relative;

    display: block;

}

.charity-woocommerce-icons > span {

    padding: 7px 20px;

    border-left: 1px solid #4d4641;

    float: left;

}



.charity-products-counts span {

    background: #eca331;

    border-radius: 20px;

    color: rgb(255, 255, 255);

    display: block;

    font-family: 'Lato', sans-serif;

    font-size: 10px;

    font-weight: 700;

    line-height: 9px;

    padding: 4px 7px;

    position: absolute;

    right: -8px;

    top: -3px;

}

.charity-woocommerce-icons a:hover {

    color: #fff;

}

.thank-you-wrap {

    text-align: center;

    padding-top: 50px;

    padding-bottom: 70px;

}

.thank-you-wrap h1 {

    font-weight: 700;

}

.thank-you-wrap h3 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 12px;

    color: #4e5258;

}

.thank-you-wrap h3 strong {

    color: #ecc731;

    font-weight: 700;

    border-bottom: none;

}

.thank-you-wrap p {

    font-size: 17px;

    font-weight: 300;

    color: #4e5258;

}

.sorry-page {

    text-align: center;

    padding-top: 50px;

    padding-bottom: 70px;

}

.sorry-page h1 {

    margin-bottom: 38px;

}

.sorry-page h3 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 12px;

    margin-top: 38px;

    color: #4e5258;

}

.sorry-page p {

    font-size: 17px;

    font-weight: 300;

    color: #4e5258;

    margin-bottom: 20px;

}

.try-btn {

    border: 2px solid #ecc731;

    border-radius: 25px;

    display: inline-block;

    color: #4e5258;

    font-style: italic;

    font-size: 14px;

    padding: 0 38px;

    line-height: 42px;

    font-family: Georgia, serif;

}



.demo {

    /*background: url(/web/20180830071128im_/https://youthiverse.org/wp-content/themes/charity/assets/img/dummy.png) center top no-repeat; */

}



.special-offer-section {

    padding-top: 55px;

    padding-bottom: 90px;

}



.shopping-offer-list {

    position: relative;

}



.special-offer-text {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    padding: 0 53px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 100%;

}



.offer-percent {

    float: left;

    margin-right: 12px;

}

.offer-percent p {

    font-size: 14px;

    color: #fff;

    font-weight: 400;

    margin-bottom: 0;

    text-transform: uppercase;

}

.offer-percent strong {

    font-size: 60px;

    color: #ecc731;

    font-weight: 700;

    line-height: 98%;

}



.offer-product-type {

    float: left;

    font-size: 22px;

    font-weight: 700;

    color: #ecc731;

    text-transform: uppercase;

    line-height: 25px;

    margin-top: 15px;

}

.offer-product-type strong {

    color: #fff;

    display: block;

}



.better-text p {

    font-size: 14px;

    color: #ecc731;

    text-transform: uppercase;

    margin-bottom: 5px;

    line-height: 1;

}

.better-text strong {

    font-size: 30px;

    color: #fff;

    text-transform: uppercase;

    line-height: 99%;

    margin-bottom: 10px;

    display: block;

}

.better-text img {

    display: block;

}



/******** shopp landing ************/



.shoping .owl-item .thumbnail h3 {

    margin-bottom: 2px;

    margin-top: 25px;

}

.shoping .owl-item .thumbnail h3 a {

    font-size: 22px;

    font-weight: 400;

}

.shoping .owl-item .thumbnail .caption .price ins span {

    font-size: 16px;

    font-weight: 700;

}

.shoping .owl-item .thumbnail .caption .price del span {

    font-size: 14px !important;

    font-weight: 700;

}

.woocommerce .caption .star-rating {

    margin: 0 0 0 25px;

}

.our-products {

    margin: 0 0 46px 0px;

}

.our-products h2 {

    margin: 0px 0 0 0;

    font-weight: 300;

}

.our-products h2 strong {

    font-family: 'latoblack', sans-serif;

    font-size: 30px;

}

.shoping .owl-item .thumbnail .caption {

    position: relative;

}

.shoping .owl-item .thumbnail .star-rating {

    position: absolute;

    bottom: 64px;

    left: 50%;

    margin-left: -37px;

}

.shoping .owl-item .thumbnail .add_to_cart_button {

    font-size: 14px;

    padding: 10px 20px;

    font-family: 'Lato', sans-serif;

    font-weight: 700;

}

.shoping .owl-item .thumbnail .caption .price del {

    margin-right: 5px !important;

}

.shoping .owl-item .thumbnail .caption .price ins:before {

    content: ':';

    padding-right: 3px;

}

.shoping .owl-item .thumbnail .price {

    margin-bottom: 45px;

}

.upcomming-product {

    background: #32302f;

    overflow: hidden;

    position: relative;

}

.upcomming-product-data {

    padding-top: 90px;

    padding-bottom: 98px;

    background: #32302f;

}

.upcomming-product-content {

    padding: 51px 45px 33px;

    float: right;

    width: 360px;

}

.upcomming-product-data h2 {

    color: #fff;

    font-weight: 300;

    font-size: 40px;

}

.upcomming-product-data h2 strong {

    font-family: 'latoblack', sans-serif;

    font-size: 40px;

}

.upcomming-product-data p {

    color: #888381;

    font-size: 16px;

}

.upcomming-product-data p a.btn-default {

    max-width: 184px;

    width: 100%;

    display: block;

    border: 2px solid #e6bc2f;

    line-height: 38px;

    font-family: 'latoblack', sans-serif;

    font-size: 12px;

    padding: 0px;

    color: #fff;

    margin-top: 35px;

}

.upcomming-product-image {

    background-repeat: no-repeat;

    background-position: right top;

    background-size: auto 100%;

    float: right;

    height: 100%;

    position: absolute;

    right: 0;

    width: 59.1%;

}

.upcomming-product-image  img {

    width: 100%;

}

.owl-theme .owl-controls {

    margin: 48px 0 55px 0 !important;

}

.shoping .owl-theme .owl-controls .owl-page span {

    margin: 5px 4px;

}

.shoping .owl-theme .owl-controls .owl-page.active span, .shoping .owl-theme .owl-controls.clickable .owl-page:hover span {

    margin: 5px 4px;

}

.btn-bg.white {

    color: #fff;

}

#owl-demo .item, .products li {

    margin: 0 15px;

    color: #FFF;

    text-align: center;

}

#owl-demo .item .thumbnail, .products li .thumbnail {

    padding: 0;

    border: none;

    box-shadow: none;

    background: none;

}



@media all and (max-width: 1200px) {

    .upcomming-product-data {

        padding-top: 20px;

        padding-bottom: 30px;

    }

}

.portfolio-details .detail-description a.btn-default {

    padding: 10px 36px;

}

.detail-description .list-unstyled li:before {

    font-size: 8px;

    padding-right: 19px;

}

.detail-description .list-unstyled {

    line-height: 1.7;

}

.portfolio-details .we-help .thumbnail h3 {

    margin-bottom: 8px;

}

.portfolio-details .we-help h3 a {

    font-weight: 700;

    font-size: 18px;

}

.page-template-charity-home-one-php .latest-news .embed-responsive.embed-responsive-16by9, .page-template-charity-shop-landing .latest-news .embed-responsive.embed-responsive-16by9 {

    padding-bottom: 66.25%;

    /*padding-bottom: 56.25%;*/

}



.home .charity-donation-window .input-block input {

    height: auto;

}



/****   depth-2 navigation */

.navbar-nav > li > .dropdown-menu > ul > li > ul.menu-depth-2 {

    list-style: none;

}

.navbar-nav > li > .dropdown-menu > ul > li > ul.menu-depth-2 > li > a {

    color: #26211d;

    display: block;

    font-weight: 300;

    padding: 9px 0;

    transition: all 250ms ease-in 0s;

}

.navbar-nav > li > .dropdown-menu > ul > li > ul.menu-depth-2 > li:hover > a, .navbar-nav > li > .dropdown-menu > ul > li > ul.menu-depth-2 > li.active > a {

    font-weight: 700;

}

.product-detail .upsells h3 {

    font-weight: 700;

}



/*****************  cross sell products ****************** */

.cart-collaterals .cross-sells .thumbnail {

    border: none;

    box-shadow: none;

}

.cart-collaterals .cross-sells .thumbnail  a.img-thumb img {

    margin: 0px;

}

.cart-collaterals .cross-sells .thumbnail .caption {

    padding: 0px;

}

.cart-collaterals .cross-sells .thumbnail .caption  h3 {

    margin-bottom: 27px;

}

.cart-collaterals .cross-sells .thumbnail .caption a {

    font-size: 22px;

    font-weight: 300;

}

.cart-collaterals .cross-sells .thumbnail .caption span.price {

    margin-bottom: 27px;

    padding-left: 8px;

}

.cart-collaterals .cross-sells .thumbnail .caption  a.product_type_simple {

    font-family: "Lato", sans-serif;

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 5px;

    transition: all 0.4s ease-in-out 0s;

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 2px solid #4d4641;

    border-radius: 0;

    box-shadow: none;

    color: #26211d;

    display: inline-block;

    filter: none;

    line-height: 1.42857;

    padding: 6px 14px;

    text-align: center;

    text-shadow: none;

    text-transform: uppercase;

    vertical-align: middle;

}



.cart-collaterals .cross-sells .thumbnail .caption  a.product_type_simple:hover {

    color: #fff;

}

.cart-collaterals .cross-sells .thumbnail .caption  .star-rating {

    margin-left: 13px;

}

/*  * footer without widget *   */

#footer.footer-without-widgets {

    padding: 0px;

}

#footer.footer-without-widgets .copyright {

    margin: 0px;

}



.banner-slider .tp-caption .btn.btn-default:focus{

    color:#fff;

}

.help-people-three .message{

    padding: 0 15px;

}







/* 22.)Event Details

 ----------------------------------------- */



.event_detail{

    position: relative;

}

.event_date{

    left:0;

    top:0;

    width:80px;

    position: absolute;

    text-align: center;

    padding:18px 23px;

}

.event_date strong{

    display: block;

    font-weight: 700;

    font-size: 32px;

    line-height: 0.8;

    color:#26211d;



}

.event_date span{

    line-height: 1;

    font-size: 16px;

    color:#26211d;

    font-weight: 700;

    text-transform: uppercase;

}

.event_heading h2{

    padding-top:42px;

    margin:0;

    padding-bottom:4px;

}

.event_heading h2 a{

    font-size: 36px;

    color:#26211d;

    font-weight: 300;

}

.event_time{

    padding:19px 0 22px 0;

}

.venue_block{

    float: left;

    padding-left: 34px;

    width: 211px;

    position:relative;

}

.location-svg{

    position:absolute;

    left:0;

    top:0;

    width:20px;

    height:25px;

} 

.venue_block span{

    font-size: 17px;

    text-transform: capitalize;



    float: left;

    line-height: 1;

}

.venue_block strong{

    font-size: 13px;

    font-weight:700;

    text-transform: uppercase;

    line-height: 2.2;

    padding-left: 5px;

    line-height: 1;

    color:#26211d;

}



.date_block{



    float: left;

    padding-left: 34px;

    width: 236px;

    position:relative;



}

.date-svg{

    position:absolute;

    left:0;

    top:0;

    width:22px;

    height:22px

} 

.date_block span{

    font-size: 17px;

    text-transform: capitalize;

    line-height: 2.2;

    padding-left: 5px;

    line-height: 1;

}

.date_block strong{

    font-size: 13px;

    color:#26211d;

    font-weight:700;	 

}



.time_block{



    float: left;

    padding-left: 34px;

    width: 236px;

    position:relative;



}

.time-svg{

    position:absolute;

    left:0;

    top:0;

    width:22px;

    height:22px;

}

.time_block span{

    font-size: 17px;

    text-transform: capitalize;

    line-height: 2.2;

    padding-left: 5px;

    line-height: 1;

}

.time_block strong{

    font-size: 13px;

    text-transform: uppercase;

    color:#26211d;

    font-weight:700;

}



.event_description p{

    font-size: 14px;

    padding:19px 0;

    margin:0;

    color:#727272;

}

.event_descript{

    background-color: #fff; 

    padding:53px 0;





}

.event_descript p{

    font-size: 18px;

    padding:27px 94px 25px 27px;

    margin:0;

    background-color:#efece1;

    font-weight: 300;

}

.hightlight_event {

    padding-right:68px;

}

.hightlight_event h2 {

    color:#26211d;

    font-size:36px;

    font-weight: 300;

}

.hightlight_event p{

    color:#9f9f9f;



}

.hightlight_rightblock{

    position: relative;

    text-align: right;

}

.hightlight_rightblock::after{

    border: 3px solid #fff;

    content: "";

    height: 223px;

    position: absolute;

    right: 10px;

    top: 11px;

    width: 274px;

}

.hightlight_rightblock > figure {



}

.hightlight_content{

    right: 160px;

    position: absolute;

    top: 128px;

    z-index: 1;



}

.forward_content {

    padding-top: 91px;

}

.forward_content .next{

    display: block;

    float: left;

    font-size: 13px;

    font-weight: 700;

    height: 39px;

    line-height: 2.7;

    padding: 0 38px;

    text-transform: uppercase;



}

.forward_content .previous{

    display: block;

    float: right;

    font-size: 13px;

    font-weight: 700;

    height: 39px;

    line-height: 2.7;

    padding: 0 27px;

    text-transform: uppercase;

}

.media > ul {

    padding-bottom: 8px;

}



aside ul.tag_element{

    padding-top:13px;

}

aside ul.tag_element li{





    padding: 13px 10px;

    display: inline-block;

    width:auto;

    margin: 0 7px 0 0;

    text-align:center;



}

aside ul.tag_element li:nth-child(3){

    padding: 13px 26px;

}

aside ul.tag_element li:nth-child(9){

    padding: 13px 26px;

}

.tag_element li a{

    font-size: 14px;

    margin: 0;

    text-transform: capitalize;

    color:#727272;

    margin:0;

}





/*  23.) Event_page_details.html

  --------------------------------------- */



.event_descriptions > p {

    padding-bottom: 25px;

}

.event-listing{

    padding-top: 54px;

    padding-bottom:16px;

    border-top: 2px solid #e8e8e8;

}

.event-listing:first-child{

    border-top: none;

    padding-top:0; 

}

.event-listing:last-child{

    padding-bottom: 0;

}

.event_descriptions > a.btn-default {

    color:#26211d;

    padding: 10px 31px;

    border:2px solid #4d4641;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    font-weight: 400;



}

.event_descriptions > a:hover {

    transition: all 0.4s ease-in-out 0s;



}

.event_info{

    padding-top:60px;

}

.event_video{

    padding-top:60px;

}

.event_video .event_heading {

    border: hidden;

}

.video {

    position: relative;

    padding-top: 52%;

}

.video  iframe{

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;





}



/*  23.) Charity Home Four style

  --------------------------------------- */

.speedometer {

    height: 246px;

    width: 415px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    padding-top: 52px;

}

.speedometer .outer-arc {

    border: 1px solid #e7eaed;

    width: 415px;

    height: 415px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    padding: 25px;

}

.speedometer .outer-arc .inner-arc {

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 14px solid #63564c;

}

.speedometer .outer-arc .inner-arc .pin {

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    top: 52px;

    -webkit-transform-origin: center 90%;

    -moz-transform-origin: center 90%;

    -ms-transform-origin: center 90%;

    -o-transform-origin: center 90%;

    transform-origin: center 90%;

    -webkit-transform: rotate(-102deg);

    -moz-transform: rotate(-102deg);

    -ms-transform: rotate(-102deg);

    -o-transform: rotate(-102deg);

    transform: rotate(-102deg);

}

.chart canvas {

    display: block;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    top: 65px;

    width: 290px;

}

.percent {

    height: 95px;

    width: 95px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #26211d;

    display: block;

    text-align: center;

    line-height: 1;

    padding-top: 18px;

    position: absolute;

    z-index: 12;

    margin-left: 9px;

    margin-top: 18px;

}

.percent b {

    color: #ffffff;

    font-size: 36px;

    display: block;

    margin-bottom: 6px;

}

.percent b sub {

    font-size: 16px;

    color: #999088;

}

.percent > span {

    display: block;

    font-size: 10px;

    color: #ffffff;

    text-transform: uppercase;

}

.percent:after {

    display: block;

    height: 0;

    width: 0;

    content: " ";

    border-top: 10px solid #26211d;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    position: absolute;

    bottom: -10px;

    left: 0;

    right: 0;

    margin: 0 auto;

}

.info {

    width: 90%;

    text-align: center;

    margin: 0 auto;

    position: absolute;

    left: 0;

    right: 0;

    z-index: 2;

    line-height: 1;

    top: 172px;

}

.info span {

    color: #303b40;

    font-size: 26px;

    display: block;

    line-height: 1;

}

.info span + span {

    font-size: 12px;

    line-height: 1;

}

.inner-arc > canvas#mycanvas {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 124px;

}

.donation-meter {

    padding-top: 75px; 

}

.home-four-title {

    text-align: center;

    font-weight: 300;

}

.donation-meter .home-four-title + p {

    width: 45%;

    margin: 0 auto;

    text-align: center;

}

.donation-meter .goal {

    text-align: center;

    width: 250px;

    float: left;

    margin-top: 125px;

}

.donation-meter .raised {

    float: right;

}

.donation-meter .goal .title {

    background-color: #ecc731;

    display: inline-block;

    font-size: 24px;

    color: #ffffff;

    line-height: 1;

    padding: 12px 45px;

    background-color: #ecc731;

    position: relative;

    text-align: center;

}

.donation-meter .goal .title:after {

    content: " ";

    display: block;

    height: 0;

    width: 0;

    border-top: 7px solid #ecc731;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -7px;

}

.donation-meter .goal .amount {

    display: block;

    font-size: 40px;

    color: #303b40;

    font-weight: 300;

}



.donation-meter .raised .title {

    background-color: #ed7439;

}

.donation-meter .raised .title:after {

    border-top: 7px solid #ed7439;

}



.page-template-charity-home-four-php .how-to-help {

    background-color: #26211d;

}

.page-template-charity-home-four-php .how-to-help h2, .page-template-charity-home-four-php .how-to-help .help-list .media h3 {

    color: #ffffff;

}

#donator .item {

    position: relative;

    /*width: 120px;*/

}

#donator .item img {

    width: 100%;

}

#donator .donator-info {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 10;

    height: 100%;

    width: 100%;

    background-color: #36302b;

    opacity: 0;

    -webkit-transition: opacity 1s;

    -moz-transition: opacity 1s;

    -ms-transition: opacity 1s;

    -o-transition: opacity 1s;

    transition: opacity 1s;

}

#donator .item:hover .donator-info {

    opacity: 1;

}

#donator .donator-info .name {

    margin: 0;

    color: #ffffff;

    font-size: 14px;

    line-height: 1;

    padding-top: 18px;

    padding-bottom: 18px;

    text-align: center;

    background-color: #6c6057;

    margin-bottom: 19px;

}

#donator .donator-info .donated {

    display: block;

    text-align: center;

    font-size: 11px;

    color: #8d7f75;

    line-height: 1;

}

#donator .donator-info .donated b {

    display: block;

    font-size: 16px;

    color: #ffffff;

    margin-top: 7px;

}

/*  24.) Charity Home Five style

  --------------------------------------- */

.donation-section  .left-days span {

    color: #807770;

}

.donate-now-button {

    margin: 0 auto;

}

.donation-section .donation-section-header {

    text-align: center;

    padding-bottom: 38px;

}

.donation-section .donator-details {

    background-color: #fbfaf8;

    padding-top: 60px; 

}

.donation-section .home-four-five {

    text-align: center;

    font-weight: 300;

}

.donation-section .donator-list {

    width: 100%;

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: justify;

}

.donation-section .donator-list:after {

    content: " ";

    display: inline-block;

    width: 100%;

}

.donation-section .donator-list li {

    display: inline-block;

}

.donation-section .donator-list .donator-info .name {

    font-size: 18px;

    line-height: 1;

    text-transform: capitalize;

    display: block;

    text-align: center;

    line-height: 1;

    margin: 0;

    padding-top: 15px;

    padding-bottom: 15px;

}

.donation-section .donator-list .donator-info .donated {

    font-size: 14px;

    color: #756b63;

    text-align: center;

    display: block;

}

.join-now-section {

    padding: 30px 45px;

    overflow: hidden;

}

.join-now-section .join-today {

    float: right;

}

.join-now-section p {

    float: left;

    width: 80%;

    font-size: 30px;

    margin: 0;

    color: #26211d;

    line-height: 1.32;

}

.donation-section .donator-list {

    margin-bottom: 30px;  

}

.join-now-section .btn-default.join-now-button:hover, .join-now-section .btn-default.join-now-button:focus {

    border-color: #4d4641;

}

.main-slider .banner-slider .btn-bg{

    color: #fff;    

}

.donation-section{

    position: relative;

    z-index: 999;

}

.single-event .nav-links .nav-next{

    float: right;

}



/*--------- Causes List View -------*/



.content-wrapper .our-causes .article-list.causes-list-view .charity-causes {

    min-height: 50px;

}

.causes-list-thumbnails{

    width: 33.3333%;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

}

.causes-list-body{

    overflow: hidden;

    border:1px solid #e8e5e3; 

    border-left:none;

    text-align: left;

    padding: 29px 73px 29px 36%;

}

.causes-list-body h3{

    margin: 0 0 8px;

    padding: 0;

    font-weight: 700;

}

.causes-list-body h3 a{

    color: #26211d;

}

.causes-list-thumbnails .progress {

    margin-bottom: 0 !important ;

}

.causes-list-view .charity-causes{

    margin-bottom: 60px;

}

.causes-list-view-wrapper{

    position: relative;

}

.causes-list-view-wrapper .img-thumb{

    height: 100%;

    display: block;

}

.causes-list-view-wrapper .img-thumb figure,.causes-list-view-wrapper .img-thumb img{

    height: 100%;

    display: block;

}

.causes-list-view-wrapper .progress {

    bottom: 0px;

    left: 0;

    position: absolute;

    width: 100%;

}

.article-list.causes-list-view p {

    margin-bottom: 0px;

}

.article-list.causes-list-view .charity-donation-button{

    margin-top: 21px;

}

/*------------ Project Listing -----------*/

.project-listing .charity-project .thumbnail{

    border:none;

    border-radius: 0px;

    padding: 0px;

    margin-bottom: 26px;

    box-shadow: none;

}

.charity-project h3{

    font-size: 22px;

    line-height: 1.2;

    margin-bottom: 10px;

    margin-top: 0;

}

.charity-project{

    margin-bottom: 70px;

}

.project-listing-header{

    text-align: center;

}

.project-listing .charity-project .thumbnail figure{

    /*    height: 156px;*/

}

.project-sidebar{

    padding-top: 84px;

}

.project-sidebar aside.media h3{

    color:#26211d;

    font-size: 20px;

    margin-bottom: 20px;

    margin-top: 0;

    padding: 0;

    font-weight: 400;

    border-bottom: none;

}

.media .project-category-list{

    padding: 0;

    margin-bottom: 0px;

}

.project-category-list li{

    line-height: 38px;

    border-top: 1px dashed #e1e1e1;

    margin: 0;

    position: relative;

    padding-left: 25px;

}

.project-category-list li:first-child{

    border-top: none;

}

aside.media .project-category-list li a{

    color:#727272;

    margin: 0;

}

.project-category-list li:before{

    position: absolute;

    left: 0;

    top: 1px;

    content:"\f00c";

    font-family:'FontAwesome';

}

.project-sidebar .media{

    margin-bottom: 34px;

    margin-top: 0;

}

.new-project h4{

    margin: 0 0 10px;

    font-weight: 400;

    font-size:16px;

}

.media.new-project h4 a{

    color: #26211d;

    margin: 0;

}

.new-project.media p{

    font-size:14px;

    color: #727272;

    font-weight: 400;

    line-height: 1.4;

}

.charity-project h3 a{

    color: #26211d;

}

.media.new-project h4 a,aside.media .project-category-list li a,.charity-project h3 a,.causes-list-view-wrapper .causes-list-body h3 a{

    transition: all 0.4s ease-in-out 0s;

    -ms-transition: all 0.4s ease-in-out 0s;

    -webkit-transition: all 0.4s ease-in-out 0s;

    -moz-transition: all 0.4s ease-in-out 0s;

    -o-transition: all 0.4s ease-in-out 0s;

}

.project-listing.project-details .charity-project .thumbnail figure{

    height: auto;

}

.project-listing.project-details blockquote,.project-listing.project-details blockquote p{

    font-family: 'Lora', serif;

    font-size: 14.5px;

    color: #26211d;

    line-height: 26px;

}

.project-listing.project-details blockquote p{

    margin-bottom: 0;

}

.project-listing.project-details blockquote{

    background: #e7eae3;

    padding: 17px 50px 17px 40px;

    width: 74%;

}

.project-detail-withsidebar .project-listing.project-details blockquote{

    margin-left: 15%;

    width: 85%;

}

.project-listing.project-details p,.project-listing.project-details blockquote{

    margin-bottom:50px;

}

.content-wrapper .charity-project.blog-details{

    padding-bottom: 0;

    margin-bottom: 0;

}

.project-listing.project-details{

    padding-bottom: 36px;

    border-bottom: 1px solid #e7eae3;

    margin-bottom: 36px;

}

.charity-post-navigation{

    clear: both;

}

.charity-post-navigation a{

    padding: 10px 25px;

    border: 2px solid #4d4641;

    font-family: "latoblack",sans-serif;

    font-size: 12px;

    text-transform: uppercase;

    transition: all 0.4s ease-in-out 0s;

    -ms-transition: all 0.4s ease-in-out 0s;

    -webkit-transition: all 0.4s ease-in-out 0s;

    -o-transition: all 0.4s ease-in-out 0s;

    -moz-transition: all 0.4s ease-in-out 0s;

    color: #26211d;

    display: inline-block;

    margin-right: 23px;

}

.charity-post-navigation .nav-previous,.charity-post-navigation .nav-next{

    float: left;

}

.project-detail-withsidebar .charity-post-navigation .nav-next{

    float: right;

}

.project-detail-withsidebar .charity-post-navigation a{

    margin-right: 0;

}

.similar-project h3{

    font-size: 30px;

}

.similar-project .similar-project-wrapper h3{

    font-size: 22px;

}

.similar-project-wrapper .thumbnail{

    box-shadow: none;

    padding: 0;

    border: none;

}



body.blog .col-sm-offset-1 { margin-left:0 !important}
body.single .col-sm-offset-1 { margin-left:0 !important}

.donatebtn{ margin:5px auto!important; display:block!important; text-align:center!important; height:50px!important;}

.donatebtn3{ margin:5px auto!important; display:block!important; text-align:center!important;  float:left;}

.donatebtn2 {
    display: block !important;
    margin: 5px auto !important;
    text-align: center !important;
}

.charity-products-counts{ display:none;}
/*
     FILE ARCHIVED ON 07:11:28 Aug 30, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:20:45 Dec 18, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots: 0.772
  RedisCDXSource: 4.997
  captures_list: 145.377
  CDXLines.iter: 33.525 (3)
  LoadShardBlock: 99.521 (3)
  exclusion.robots.policy: 0.743
  PetaboxLoader3.resolve: 116.216 (3)
  esindex: 0.029
  PetaboxLoader3.datanode: 520.922 (5)
  load_resource: 637.605 (2)
*/