/*
 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;
    padding: 12px 31px;
}
.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;
    margin-bottom: 36px !important;
    text-align: center;
}
.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;
    display: table;
    width: 100%;
}
.how-to-help h2 {
    font-weight: 300;
}
.how-to-help .section-header {
    margin: 55px 0 33px !important;

}
.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(../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;
    margin-bottom: 36px !important;
}


.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(../img/bg-testimonials.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    display:table;
    width: 100%;
}
.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;
    text-align:left;
}
.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;
    margin-bottom: 0 !important;
}
.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 !important;
    margin-bottom: 23px !important;
    font-size: 24px !important;
    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 !important;
}
.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;
    display:table;
    width: 100%;
}
.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(../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 !important;
    padding: 15px 49px !important;
}
.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(../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% !important;
}
.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(../img/inactive.png) left center repeat-x;
}
.active-star {
    background: url(../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(../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(../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 {
    transform: none;
}
.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 {
    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 {
    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(../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 .embed-responsive.embed-responsive-16by9, .page-template-charity-shop-landing .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;
}

/* new classes*/

.latest-news img , .our-causes img{ margin-bottom:0 !important;  }
.embed-responsive.embed-responsive-16by9{ padding-bottom: 56.25% !important; }
.how-to-help img{ display:inline-block !important; }
.latest-news h2 strong , .how-to-help h2 strong , .our-causes h2 strong { font-family: "latoblack",sans-serif !important; } 

.vc_element-icon.icon-charity{
    background: url(../img/theemon-visual-icon.png) 0 0 no-repeat !important ;
}
.page-template-default .donation-section .container,.page-template-default .donator-details .container,.page-template-default .donation-meter .container{
    width: 100%;
}

/*------------------ Visual Composer Css ---------------*/
.visual-composer-page{
    padding-top: 0;
    overflow: hidden;
}
.visual-composer-page .vc_row.wpb_row.vc_row-fluid{
    margin-bottom: 0px ;
}
.visual-composer-page .wpb_column.vc_column_container {
    min-height: 0;
}
.content-wrapper.visual-composer-page .section-header{
    margin-top: 50px;
}
.content-wrapper.visual-composer-page .our-causes{
    margin-top: 0;
}
@media all and (min-width:320px) and (max-width:767px){

    .content-wrapper.visual-composer-page .vc_row{
        margin-left: 0;
        margin-right: 0;
    }

    .how-to-help {
        display: block;
    }

}

.content-wrapper {
    padding-top: 0px !important;
}