@font-face {
    font-family: sbold;
    src: url(../fonts/Swissra-Bold.ttf)
}

@font-face {
    font-family: sthin;
    src: url(../fonts/Swissra-Thin.ttf)
}

.color-1 .topnavbar,.color-1 .btn-theme.green,.color-1 .section-title:before,.color-1 .campaings .campaings-slider .item .content-info .progress .progress-bar,.color-1 .campaings .campaings-slider .swiper-pagination-bullet-active,.color-1 .contacts .get-in-touch .left-side .volunteer::before,.color-1 .dropdown-menu li .dropdown-item:before,.color-1 .blogslider .blog-slider .swiper-slide .item .btn-theme:hover,.color-1 .blog .item .btn-theme:hover,.color-1 .pagination .page-link:hover,.color-1 .form-check-input:checked,.color-1 .calltoaction,.color-1 .all-campaigns-page .campaigns-list .item .content-info .progress .progress-bar,.color-1 .donation-box .campaigns-list .item .content-info .progress .progress-bar,.color-1 .partners .partners-slider .swiper-pagination-bullet-active,.color-1 .calltoaction .content .left-side .copylink input,.color-1 .step.finish,.color-1 #counter:before,.color-1 .calltoaction,.color-1 .pagination .page-item.active .page-link,.color-1 #sendAsGift .accordion-item .gift-container input:checked~.checkmark,.color-1 #newGeneralAmount .accordion-item .gift-container input:checked~.checkmark,.color-1 .single-campaigns aside .donation-box header .progress .progress-bar,.color-1 .new_donate main aside .right-side .item .campaign-info .progress .progress-bar,.color-1 .new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark,.color-1 .new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark,.color-1 input[type=checkbox]:checked,.color-1 input[type=radio]:checked,.color-1 #openClose span:nth-child(2),.color-1 .customer-uploadcamp .h-vis-link a:last-of-type,.color-1 [class^="imghvr-shutter-out-"]:before,.color-1 [class*=" imghvr-shutter-out-"]:before,.color-1 .inner_categories li .cat_item {
    background-color: #65b530
}

.color-1 .inner_categories li:hover .cat_item,.color-1 .inner_categories li:focus .cat_item {
    background: #65b530;
    opacity: .8
}

.color-1 .customer-uploadcamp .h-vis-link a:first-of-type {
    color: #65b530
}

.color-1 .customer-uploadcamp .h-vis-link a:last-of-type,.color-1 .customer-uploadcamp .h-vis-link a {
    border: 2px solid #65b530
}

.color-1 .customer-uploadcamp .h-vis-link a:last-of-type:hover,.color-1 .customer-uploadcamp .h-vis-link a:hover {
    background-color: #65b530
}

.color-1 .blogslider .blog-slider .swiper-button-next,.color-1 .blogslider .blog-slider .swiper-button-prev,.color-1 .pagination .page-link,.color-1 .navbar.navbar-light .navbar-nav .nav-link.active,.color-1 .navbar.navbar-light .navbar-nav .nav-link:hover,.color-1 .navbar.navbar-light .navbar-nav .nav-link:focus,.color-1 .campaings .campaings-slider .swiper-button-next,.color-1 .campaings .campaings-slider .swiper-button-prev,.color-1 .footer-container .left-side li a:hover,.color-1 .footer-container .right-side li a:hover,.color-1 .footer-container .left-side li a:focus,.color-1 .footer-container .right-side li a:focus,.color-1 .blogslider .blog-slider .swiper-slide .item h4 a:hover,.color-1 .blogslider .blog-slider .swiper-slide .item h4 a:focus,.color-1 .blog .item h4 a:hover,.color-1 .blog .item h4 a:focus,.color-1 .section-title h4,.color-1 .statistics .content .left-side .item h3,.color-1 .footer-container .left-side ul li a span:first-child,.color-1 .all-campaigns-page .campaigns-list .no-content a,.color-1 .partners .partners-slider .swiper-button-next,.color-1 .partners .partners-slider .swiper-button-prev,.color-1 .single-campaigns main .article-box .choose_main_amount a span:first-child,.color-1 .single-campaigns main .article-box .choose_main_amount i,.color-1 .campaings .content h4,.color-1 .calltoaction .content .left-side .copylink button,.color-1 .whatwedo .right-side .item:focus h3 a,.color-1 .whatwedo .right-side .item:hover h3 a,.color-1 .footer-container .right-side .copyrights .top-item i,.color-1 .footer-container .left-side ul li a strong i,.color-1 .footer-container .left-side ul li a strong img,.color-1 #regForm .tab .full .item label span a,.color-1 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-1 .blogslider .blog-slider .swiper-slide .item:hover h5 a,.color-1 .blogslider .blog-slider .swiper-slide .item:focus h5 a,.color-1 .campaings .campaings-slider .swiper-slide .item:hover .entry-content h3 a,.color-1 .campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 a,.color-1 .all-campaigns-page .campaigns-list .item:hover .entry-content h3 a,.color-1 .all-campaigns-page .campaigns-list .item:focus .entry-content h3 a,.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title,.color-1 .campaings .btn-theme.white,.color-1 .special-camp .item:hover .entry-content h3 a,.color-1 .special-camp .item:focus .entry-content h3 a,.color-1 .special-camp .item .entry-content .camp-info .raised .title,.color-1 .special-camp .item .entry-content .camp-info .goals .title,.color-1 .special-camp .item .entry-content .camp-info .donor .title,.color-1 .special-camp .item .entry-content .camp-info .raised span,.color-1 .special-camp .item .entry-content .camp-info .goals span,.color-1 .special-camp .item .entry-content .camp-info .donor span,.color-1 .donor-list li:first-child .content p,.color-1 .donor-list li:first-child .avatar i,.color-1 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-1 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-1 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-1 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-1 #donationBox .donate-form .choose_main_amount .btn-type:hover a,.color-1 #donationBox .donate-form .choose_main_amount .btn-type:focus a,.color-1 .whatwedo .content .item:hover h3 a,.color-1 .whatwedo .content .item:focus h3 a,.color-1 .all-btns .button,.color-1 .btn-theme.bordered {
    color: #65b530
}

.color-1 .all-btns .button {
    color: #65b530;
    border-color: #65b530
}

.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title {
    color: #4f8d25
}

.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-1 .special-camp .item .entry-content .camp-info .raised .title,.color-1 .special-camp .item .entry-content .camp-info .goals .title,.color-1 .special-camp .item .entry-content .camp-info .donor .title {
    color: #000
}

.color-1 .heroslider .hero-slider .swiper-slide:after {
    background-color: rgba(0,0,0,0.6);
    opacity: .2
}

.color-1 .new_donate main .left-side .donate-form #sendAsGift {
    background-color: rgba(101,181,48,0.35)
}

.color-1 footer.main_footer:before,.color-1 .inner_categories li .cat_item.active {
    background-color: #4f8d25;
    opacity: .9
}

.color-1 .form-check-input:checked,.color-1 .accordion,.color-1 .register-ngo .get-in-touch .left-side .content .step.active,.color-1 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-1 .blogslider .blog-slider .swiper-slide .item:hover,.color-1 .blogslider .blog-slider .swiper-slide .item:focus,.color-1 #impact ul li:hover,.color-1 #impact ul li:focus,.color-1 .campaings .btn-theme.white,.color-1 .page-item.active .page-link,.color-1 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-1 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-1 input[type=checkbox],.color-1 input[type=radio],.color-1 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-1 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-1 .gitfpop .content footer .btn-theme {
    border-color: #65b530
}

.color-1 .filter-green {
    -webkit-filter: invert(64%) sepia(37%) saturate(807%) hue-rotate(53deg) brightness(90%) contrast(88%);
    filter: invert(64%) sepia(37%) saturate(807%) hue-rotate(53deg) brightness(90%) contrast(88%)
}

.color-1 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:hover,.color-1 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:focus,.color-1 .donor-list li:first-child .avatar,.color-1 .all-btns .button:hover,.color-1 .all-btns .button:focus {
    background-color: #f0faea
}

.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised span,.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals span,.color-1 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor span,.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised span,.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals span,.color-1 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor span {
    color: #7ecf49
}

.color-1 .special-camp .item .entry-content .progress-content-outter {
    background: #d1d1d1
}

.color-1 .footer-container a,.color-1 .footer-container p {
    color: rgba(255,255,255,0.6)
}

.color-1 .btn-type {
    border: .1rem solid #65b530
}

.color-1 .btn-type:hover,.color-1 .btn-type:focus {
    background: #fff
}

.color-1 .allpops .btn-theme {
    color: #65b530;
    border-color: #65b530
}

.color-1 .allpops .btn-theme:hover,.color-1 .allpops .btn-theme:focus {
    background: #f0faea
}

.color-2 .topnavbar,.color-2 .btn-theme.green,.color-2 .section-title:before,.color-2 .campaings .campaings-slider .item .content-info .progress .progress-bar,.color-2 .campaings .campaings-slider .swiper-pagination-bullet-active,.color-2 .contacts .get-in-touch .left-side .volunteer::before,.color-2 .dropdown-menu li .dropdown-item:before,.color-2 .blogslider .blog-slider .swiper-slide .item .btn-theme:hover,.color-2 .blog .item .btn-theme:hover,.color-2 .pagination .page-link:hover,.color-2 .form-check-input:checked,.color-2 .calltoaction,.color-2 .all-campaigns-page .campaigns-list .item .content-info .progress .progress-bar,.color-2 .donation-box .campaigns-list .item .content-info .progress .progress-bar,.color-2 .partners .partners-slider .swiper-pagination-bullet-active,.color-2 .calltoaction .content .left-side .copylink input,.color-2 .step.finish,.color-2 #counter:before,.color-2 .calltoaction,.color-2 .pagination .page-item.active .page-link,.color-2 #sendAsGift .accordion-item .gift-container input:checked~.checkmark,.color-2 #newGeneralAmount .accordion-item .gift-container input:checked~.checkmark,.color-2 .single-campaigns aside .donation-box header .progress .progress-bar,.color-2 .new_donate main aside .right-side .item .campaign-info .progress .progress-bar,.color-2 .new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark,.color-2 .new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark,.color-2 input[type=checkbox]:checked,.color-2 input[type=radio]:checked,.color-2 #openClose span:nth-child(2),.color-2 .customer-uploadcamp .h-vis-link a:last-of-type,.color-2 [class^="imghvr-shutter-out-"]:before,.color-2 [class*=" imghvr-shutter-out-"]:before,.color-2 .inner_categories li .cat_item {
    background-color: #825695
}

.color-2 .inner_categories li:hover .cat_item,.color-2 .inner_categories li:focus .cat_item {
    background: #825695;
    opacity: .8
}

.color-2 .customer-uploadcamp .h-vis-link a:first-of-type {
    color: #825695
}

.color-2 .customer-uploadcamp .h-vis-link a:last-of-type,.color-2 .customer-uploadcamp .h-vis-link a {
    border: 2px solid #825695
}

.color-2 .customer-uploadcamp .h-vis-link a:last-of-type:hover,.color-2 .customer-uploadcamp .h-vis-link a:hover {
    background-color: #825695
}

.color-2 .blogslider .blog-slider .swiper-button-next,.color-2 .blogslider .blog-slider .swiper-button-prev,.color-2 .pagination .page-link,.color-2 .navbar.navbar-light .navbar-nav .nav-link.active,.color-2 .navbar.navbar-light .navbar-nav .nav-link:hover,.color-2 .navbar.navbar-light .navbar-nav .nav-link:focus,.color-2 .campaings .campaings-slider .swiper-button-next,.color-2 .campaings .campaings-slider .swiper-button-prev,.color-2 .footer-container .left-side li a:hover,.color-2 .footer-container .right-side li a:hover,.color-2 .footer-container .left-side li a:focus,.color-2 .footer-container .right-side li a:focus,.color-2 .blogslider .blog-slider .swiper-slide .item h4 a:hover,.color-2 .blogslider .blog-slider .swiper-slide .item h4 a:focus,.color-2 .blog .item h4 a:hover,.color-2 .blog .item h4 a:focus,.color-2 .section-title h4,.color-2 .statistics .content .left-side .item h3,.color-2 .footer-container .left-side ul li a span:first-child,.color-2 .all-campaigns-page .campaigns-list .no-content a,.color-2 .partners .partners-slider .swiper-button-next,.color-2 .partners .partners-slider .swiper-button-prev,.color-2 .single-campaigns main .article-box .choose_main_amount a span:first-child,.color-2 .single-campaigns main .article-box .choose_main_amount i,.color-2 .campaings .content h4,.color-2 .calltoaction .content .left-side .copylink button,.color-2 .whatwedo .right-side .item:focus h3 a,.color-2 .whatwedo .right-side .item:hover h3 a,.color-2 .footer-container .right-side .copyrights .top-item i,.color-2 .footer-container .left-side ul li a strong i,.color-2 .footer-container .left-side ul li a strong img,.color-2 #regForm .tab .full .item label span a,.color-2 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-2 .blogslider .blog-slider .swiper-slide .item:hover h5 a,.color-2 .blogslider .blog-slider .swiper-slide .item:focus h5 a,.color-2 .campaings .campaings-slider .swiper-slide .item:hover .entry-content h3 a,.color-2 .campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 a,.color-2 .all-campaigns-page .campaigns-list .item:hover .entry-content h3 a,.color-2 .all-campaigns-page .campaigns-list .item:focus .entry-content h3 a,.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title,.color-2 .campaings .btn-theme.white,.color-2 .special-camp .item:hover .entry-content h3 a,.color-2 .special-camp .item:focus .entry-content h3 a,.color-2 .special-camp .item .entry-content .camp-info .raised .title,.color-2 .special-camp .item .entry-content .camp-info .goals .title,.color-2 .special-camp .item .entry-content .camp-info .donor .title,.color-2 .special-camp .item .entry-content .camp-info .raised span,.color-2 .special-camp .item .entry-content .camp-info .goals span,.color-2 .special-camp .item .entry-content .camp-info .donor span,.color-2 .donor-list li:first-child .content p,.color-2 .donor-list li:first-child .avatar i,.color-2 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-2 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-2 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-2 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-2 #donationBox .donate-form .choose_main_amount .btn-type:hover a,.color-2 #donationBox .donate-form .choose_main_amount .btn-type:focus a,.color-2 .whatwedo .content .item:hover h3 a,.color-2 .whatwedo .content .item:focus h3 a,.color-2 .all-btns .button,.color-2 .btn-theme.bordered {
    color: #825695
}

.color-2 .all-btns .button {
    color: #825695;
    border-color: #825695
}

.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title {
    color: #664375
}

.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-2 .special-camp .item .entry-content .camp-info .raised .title,.color-2 .special-camp .item .entry-content .camp-info .goals .title,.color-2 .special-camp .item .entry-content .camp-info .donor .title {
    color: #000
}

.color-2 .heroslider .hero-slider .swiper-slide:after {
    background-color: rgba(0,0,0,0.6);
    opacity: .2
}

.color-2 .new_donate main .left-side .donate-form #sendAsGift {
    background-color: rgba(130,80,149,0.35)
}

.color-2 footer.main_footer:before,.color-2 .inner_categories li .cat_item.active {
    background-color: #664375;
    opacity: .9
}

.color-2 .form-check-input:checked,.color-2 .accordion,.color-2 .register-ngo .get-in-touch .left-side .content .step.active,.color-2 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-2 .blogslider .blog-slider .swiper-slide .item:hover,.color-2 .blogslider .blog-slider .swiper-slide .item:focus,.color-2 #impact ul li:hover,.color-2 #impact ul li:focus,.color-2 .campaings .btn-theme.white,.color-2 .page-item.active .page-link,.color-2 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-2 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-2 input[type=checkbox],.color-2 input[type=radio],.color-2 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-2 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-2 .gitfpop .content footer .btn-theme {
    border-color: #825695
}

.color-2 .filter-green {
    -webkit-filter: invert(37%) sepia(47%) saturate(490%) hue-rotate(237deg) brightness(94%) contrast(91%);
    filter: invert(37%) sepia(47%) saturate(490%) hue-rotate(237deg) brightness(94%) contrast(91%)
}

.color-2 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:hover,.color-2 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:focus,.color-2 .donor-list li:first-child .avatar,.color-2 .all-btns .button:hover,.color-2 .all-btns .button:focus {
    background-color: #f6f2f8
}

.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised span,.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals span,.color-2 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor span,.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised span,.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals span,.color-2 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor span {
    color: #9b71ad
}

.color-2 .special-camp .item .entry-content .progress-content-outter {
    background: #d1d1d1
}

.color-2 .footer-container a,.color-2 .footer-container p {
    color: rgba(255,255,255,0.6)
}

.color-2 .btn-type {
    border: .1rem solid #825695
}

.color-2 .btn-type:hover,.color-2 .btn-type:focus {
    background: #fff
}

.color-2 .allpops .btn-theme {
    color: #825695;
    border-color: #825695
}

.color-2 .allpops .btn-theme:hover,.color-2 .allpops .btn-theme:focus {
    background: #f6f2f8
}

.color-3 .footer-container .left-side ul li a strong i {
    color: #bc80f4 !important
}

.color-3 .topnavbar,.color-3 .btn-theme.green,.color-3 .section-title:before,.color-3 .campaings .campaings-slider .item .content-info .progress .progress-bar,.color-3 .campaings .campaings-slider .swiper-pagination-bullet-active,.color-3 .contacts .get-in-touch .left-side .volunteer::before,.color-3 .dropdown-menu li .dropdown-item:before,.color-3 .blogslider .blog-slider .swiper-slide .item .btn-theme:hover,.color-3 .blog .item .btn-theme:hover,.color-3 .pagination .page-link:hover,.color-3 .form-check-input:checked,.color-3 .calltoaction,.color-3 .all-campaigns-page .campaigns-list .item .content-info .progress .progress-bar,.color-3 .donation-box .campaigns-list .item .content-info .progress .progress-bar,.color-3 .partners .partners-slider .swiper-pagination-bullet-active,.color-3 .calltoaction .content .left-side .copylink input,.color-3 .step.finish,.color-3 #counter:before,.color-3 .calltoaction,.color-3 .pagination .page-item.active .page-link,.color-3 #sendAsGift .accordion-item .gift-container input:checked~.checkmark,.color-3 #newGeneralAmount .accordion-item .gift-container input:checked~.checkmark,.color-3 .single-campaigns aside .donation-box header .progress .progress-bar,.color-3 .new_donate main aside .right-side .item .campaign-info .progress .progress-bar,.color-3 .new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark,.color-3 .new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark,.color-3 input[type=checkbox]:checked,.color-3 input[type=radio]:checked,.color-3 #openClose span:nth-child(2),.color-3 .customer-uploadcamp .h-vis-link a:last-of-type,.color-3 [class^="imghvr-shutter-out-"]:before,.color-3 [class*=" imghvr-shutter-out-"]:before,.color-3 .inner_categories li .cat_item {
    background-color: #3c096c
}

.color-3 .inner_categories li:hover .cat_item,.color-3 .inner_categories li:focus .cat_item {
    background: #3c096c;
    opacity: .8
}

.color-3 .customer-uploadcamp .h-vis-link a:first-of-type {
    color: #3c096c
}

.color-3 .customer-uploadcamp .h-vis-link a:last-of-type,.color-3 .customer-uploadcamp .h-vis-link a {
    border: 2px solid #3c096c
}

.color-3 .customer-uploadcamp .h-vis-link a:last-of-type:hover,.color-3 .customer-uploadcamp .h-vis-link a:hover {
    background-color: #3c096c
}

.color-3 .blogslider .blog-slider .swiper-button-next,.color-3 .blogslider .blog-slider .swiper-button-prev,.color-3 .pagination .page-link,.color-3 .navbar.navbar-light .navbar-nav .nav-link.active,.color-3 .navbar.navbar-light .navbar-nav .nav-link:hover,.color-3 .navbar.navbar-light .navbar-nav .nav-link:focus,.color-3 .campaings .campaings-slider .swiper-button-next,.color-3 .campaings .campaings-slider .swiper-button-prev,.color-3 .footer-container .left-side li a:hover,.color-3 .footer-container .right-side li a:hover,.color-3 .footer-container .left-side li a:focus,.color-3 .footer-container .right-side li a:focus,.color-3 .blogslider .blog-slider .swiper-slide .item h4 a:hover,.color-3 .blogslider .blog-slider .swiper-slide .item h4 a:focus,.color-3 .blog .item h4 a:hover,.color-3 .blog .item h4 a:focus,.color-3 .section-title h4,.color-3 .statistics .content .left-side .item h3,.color-3 .footer-container .left-side ul li a span:first-child,.color-3 .all-campaigns-page .campaigns-list .no-content a,.color-3 .partners .partners-slider .swiper-button-next,.color-3 .partners .partners-slider .swiper-button-prev,.color-3 .single-campaigns main .article-box .choose_main_amount a span:first-child,.color-3 .single-campaigns main .article-box .choose_main_amount i,.color-3 .campaings .content h4,.color-3 .calltoaction .content .left-side .copylink button,.color-3 .whatwedo .right-side .item:focus h3 a,.color-3 .whatwedo .right-side .item:hover h3 a,.color-3 .footer-container .right-side .copyrights .top-item i,.color-3 .footer-container .left-side ul li a strong i,.color-3 .footer-container .left-side ul li a strong img,.color-3 #regForm .tab .full .item label span a,.color-3 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-3 .blogslider .blog-slider .swiper-slide .item:hover h5 a,.color-3 .blogslider .blog-slider .swiper-slide .item:focus h5 a,.color-3 .campaings .campaings-slider .swiper-slide .item:hover .entry-content h3 a,.color-3 .campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 a,.color-3 .all-campaigns-page .campaigns-list .item:hover .entry-content h3 a,.color-3 .all-campaigns-page .campaigns-list .item:focus .entry-content h3 a,.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title,.color-3 .campaings .btn-theme.white,.color-3 .special-camp .item:hover .entry-content h3 a,.color-3 .special-camp .item:focus .entry-content h3 a,.color-3 .special-camp .item .entry-content .camp-info .raised .title,.color-3 .special-camp .item .entry-content .camp-info .goals .title,.color-3 .special-camp .item .entry-content .camp-info .donor .title,.color-3 .special-camp .item .entry-content .camp-info .raised span,.color-3 .special-camp .item .entry-content .camp-info .goals span,.color-3 .special-camp .item .entry-content .camp-info .donor span,.color-3 .donor-list li:first-child .content p,.color-3 .donor-list li:first-child .avatar i,.color-3 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-3 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-3 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-3 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-3 #donationBox .donate-form .choose_main_amount .btn-type:hover a,.color-3 #donationBox .donate-form .choose_main_amount .btn-type:focus a,.color-3 .whatwedo .content .item:hover h3 a,.color-3 .whatwedo .content .item:focus h3 a,.color-3 .all-btns .button,.color-3 .btn-theme.bordered {
    color: #3c096c
}

.color-3 .all-btns .button {
    color: #3c096c;
    border-color: #3c096c
}

.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title {
    color: #22053d
}

.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-3 .special-camp .item .entry-content .camp-info .raised .title,.color-3 .special-camp .item .entry-content .camp-info .goals .title,.color-3 .special-camp .item .entry-content .camp-info .donor .title {
    color: #000
}

.color-3 .heroslider .hero-slider .swiper-slide:after {
    background-color: rgba(0,0,0,0.6);
    opacity: .2
}

.color-3 .new_donate main .left-side .donate-form #sendAsGift {
    background-color: rgba(60,9,108,0.35)
}

.color-3 footer.main_footer:before,.color-3 .inner_categories li .cat_item.active {
    background-color: #22053d;
    opacity: .9
}

.color-3 .form-check-input:checked,.color-3 .accordion,.color-3 .register-ngo .get-in-touch .left-side .content .step.active,.color-3 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-3 .blogslider .blog-slider .swiper-slide .item:hover,.color-3 .blogslider .blog-slider .swiper-slide .item:focus,.color-3 #impact ul li:hover,.color-3 #impact ul li:focus,.color-3 .campaings .btn-theme.white,.color-3 .page-item.active .page-link,.color-3 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-3 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-3 input[type=checkbox],.color-3 input[type=radio],.color-3 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-3 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-3 .gitfpop .content footer .btn-theme {
    border-color: #3c096c
}

.color-3 .filter-green {
    -webkit-filter: invert(14%) sepia(31%) saturate(6836%) hue-rotate(263deg) brightness(77%) contrast(112%);
    filter: invert(14%) sepia(31%) saturate(6836%) hue-rotate(263deg) brightness(77%) contrast(112%)
}

.color-3 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:hover,.color-3 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:focus,.color-3 .donor-list li:first-child .avatar,.color-3 .all-btns .button:hover,.color-3 .all-btns .button:focus {
    background-color: #bc80f4
}

.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised span,.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals span,.color-3 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor span,.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised span,.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals span,.color-3 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor span {
    color: #560d9b
}

.color-3 .special-camp .item .entry-content .progress-content-outter {
    background: #d1d1d1
}

.color-3 .footer-container a,.color-3 .footer-container p {
    color: rgba(255,255,255,0.6)
}

.color-3 .btn-type {
    border: .1rem solid #3c096c
}

.color-3 .btn-type:hover,.color-3 .btn-type:focus {
    background: #d5aff8
}

.color-3 .allpops .btn-theme {
    color: #3c096c;
    border-color: #3c096c
}

.color-3 .allpops .btn-theme:hover,.color-3 .allpops .btn-theme:focus {
    background: #bc80f4
}

.color-4 .topnavbar,.color-4 .btn-theme.green,.color-4 .section-title:before,.color-4 .campaings .campaings-slider .item .content-info .progress .progress-bar,.color-4 .campaings .campaings-slider .swiper-pagination-bullet-active,.color-4 .contacts .get-in-touch .left-side .volunteer::before,.color-4 .dropdown-menu li .dropdown-item:before,.color-4 .blogslider .blog-slider .swiper-slide .item .btn-theme:hover,.color-4 .blog .item .btn-theme:hover,.color-4 .pagination .page-link:hover,.color-4 .form-check-input:checked,.color-4 .calltoaction,.color-4 .all-campaigns-page .campaigns-list .item .content-info .progress .progress-bar,.color-4 .donation-box .campaigns-list .item .content-info .progress .progress-bar,.color-4 .partners .partners-slider .swiper-pagination-bullet-active,.color-4 .calltoaction .content .left-side .copylink input,.color-4 .step.finish,.color-4 #counter:before,.color-4 .calltoaction,.color-4 .pagination .page-item.active .page-link,.color-4 #sendAsGift .accordion-item .gift-container input:checked~.checkmark,.color-4 #newGeneralAmount .accordion-item .gift-container input:checked~.checkmark,.color-4 .single-campaigns aside .donation-box header .progress .progress-bar,.color-4 .new_donate main aside .right-side .item .campaign-info .progress .progress-bar,.color-4 .new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark,.color-4 .new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark,.color-4 input[type=checkbox]:checked,.color-4 input[type=radio]:checked,.color-4 #openClose span:nth-child(2),.color-4 .customer-uploadcamp .h-vis-link a:last-of-type,.color-4 [class^="imghvr-shutter-out-"]:before,.color-4 [class*=" imghvr-shutter-out-"]:before,.color-4 .inner_categories li .cat_item {
    background-color: #1da1f2
}

.color-4 .inner_categories li:hover .cat_item,.color-4 .inner_categories li:focus .cat_item {
    background: #1da1f2;
    opacity: .8
}

.color-4 .customer-uploadcamp .h-vis-link a:first-of-type {
    color: #1da1f2
}

.color-4 .customer-uploadcamp .h-vis-link a:last-of-type,.color-4 .customer-uploadcamp .h-vis-link a {
    border: 2px solid #1da1f2
}

.color-4 .customer-uploadcamp .h-vis-link a:last-of-type:hover,.color-4 .customer-uploadcamp .h-vis-link a:hover {
    background-color: #1da1f2
}

.color-4 .blogslider .blog-slider .swiper-button-next,.color-4 .blogslider .blog-slider .swiper-button-prev,.color-4 .pagination .page-link,.color-4 .navbar.navbar-light .navbar-nav .nav-link.active,.color-4 .navbar.navbar-light .navbar-nav .nav-link:hover,.color-4 .navbar.navbar-light .navbar-nav .nav-link:focus,.color-4 .campaings .campaings-slider .swiper-button-next,.color-4 .campaings .campaings-slider .swiper-button-prev,.color-4 .footer-container .left-side li a:hover,.color-4 .footer-container .right-side li a:hover,.color-4 .footer-container .left-side li a:focus,.color-4 .footer-container .right-side li a:focus,.color-4 .blogslider .blog-slider .swiper-slide .item h4 a:hover,.color-4 .blogslider .blog-slider .swiper-slide .item h4 a:focus,.color-4 .blog .item h4 a:hover,.color-4 .blog .item h4 a:focus,.color-4 .section-title h4,.color-4 .statistics .content .left-side .item h3,.color-4 .footer-container .left-side ul li a span:first-child,.color-4 .all-campaigns-page .campaigns-list .no-content a,.color-4 .partners .partners-slider .swiper-button-next,.color-4 .partners .partners-slider .swiper-button-prev,.color-4 .single-campaigns main .article-box .choose_main_amount a span:first-child,.color-4 .single-campaigns main .article-box .choose_main_amount i,.color-4 .campaings .content h4,.color-4 .calltoaction .content .left-side .copylink button,.color-4 .whatwedo .right-side .item:focus h3 a,.color-4 .whatwedo .right-side .item:hover h3 a,.color-4 .footer-container .right-side .copyrights .top-item i,.color-4 .footer-container .left-side ul li a strong i,.color-4 .footer-container .left-side ul li a strong img,.color-4 #regForm .tab .full .item label span a,.color-4 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-4 .blogslider .blog-slider .swiper-slide .item:hover h5 a,.color-4 .blogslider .blog-slider .swiper-slide .item:focus h5 a,.color-4 .campaings .campaings-slider .swiper-slide .item:hover .entry-content h3 a,.color-4 .campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 a,.color-4 .all-campaigns-page .campaigns-list .item:hover .entry-content h3 a,.color-4 .all-campaigns-page .campaigns-list .item:focus .entry-content h3 a,.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title,.color-4 .campaings .btn-theme.white,.color-4 .special-camp .item:hover .entry-content h3 a,.color-4 .special-camp .item:focus .entry-content h3 a,.color-4 .special-camp .item .entry-content .camp-info .raised .title,.color-4 .special-camp .item .entry-content .camp-info .goals .title,.color-4 .special-camp .item .entry-content .camp-info .donor .title,.color-4 .special-camp .item .entry-content .camp-info .raised span,.color-4 .special-camp .item .entry-content .camp-info .goals span,.color-4 .special-camp .item .entry-content .camp-info .donor span,.color-4 .donor-list li:first-child .content p,.color-4 .donor-list li:first-child .avatar i,.color-4 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-4 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-4 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-4 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-4 #donationBox .donate-form .choose_main_amount .btn-type:hover a,.color-4 #donationBox .donate-form .choose_main_amount .btn-type:focus a,.color-4 .whatwedo .content .item:hover h3 a,.color-4 .whatwedo .content .item:focus h3 a,.color-4 .all-btns .button,.color-4 .btn-theme.bordered {
    color: #1da1f2
}

.color-4 .all-btns .button {
    color: #1da1f2;
    border-color: #1da1f2
}

.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title {
    color: #0c85d0
}

.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-4 .special-camp .item .entry-content .camp-info .raised .title,.color-4 .special-camp .item .entry-content .camp-info .goals .title,.color-4 .special-camp .item .entry-content .camp-info .donor .title {
    color: #000
}

.color-4 .heroslider .hero-slider .swiper-slide:after {
    background-color: rgba(0,0,0,0.6);
    opacity: .2
}

.color-4 .new_donate main .left-side .donate-form #sendAsGift {
    background-color: rgba(29,161,242,0.35)
}

.color-4 footer.main_footer:before,.color-4 .inner_categories li .cat_item.active {
    background-color: #0c85d0;
    opacity: .9
}

.color-4 .form-check-input:checked,.color-4 .accordion,.color-4 .register-ngo .get-in-touch .left-side .content .step.active,.color-4 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-4 .blogslider .blog-slider .swiper-slide .item:hover,.color-4 .blogslider .blog-slider .swiper-slide .item:focus,.color-4 #impact ul li:hover,.color-4 #impact ul li:focus,.color-4 .campaings .btn-theme.white,.color-4 .page-item.active .page-link,.color-4 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-4 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-4 input[type=checkbox],.color-4 input[type=radio],.color-4 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-4 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-4 .gitfpop .content footer .btn-theme {
    border-color: #1da1f2
}

.color-4 .filter-green {
    -webkit-filter: invert(47%) sepia(98%) saturate(1555%) hue-rotate(176deg) brightness(99%) contrast(92%);
    filter: invert(47%) sepia(98%) saturate(1555%) hue-rotate(176deg) brightness(99%) contrast(92%)
}

.color-4 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:hover,.color-4 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:focus,.color-4 .donor-list li:first-child .avatar,.color-4 .all-btns .button:hover,.color-4 .all-btns .button:focus {
    background-color: #fff
}

.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised span,.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals span,.color-4 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor span,.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised span,.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals span,.color-4 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor span {
    color: #4db5f5
}

.color-4 .special-camp .item .entry-content .progress-content-outter {
    background: #d1d1d1
}

.color-4 .footer-container a,.color-4 .footer-container p {
    color: rgba(255,255,255,0.6)
}

.color-4 .btn-type {
    border: .1rem solid #1da1f2
}

.color-4 .btn-type:hover,.color-4 .btn-type:focus {
    background: #fff
}

.color-4 .allpops .btn-theme {
    color: #1da1f2;
    border-color: #1da1f2
}

.color-4 .allpops .btn-theme:hover,.color-4 .allpops .btn-theme:focus {
    background: #fff
}

.color-5 .topnavbar,.color-5 .btn-theme.green,.color-5 .section-title:before,.color-5 .campaings .campaings-slider .item .content-info .progress .progress-bar,.color-5 .campaings .campaings-slider .swiper-pagination-bullet-active,.color-5 .contacts .get-in-touch .left-side .volunteer::before,.color-5 .dropdown-menu li .dropdown-item:before,.color-5 .blogslider .blog-slider .swiper-slide .item .btn-theme:hover,.color-5 .blog .item .btn-theme:hover,.color-5 .pagination .page-link:hover,.color-5 .form-check-input:checked,.color-5 .calltoaction,.color-5 .all-campaigns-page .campaigns-list .item .content-info .progress .progress-bar,.color-5 .donation-box .campaigns-list .item .content-info .progress .progress-bar,.color-5 .partners .partners-slider .swiper-pagination-bullet-active,.color-5 .calltoaction .content .left-side .copylink input,.color-5 .step.finish,.color-5 #counter:before,.color-5 .calltoaction,.color-5 .pagination .page-item.active .page-link,.color-5 #sendAsGift .accordion-item .gift-container input:checked~.checkmark,.color-5 #newGeneralAmount .accordion-item .gift-container input:checked~.checkmark,.color-5 .single-campaigns aside .donation-box header .progress .progress-bar,.color-5 .new_donate main aside .right-side .item .campaign-info .progress .progress-bar,.color-5 .new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark,.color-5 .new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark,.color-5 input[type=checkbox]:checked,.color-5 input[type=radio]:checked,.color-5 #openClose span:nth-child(2),.color-5 .customer-uploadcamp .h-vis-link a:last-of-type,.color-5 [class^="imghvr-shutter-out-"]:before,.color-5 [class*=" imghvr-shutter-out-"]:before,.color-5 .inner_categories li .cat_item {
    background-color: #276cbc
}

.color-5 .inner_categories li:hover .cat_item,.color-5 .inner_categories li:focus .cat_item {
    background: #276cbc;
    opacity: .8
}

.color-5 .customer-uploadcamp .h-vis-link a:first-of-type {
    color: #276cbc
}

.color-5 .customer-uploadcamp .h-vis-link a:last-of-type,.color-5 .customer-uploadcamp .h-vis-link a {
    border: 2px solid #276cbc
}

.color-5 .customer-uploadcamp .h-vis-link a:last-of-type:hover,.color-5 .customer-uploadcamp .h-vis-link a:hover {
    background-color: #276cbc
}

.color-5 .blogslider .blog-slider .swiper-button-next,.color-5 .blogslider .blog-slider .swiper-button-prev,.color-5 .pagination .page-link,.color-5 .navbar.navbar-light .navbar-nav .nav-link.active,.color-5 .navbar.navbar-light .navbar-nav .nav-link:hover,.color-5 .navbar.navbar-light .navbar-nav .nav-link:focus,.color-5 .campaings .campaings-slider .swiper-button-next,.color-5 .campaings .campaings-slider .swiper-button-prev,.color-5 .footer-container .left-side li a:hover,.color-5 .footer-container .right-side li a:hover,.color-5 .footer-container .left-side li a:focus,.color-5 .footer-container .right-side li a:focus,.color-5 .blogslider .blog-slider .swiper-slide .item h4 a:hover,.color-5 .blogslider .blog-slider .swiper-slide .item h4 a:focus,.color-5 .blog .item h4 a:hover,.color-5 .blog .item h4 a:focus,.color-5 .section-title h4,.color-5 .statistics .content .left-side .item h3,.color-5 .footer-container .left-side ul li a span:first-child,.color-5 .all-campaigns-page .campaigns-list .no-content a,.color-5 .partners .partners-slider .swiper-button-next,.color-5 .partners .partners-slider .swiper-button-prev,.color-5 .single-campaigns main .article-box .choose_main_amount a span:first-child,.color-5 .single-campaigns main .article-box .choose_main_amount i,.color-5 .campaings .content h4,.color-5 .calltoaction .content .left-side .copylink button,.color-5 .whatwedo .right-side .item:focus h3 a,.color-5 .whatwedo .right-side .item:hover h3 a,.color-5 .footer-container .right-side .copyrights .top-item i,.color-5 .footer-container .left-side ul li a strong i,.color-5 .footer-container .left-side ul li a strong img,.color-5 #regForm .tab .full .item label span a,.color-5 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-5 .blogslider .blog-slider .swiper-slide .item:hover h5 a,.color-5 .blogslider .blog-slider .swiper-slide .item:focus h5 a,.color-5 .campaings .campaings-slider .swiper-slide .item:hover .entry-content h3 a,.color-5 .campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 a,.color-5 .all-campaigns-page .campaigns-list .item:hover .entry-content h3 a,.color-5 .all-campaigns-page .campaigns-list .item:focus .entry-content h3 a,.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title,.color-5 .campaings .btn-theme.white,.color-5 .special-camp .item:hover .entry-content h3 a,.color-5 .special-camp .item:focus .entry-content h3 a,.color-5 .special-camp .item .entry-content .camp-info .raised .title,.color-5 .special-camp .item .entry-content .camp-info .goals .title,.color-5 .special-camp .item .entry-content .camp-info .donor .title,.color-5 .special-camp .item .entry-content .camp-info .raised span,.color-5 .special-camp .item .entry-content .camp-info .goals span,.color-5 .special-camp .item .entry-content .camp-info .donor span,.color-5 .donor-list li:first-child .content p,.color-5 .donor-list li:first-child .avatar i,.color-5 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-5 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-5 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-5 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-5 #donationBox .donate-form .choose_main_amount .btn-type:hover a,.color-5 #donationBox .donate-form .choose_main_amount .btn-type:focus a,.color-5 .whatwedo .content .item:hover h3 a,.color-5 .whatwedo .content .item:focus h3 a,.color-5 .all-btns .button,.color-5 .btn-theme.bordered {
    color: #276cbc
}

.color-5 .all-btns .button {
    color: #276cbc;
    border-color: #276cbc
}

.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title {
    color: #1e5492
}

.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-5 .special-camp .item .entry-content .camp-info .raised .title,.color-5 .special-camp .item .entry-content .camp-info .goals .title,.color-5 .special-camp .item .entry-content .camp-info .donor .title {
    color: #000
}

.color-5 .heroslider .hero-slider .swiper-slide:after {
    background-color: rgba(0,0,0,0.6);
    opacity: .2
}

.color-5 .new_donate main .left-side .donate-form #sendAsGift {
    background-color: rgba(39,108,188,0.35)
}

.color-5 footer.main_footer:before,.color-5 .inner_categories li .cat_item.active {
    background-color: #1e5492;
    opacity: .9
}

.color-5 .form-check-input:checked,.color-5 .accordion,.color-5 .register-ngo .get-in-touch .left-side .content .step.active,.color-5 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-5 .blogslider .blog-slider .swiper-slide .item:hover,.color-5 .blogslider .blog-slider .swiper-slide .item:focus,.color-5 #impact ul li:hover,.color-5 #impact ul li:focus,.color-5 .campaings .btn-theme.white,.color-5 .page-item.active .page-link,.color-5 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-5 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-5 input[type=checkbox],.color-5 input[type=radio],.color-5 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-5 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-5 .gitfpop .content footer .btn-theme {
    border-color: #276cbc
}

.color-5 .filter-green {
    -webkit-filter: invert(40%) sepia(27%) saturate(1311%) hue-rotate(172deg) brightness(92%) contrast(102%);
    filter: invert(40%) sepia(27%) saturate(1311%) hue-rotate(172deg) brightness(92%) contrast(102%)
}

.color-5 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:hover,.color-5 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:focus,.color-5 .donor-list li:first-child .avatar,.color-5 .all-btns .button:hover,.color-5 .all-btns .button:focus {
    background-color: #e8f0fa
}

.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised span,.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals span,.color-5 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor span,.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised span,.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals span,.color-5 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor span {
    color: #3f85d7
}

.color-5 .special-camp .item .entry-content .progress-content-outter {
    background: #d1d1d1
}

.color-5 .footer-container a,.color-5 .footer-container p {
    color: rgba(255,255,255,0.6)
}

.color-5 .btn-type {
    border: .1rem solid #276cbc
}

.color-5 .btn-type:hover,.color-5 .btn-type:focus {
    background: #fff
}

.color-5 .allpops .btn-theme {
    color: #276cbc;
    border-color: #276cbc
}

.color-5 .allpops .btn-theme:hover,.color-5 .allpops .btn-theme:focus {
    background: #e8f0fa
}

.color-6 .topnavbar,.color-6 .btn-theme.green,.color-6 .section-title:before,.color-6 .campaings .campaings-slider .item .content-info .progress .progress-bar,.color-6 .campaings .campaings-slider .swiper-pagination-bullet-active,.color-6 .contacts .get-in-touch .left-side .volunteer::before,.color-6 .dropdown-menu li .dropdown-item:before,.color-6 .blogslider .blog-slider .swiper-slide .item .btn-theme:hover,.color-6 .blog .item .btn-theme:hover,.color-6 .pagination .page-link:hover,.color-6 .form-check-input:checked,.color-6 .calltoaction,.color-6 .all-campaigns-page .campaigns-list .item .content-info .progress .progress-bar,.color-6 .donation-box .campaigns-list .item .content-info .progress .progress-bar,.color-6 .partners .partners-slider .swiper-pagination-bullet-active,.color-6 .calltoaction .content .left-side .copylink input,.color-6 .step.finish,.color-6 #counter:before,.color-6 .calltoaction,.color-6 .pagination .page-item.active .page-link,.color-6 #sendAsGift .accordion-item .gift-container input:checked~.checkmark,.color-6 #newGeneralAmount .accordion-item .gift-container input:checked~.checkmark,.color-6 .single-campaigns aside .donation-box header .progress .progress-bar,.color-6 .new_donate main aside .right-side .item .campaign-info .progress .progress-bar,.color-6 .new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark,.color-6 .new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark,.color-6 input[type=checkbox]:checked,.color-6 input[type=radio]:checked,.color-6 #openClose span:nth-child(2),.color-6 .customer-uploadcamp .h-vis-link a:last-of-type,.color-6 [class^="imghvr-shutter-out-"]:before,.color-6 [class*=" imghvr-shutter-out-"]:before,.color-6 .inner_categories li .cat_item {
    background-color: #fbb034
}

.color-6 .inner_categories li:hover .cat_item,.color-6 .inner_categories li:focus .cat_item {
    background: #fbb034;
    opacity: .8
}

.color-6 .customer-uploadcamp .h-vis-link a:first-of-type {
    color: #fbb034
}

.color-6 .customer-uploadcamp .h-vis-link a:last-of-type,.color-6 .customer-uploadcamp .h-vis-link a {
    border: 2px solid #fbb034
}

.color-6 .customer-uploadcamp .h-vis-link a:last-of-type:hover,.color-6 .customer-uploadcamp .h-vis-link a:hover {
    background-color: #fbb034
}

.color-6 .blogslider .blog-slider .swiper-button-next,.color-6 .blogslider .blog-slider .swiper-button-prev,.color-6 .pagination .page-link,.color-6 .navbar.navbar-light .navbar-nav .nav-link.active,.color-6 .navbar.navbar-light .navbar-nav .nav-link:hover,.color-6 .navbar.navbar-light .navbar-nav .nav-link:focus,.color-6 .campaings .campaings-slider .swiper-button-next,.color-6 .campaings .campaings-slider .swiper-button-prev,.color-6 .footer-container .left-side li a:hover,.color-6 .footer-container .right-side li a:hover,.color-6 .footer-container .left-side li a:focus,.color-6 .footer-container .right-side li a:focus,.color-6 .blogslider .blog-slider .swiper-slide .item h4 a:hover,.color-6 .blogslider .blog-slider .swiper-slide .item h4 a:focus,.color-6 .blog .item h4 a:hover,.color-6 .blog .item h4 a:focus,.color-6 .section-title h4,.color-6 .statistics .content .left-side .item h3,.color-6 .footer-container .left-side ul li a span:first-child,.color-6 .all-campaigns-page .campaigns-list .no-content a,.color-6 .partners .partners-slider .swiper-button-next,.color-6 .partners .partners-slider .swiper-button-prev,.color-6 .single-campaigns main .article-box .choose_main_amount a span:first-child,.color-6 .single-campaigns main .article-box .choose_main_amount i,.color-6 .campaings .content h4,.color-6 .calltoaction .content .left-side .copylink button,.color-6 .whatwedo .right-side .item:focus h3 a,.color-6 .whatwedo .right-side .item:hover h3 a,.color-6 .footer-container .right-side .copyrights .top-item i,.color-6 .footer-container .left-side ul li a strong i,.color-6 .footer-container .left-side ul li a strong img,.color-6 #regForm .tab .full .item label span a,.color-6 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-6 .blogslider .blog-slider .swiper-slide .item:hover h5 a,.color-6 .blogslider .blog-slider .swiper-slide .item:focus h5 a,.color-6 .campaings .campaings-slider .swiper-slide .item:hover .entry-content h3 a,.color-6 .campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 a,.color-6 .all-campaigns-page .campaigns-list .item:hover .entry-content h3 a,.color-6 .all-campaigns-page .campaigns-list .item:focus .entry-content h3 a,.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title,.color-6 .campaings .btn-theme.white,.color-6 .special-camp .item:hover .entry-content h3 a,.color-6 .special-camp .item:focus .entry-content h3 a,.color-6 .special-camp .item .entry-content .camp-info .raised .title,.color-6 .special-camp .item .entry-content .camp-info .goals .title,.color-6 .special-camp .item .entry-content .camp-info .donor .title,.color-6 .special-camp .item .entry-content .camp-info .raised span,.color-6 .special-camp .item .entry-content .camp-info .goals span,.color-6 .special-camp .item .entry-content .camp-info .donor span,.color-6 .donor-list li:first-child .content p,.color-6 .donor-list li:first-child .avatar i,.color-6 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-6 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-6 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-6 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-6 #donationBox .donate-form .choose_main_amount .btn-type:hover a,.color-6 #donationBox .donate-form .choose_main_amount .btn-type:focus a,.color-6 .whatwedo .content .item:hover h3 a,.color-6 .whatwedo .content .item:focus h3 a,.color-6 .all-btns .button,.color-6 .btn-theme.bordered {
    color: #fbb034
}

.color-6 .all-btns .button {
    color: #fbb034;
    border-color: #fbb034
}

.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title {
    color: #f79c05
}

.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-6 .special-camp .item .entry-content .camp-info .raised .title,.color-6 .special-camp .item .entry-content .camp-info .goals .title,.color-6 .special-camp .item .entry-content .camp-info .donor .title {
    color: #000
}

.color-6 .heroslider .hero-slider .swiper-slide:after {
    background-color: rgba(0,0,0,0.6);
    opacity: .2
}

.color-6 .new_donate main .left-side .donate-form #sendAsGift {
    background-color: rgba(251,176,52,0.35)
}

.color-6 footer.main_footer:before,.color-6 .inner_categories li .cat_item.active {
    background-color: #f79c05;
    opacity: .9
}

.color-6 .form-check-input:checked,.color-6 .accordion,.color-6 .register-ngo .get-in-touch .left-side .content .step.active,.color-6 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-6 .blogslider .blog-slider .swiper-slide .item:hover,.color-6 .blogslider .blog-slider .swiper-slide .item:focus,.color-6 #impact ul li:hover,.color-6 #impact ul li:focus,.color-6 .campaings .btn-theme.white,.color-6 .page-item.active .page-link,.color-6 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-6 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-6 input[type=checkbox],.color-6 input[type=radio],.color-6 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-6 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-6 .gitfpop .content footer .btn-theme {
    border-color: #fbb034
}

.color-6 .filter-green {
    -webkit-filter: invert(78%) sepia(55%) saturate(1351%) hue-rotate(333deg) brightness(103%) contrast(97%);
    filter: invert(78%) sepia(55%) saturate(1351%) hue-rotate(333deg) brightness(103%) contrast(97%)
}

.color-6 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:hover,.color-6 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:focus,.color-6 .donor-list li:first-child .avatar,.color-6 .all-btns .button:hover,.color-6 .all-btns .button:focus {
    background-color: #fff
}

.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised span,.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals span,.color-6 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor span,.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised span,.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals span,.color-6 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor span {
    color: #fcc366
}

.color-6 .special-camp .item .entry-content .progress-content-outter {
    background: #d1d1d1
}

.color-6 .footer-container a,.color-6 .footer-container p {
    color: rgba(255,255,255,0.6)
}

.color-6 .btn-type {
    border: .1rem solid #fbb034
}

.color-6 .btn-type:hover,.color-6 .btn-type:focus {
    background: #fff
}

.color-6 .allpops .btn-theme {
    color: #fbb034;
    border-color: #fbb034
}

.color-6 .allpops .btn-theme:hover,.color-6 .allpops .btn-theme:focus {
    background: #fff
}

.color-7 .topnavbar,.color-7 .btn-theme.green,.color-7 .section-title:before,.color-7 .campaings .campaings-slider .item .content-info .progress .progress-bar,.color-7 .campaings .campaings-slider .swiper-pagination-bullet-active,.color-7 .contacts .get-in-touch .left-side .volunteer::before,.color-7 .dropdown-menu li .dropdown-item:before,.color-7 .blogslider .blog-slider .swiper-slide .item .btn-theme:hover,.color-7 .blog .item .btn-theme:hover,.color-7 .pagination .page-link:hover,.color-7 .form-check-input:checked,.color-7 .calltoaction,.color-7 .all-campaigns-page .campaigns-list .item .content-info .progress .progress-bar,.color-7 .donation-box .campaigns-list .item .content-info .progress .progress-bar,.color-7 .partners .partners-slider .swiper-pagination-bullet-active,.color-7 .calltoaction .content .left-side .copylink input,.color-7 .step.finish,.color-7 #counter:before,.color-7 .calltoaction,.color-7 .pagination .page-item.active .page-link,.color-7 #sendAsGift .accordion-item .gift-container input:checked~.checkmark,.color-7 #newGeneralAmount .accordion-item .gift-container input:checked~.checkmark,.color-7 .single-campaigns aside .donation-box header .progress .progress-bar,.color-7 .new_donate main aside .right-side .item .campaign-info .progress .progress-bar,.color-7 .new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark,.color-7 .new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark,.color-7 input[type=checkbox]:checked,.color-7 input[type=radio]:checked,.color-7 #openClose span:nth-child(2),.color-7 .customer-uploadcamp .h-vis-link a:last-of-type,.color-7 [class^="imghvr-shutter-out-"]:before,.color-7 [class*=" imghvr-shutter-out-"]:before,.color-7 .inner_categories li .cat_item {
    background-color: #c4750a
}

.color-7 .inner_categories li:hover .cat_item,.color-7 .inner_categories li:focus .cat_item {
    background: #c4750a;
    opacity: .8
}

.color-7 .customer-uploadcamp .h-vis-link a:first-of-type {
    color: #c4750a
}

.color-7 .customer-uploadcamp .h-vis-link a:last-of-type,.color-7 .customer-uploadcamp .h-vis-link a {
    border: 2px solid #c4750a
}

.color-7 .customer-uploadcamp .h-vis-link a:last-of-type:hover,.color-7 .customer-uploadcamp .h-vis-link a:hover {
    background-color: #c4750a
}

.color-7 .blogslider .blog-slider .swiper-button-next,.color-7 .blogslider .blog-slider .swiper-button-prev,.color-7 .pagination .page-link,.color-7 .navbar.navbar-light .navbar-nav .nav-link.active,.color-7 .navbar.navbar-light .navbar-nav .nav-link:hover,.color-7 .navbar.navbar-light .navbar-nav .nav-link:focus,.color-7 .campaings .campaings-slider .swiper-button-next,.color-7 .campaings .campaings-slider .swiper-button-prev,.color-7 .footer-container .left-side li a:hover,.color-7 .footer-container .right-side li a:hover,.color-7 .footer-container .left-side li a:focus,.color-7 .footer-container .right-side li a:focus,.color-7 .blogslider .blog-slider .swiper-slide .item h4 a:hover,.color-7 .blogslider .blog-slider .swiper-slide .item h4 a:focus,.color-7 .blog .item h4 a:hover,.color-7 .blog .item h4 a:focus,.color-7 .section-title h4,.color-7 .statistics .content .left-side .item h3,.color-7 .footer-container .left-side ul li a span:first-child,.color-7 .all-campaigns-page .campaigns-list .no-content a,.color-7 .partners .partners-slider .swiper-button-next,.color-7 .partners .partners-slider .swiper-button-prev,.color-7 .single-campaigns main .article-box .choose_main_amount a span:first-child,.color-7 .single-campaigns main .article-box .choose_main_amount i,.color-7 .campaings .content h4,.color-7 .calltoaction .content .left-side .copylink button,.color-7 .whatwedo .right-side .item:focus h3 a,.color-7 .whatwedo .right-side .item:hover h3 a,.color-7 .footer-container .right-side .copyrights .top-item i,.color-7 .footer-container .left-side ul li a strong i,.color-7 .footer-container .left-side ul li a strong img,.color-7 #regForm .tab .full .item label span a,.color-7 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-7 .blogslider .blog-slider .swiper-slide .item:hover h5 a,.color-7 .blogslider .blog-slider .swiper-slide .item:focus h5 a,.color-7 .campaings .campaings-slider .swiper-slide .item:hover .entry-content h3 a,.color-7 .campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 a,.color-7 .all-campaigns-page .campaigns-list .item:hover .entry-content h3 a,.color-7 .all-campaigns-page .campaigns-list .item:focus .entry-content h3 a,.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title,.color-7 .campaings .btn-theme.white,.color-7 .special-camp .item:hover .entry-content h3 a,.color-7 .special-camp .item:focus .entry-content h3 a,.color-7 .special-camp .item .entry-content .camp-info .raised .title,.color-7 .special-camp .item .entry-content .camp-info .goals .title,.color-7 .special-camp .item .entry-content .camp-info .donor .title,.color-7 .special-camp .item .entry-content .camp-info .raised span,.color-7 .special-camp .item .entry-content .camp-info .goals span,.color-7 .special-camp .item .entry-content .camp-info .donor span,.color-7 .donor-list li:first-child .content p,.color-7 .donor-list li:first-child .avatar i,.color-7 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-7 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-7 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-7 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-7 #donationBox .donate-form .choose_main_amount .btn-type:hover a,.color-7 #donationBox .donate-form .choose_main_amount .btn-type:focus a,.color-7 .whatwedo .content .item:hover h3 a,.color-7 .whatwedo .content .item:focus h3 a,.color-7 .all-btns .button,.color-7 .btn-theme.bordered {
    color: #c4750a
}

.color-7 .all-btns .button {
    color: #c4750a;
    border-color: #c4750a
}

.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title {
    color: #935808
}

.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title,.color-7 .special-camp .item .entry-content .camp-info .raised .title,.color-7 .special-camp .item .entry-content .camp-info .goals .title,.color-7 .special-camp .item .entry-content .camp-info .donor .title {
    color: #000
}

.color-7 .heroslider .hero-slider .swiper-slide:after {
    background-color: rgba(0,0,0,0.6);
    opacity: .2
}

.color-7 .new_donate main .left-side .donate-form #sendAsGift {
    background-color: rgba(186,117,10,0.35)
}

.color-7 footer.main_footer:before,.color-7 .inner_categories li .cat_item.active {
    background-color: #935808;
    opacity: .9
}

.color-7 .form-check-input:checked,.color-7 .accordion,.color-7 .register-ngo .get-in-touch .left-side .content .step.active,.color-7 .navbar.navbar-light .navbar-nav.right-menu .btn-theme,.color-7 .blogslider .blog-slider .swiper-slide .item:hover,.color-7 .blogslider .blog-slider .swiper-slide .item:focus,.color-7 #impact ul li:hover,.color-7 #impact ul li:focus,.color-7 .campaings .btn-theme.white,.color-7 .page-item.active .page-link,.color-7 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.color-7 .new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus,.color-7 input[type=checkbox],.color-7 input[type=radio],.color-7 #donationBox .donate-form .choose_main_amount .btn-type:hover,.color-7 #donationBox .donate-form .choose_main_amount .btn-type:focus,.color-7 .gitfpop .content footer .btn-theme {
    border-color: #c4750a
}

.color-7 .filter-green {
    -webkit-filter: invert(52%) sepia(45%) saturate(5799%) hue-rotate(18deg) brightness(96%) contrast(92%);
    filter: invert(52%) sepia(45%) saturate(5799%) hue-rotate(18deg) brightness(96%) contrast(92%)
}

.color-7 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:hover,.color-7 .navbar.navbar-light .navbar-nav.right-menu .btn-theme:focus,.color-7 .donor-list li:first-child .avatar,.color-7 .all-btns .button:hover,.color-7 .all-btns .button:focus {
    background-color: #fdead0
}

.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised span,.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals span,.color-7 .campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor span,.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised span,.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals span,.color-7 .all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor span {
    color: #f3920e
}

.color-7 .special-camp .item .entry-content .progress-content-outter {
    background: #d1d1d1
}

.color-7 .footer-container a,.color-7 .footer-container p {
    color: rgba(255,255,255,0.6)
}

.color-7 .btn-type {
    border: .1rem solid #c4750a
}

.color-7 .btn-type:hover,.color-7 .btn-type:focus {
    background: #fff
}

.color-7 .allpops .btn-theme {
    color: #c4750a;
    border-color: #c4750a
}

.color-7 .allpops .btn-theme:hover,.color-7 .allpops .btn-theme:focus {
    background: #fdead0
}

* {
    margin: 0;
    padding: 0
}

html {
    font-size: 62.5%
}

html,body {
    position: relative;
    height: 100%
}

body {
    font-family: 'Nunito Sans',sans-serif;
    background: #fff;
    color: #000;
    font-size: 1.6rem;
    line-height: 1.8
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Nunito Sans',sans-serif;
    margin: 0;
    margin-bottom: 1rem;
    color: #000;
    line-height: 1.2;
    font-weight: 700
}

h1 {
    font-size: 3rem;
    font-weight: 900
}

h2 {
    font-size: 2.8rem
}

h3 {
    font-size: 2.4rem
}

h4 {
    font-size: 2rem
}

h5 {
    font-size: 1.8rem
}

h6 {
    font-size: 1.4rem
}

p {
    font-size: 1.6rem;
    margin: 0;
    margin-bottom: 1.5rem;
    font-weight: 400
}

img {
    max-width: 100%;
    height: auto
}

a {
    color: #000;
    text-decoration: none
}

a:hover,a:focus {
    -webkit-transition: .15s;
    transition: .15s;
    color: rgba(0,0,0,0.6);
    text-decoration: none
}

ul,ol {
    list-style: none;
    margin: 0;
    padding: 0
}

hr {
    background: rgba(255,255,255,0.6);
    border: 0;
    height: .1rem;
    border-bottom: 0;
    border-color: 0;
    margin-bottom: 3rem
}

blockquote {
    color: rgba(255,255,255,0.6);
    font-size: 1.6rem;
    margin-right: 2rem;
    margin-top: 1.6rem;
    margin-bottom: 2.2rem;
    border-left: .4rem solid #26602d;
    font-style: italic;
    line-height: 2.8rem
}

pre {
    background: rgba(255,255,255,0.6);
    font-family: "Courier 10 Pitch",Courier,monospace;
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin-bottom: 0;
    padding: 1.5rem;
    overflow: auto;
    max-width: 100%;
    border: 0;
    border-radius: 0
}

i {
    font-style: normal
}

.layout {
    background-color: #f7f7f7;
    padding-bottom: 9rem
}

.layout .layout-top-cover {
    margin-top: -15rem;
    position: relative;
    display: grid;
    grid-template-columns: auto;
    align-self: flex-start
}

.layout .layout-top-cover .bredcramp {
    margin-bottom: 3rem
}

.layout .layout-col-1,.layout .layout-col-3,.layout .layout-col-2,.layout .layout-col-4 {
    display: grid;
    padding: 7rem 4rem;
    background-color: #fff
}

.layout .layout-col-1 {
    grid-template-columns: 1fr
}

.layout .layout-col-3 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem
}

.layout .layout-col-2 {
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 3rem
}

.layout .layout-col-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem
}

.layout-col-2.sidebyside {
    grid-template-columns: 1fr 1fr !important;
    padding: 0 !important;
    grid-row-gap: 3rem
}

.layout-col-2.sidebyside .iti {
    margin-bottom: 0
}

.small-cover {
    height: 40rem !important
}

#uploadCamp {
    position: relative;
    padding: 8rem
}

#uploadCamp .uploadlayout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 3rem;
    margin-top: -20rem;
    background: #fff;
    padding: 3rem
}

#uploadCamp .uploadlayout main .select2-container--default.select2-container--focus .select2-selection--multiple,#uploadCamp .uploadlayout main .select2-container--default .select2-selection--multiple {
    border: solid #eaeaea 1px
}

#uploadCamp .uploadlayout main .btn-theme {
    margin-top: 3rem
}

#uploadCamp .uploadlayout aside h6 {
    margin-bottom: 2rem
}

#uploadCamp .uploadlayout aside .avatar-upload {
    position: relative;
    margin-bottom: 3rem
}

#uploadCamp .uploadlayout aside .avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px
}

#uploadCamp .uploadlayout aside .avatar-upload .avatar-edit input {
    display: none
}

#uploadCamp .uploadlayout aside .avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 38rem;
    height: 18rem;
    margin-bottom: 0;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: normal;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#uploadCamp .uploadlayout aside .avatar-upload .avatar-edit input+label:hover {
    border-color: #d6d6d6
}

#uploadCamp .uploadlayout aside .avatar-upload .avatar-edit input+label:after {
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto
}

#uploadCamp .uploadlayout aside .avatar-upload .avatar-preview {
    max-width: 100%;
    height: 20rem;
    position: relative;
    border: 5px solid #f8f8f8
}

#uploadCamp .uploadlayout aside .avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#uploadCamp .uploadlayout aside .upload__inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

#uploadCamp .uploadlayout aside .upload__btn {
    display: block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    min-width: 116px;
    padding: 1rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    border: 2px solid;
    background-color: #26602d;
    border-color: #26602d;
    border-radius: 10px;
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 2rem
}

#uploadCamp .uploadlayout aside .upload__btn:hover {
    background-color: unset;
    color: #26602d;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#uploadCamp .uploadlayout aside .upload__btn-box {
    margin-bottom: 10px
}

#uploadCamp .uploadlayout aside .upload__img-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem
}

#uploadCamp .uploadlayout aside .upload__img-box {
    padding: .5rem;
    margin-bottom: 1rem;
    border: .1rem solid #9fa2a5;
    border-radius: .5rem
}

#uploadCamp .uploadlayout aside .upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer
}

#uploadCamp .uploadlayout aside .upload__img-close:after {
    content: '\2716';
    font-size: 14px;
    color: #fff
}

#uploadCamp .uploadlayout aside .img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%
}

#uploadCamp .help-block {
    font-size: 1.2rem;
    color: #f00
}

#uploadCamp .form-group {
    margin-bottom: 3rem
}

#uploadCamp .customer-uploadcamp p {
    font-weight: bold;
    font-size: 22px
}

#uploadCamp .customer-uploadcamp .h-vis-link a {
    padding: 7px 15px;
    border-radius: 3px;
    font-weight: 600
}

#uploadCamp .customer-uploadcamp .h-vis-link a:hover {
    color: #fff
}

#uploadCamp .customer-uploadcamp .h-vis-link a:last-of-type {
    color: #fff;
    margin: 0 10px
}

.org-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 0 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.org-account div {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d4deea
}

.org-account div img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.org-account h6 {
    margin: 0 10px
}

.top-bottom-space {
    padding: 9rem 0
}

.white-bg {
    background-color: #fff
}

.dark-bg {
    background-color: #181818;
    color: #fff
}

.dark-bg h1,.dark-bg h2,.dark-bg h3,.dark-bg h4,.dark-bg h5,.dark-bg h6 {
    color: #fff
}

.dark-bg p,.dark-bg a {
    color: rgba(255,255,255,0.6)
}

.light-bg {
    background-color: #e2e2e2
}

.lighter-bg {
    background-color: #f7f7f7
}

.section-title {
    margin-bottom: 4rem
}

.section-title h4 {
    color: #26602d;
    margin-bottom: 2rem
}

.filter-green {
    -webkit-filter: invert(53%) sepia(60%) saturate(250%) hue-rotate(107deg) brightness(89%) contrast(86%);
    filter: invert(53%) sepia(60%) saturate(250%) hue-rotate(107deg) brightness(89%) contrast(86%)
}

.filter-white {
    -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%);
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.border-b {
    border-bottom: .1rem solid #e2e2e2
}

.mb3 {
    margin-bottom: 3rem
}

.accordion {
    border-top: .3rem solid #26602d;
    background-color: transparent
}

.accordion .accordion-item {
    background-color: transparent
}

.accordion .accordion-item .accordion-button {
    padding: 2rem 1rem;
    color: #26602d;
    font-size: 2.2rem;
    text-transform: capitalize;
    font-weight: 700;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.accordion .accordion-item .accordion-button:hover,.accordion .accordion-item .accordion-button:focus {
    color: #26602d;
    background-color: transparent;
    outline: 0
}

.accordion .accordion-item .accordion-button.collapsed {
    color: #000
}

.accordion .accordion-item .accordion-collapse {
    color: rgba(0,0,0,0.6)
}

.copy-clipboard {
    position: relative;
    display: inline-block
}

.copy-clipboard .copytext {
    visibility: hidden;
    width: 14rem;
    color: #26602d;
    text-align: left;
    border-radius: 6px;
    padding: 0;
    position: absolute;
    z-index: 1;
    bottom: -4rem;
    right: -1.3rem;
    margin-right: 1rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    text-transform: capitalize
}

.copy-clipboard:hover .copytext {
    visibility: visible;
    opacity: 1
}

.iti {
    margin-bottom: 3rem;
    direction: ltr
}

#error-msg,#error-msgPer {
    color: #f00;
    margin-bottom: 1rem
}

#valid-msg,#valid-msgPer {
    color: #00c900;
    margin-bottom: 1rem
}

input.error {
    border: 1px solid #ff7c7c
}

.hide {
    display: none
}

.gift-share {
    text-align: center
}

.gift-share h3 {
    line-height: 5rem
}

.gift-share h3 span {
    color: #26602d
}

.url-share,.change-name {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 999
}

.url-share:before,.change-name:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.38);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.url-share form,.change-name form {
    padding: 3rem
}

.url-share form label,.change-name form label {
    margin-bottom: 1.5rem
}

.url-share form input,.change-name form input {
    margin-bottom: 0
}

.url-share form h5,.change-name form h5 {
    margin: 0;
    color: #26602d
}

.url-share .modal-footer,.change-name .modal-footer {
    padding: 1.5rem 3rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.url-share {
    bottom: 0;
    top: inherit
}

.url-share::before {
    content: none
}

.social-media li {
    display: inline-block;
    padding-right: 2rem
}

.social-media li:last-child {
    padding-right: 0
}

.multiple-btns .btn-theme:first-child {
    margin-right: 3rem
}

.multiple-btns .copy-clipboard .copytext {
    right: 5.7rem
}

.numdash {
    direction: ltr
}

.custom-tooltip {
    font-size: 1.4rem
}

#newGeneralAmount span.title {
    margin-left: 0;
    margin-right: 1rem
}

.btn-theme {
    position: relative;
    display: inline-block;
    font-weight: 700;
    padding: 1.5rem 4.5rem;
    font-size: 1.4rem;
    -webkit-transition: .25s;
    transition: .25s
}

.btn-theme img {
    position: relative;
    margin-left: .5rem;
    right: .5rem;
    -webkit-transition: .25s;
    transition: .25s
}

.btn-theme.green {
    background-color: #26602d;
    color: #fff
}

.btn-theme.white {
    background-color: #fff;
    color: #000
}

.btn-theme.dark {
    background-color: #181818;
    color: #fff
}

.btn-theme.bordered {
    background-color: transparent;
    border: .1rem solid #26602d;
    color: #26602d
}

.btn-theme.copy {
    padding: 0;
    margin: 1.5rem
}

.btn-theme:hover,.btn-theme:focus {
    border-radius: .5rem;
    -webkit-transition: .25s;
    transition: .25s
}

.btn-theme:hover img,.btn-theme:focus img {
    right: -1rem
}

.btn-theme:hover.green,.btn-theme:focus.green {
    background-color: #181818
}

.btn-theme:hover.search img,.btn-theme:focus.search img {
    right: .5rem
}

.btn-theme:hover.search:hover img,.btn-theme:focus.search:hover img,.btn-theme:hover.search:focus img,.btn-theme:focus.search:focus img {
    right: .5rem
}

.btn-theme i {
    margin: 0 .5rem
}

.btn-circle {
    display: block;
    width: 7rem;
    height: 7rem;
    border-radius: 50%
}

.btn-circle.white {
    border: .1rem solid #fff
}

.btn-circle.green {
    border-color: #26602d
}

.btn-circle .small {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    line-height: 5rem;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: .9rem
}

.btn-circle .small.white {
    background-color: #fff
}

.btn-circle .small.green {
    background-color: #26602d
}

.btn-circle img {
    width: initial !important;
    height: initial !important;
    -o-object-fit: none;
    object-fit: none;
    display: inline-block !important
}

.forget-password {
    display: block;
    margin-bottom: 3rem;
    color: #26602d
}

.btn-block {
    margin-top: 3rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.btn-block .btn-circle {
    margin-right: 2rem
}

.btn-block .info-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4rem
}

.btn-block .info-btn span:last-child {
    font-weight: 700;
    direction: ltr
}

.btn-block a.btn-theme {
    margin-right: 3rem;
    padding: 0 3rem;
    line-height: 7rem
}

.fixed-btn {
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background-color: rgba(87,149,127,0.5);
    border: solid transparent;
    border-radius: 16px;
    border-width: 0 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: .8px;
    outline: none;
    overflow: visible;
    padding: 2rem 3rem;
    text-align: center;
    text-transform: uppercase;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 999;
    line-height: 0
}

.fixed-btn:after {
    background-clip: padding-box;
    background-color: #26602d;
    border: solid transparent;
    border-radius: 16px;
    border-width: 0 0 4px;
    bottom: -4px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.fixed-btn:main,.fixed-btn:focus {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.fixed-btn:disabled {
    cursor: auto
}

.fixed-btn:hover {
    background-color: #181818;
    color: #181818;
    -webkit-transition: .35s;
    transition: .35s
}

.fixed-btn:hover:after {
    -webkit-transition: .35s;
    transition: .35s;
    background-color: #fff
}

.fixed-btn:hover:not(:disabled) {
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1)
}

.btn-gfm {
    display: block;
    margin: 0 1.5rem;
    padding: .5rem 2.5rem;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-shadow: 0 6px 14px rgba(0,0,0,0.1);
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
    color: #fff;
    text-decoration: none;
    border-radius: .3rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35.42%, #fdb933), color-stop(139.58%, #f58131));
    background: linear-gradient(180deg, #fdb933 35.42%, #f58131 139.58%)
}

.btn-gfm:hover,.btn-gfm:focus {
    color: #fff;
    -webkit-transition: all .25s;
    transition: all .25s;
    background: -webkit-gradient(linear, left top, right top, color-stop(35.42%, #fdb933), color-stop(139.58%, #f58131));
    background: linear-gradient(90deg, #fdb933 35.42%, #f58131 139.58%)
}

.btn-gfm.light {
    opacity: .7
}

.all-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.all-btns .button {
    border: .1rem solid #26602d;
    padding: 1rem 2rem;
    color: #26602d;
    font-weight: 600;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 0 1rem
}

.all-btns .button:hover,.all-btns .button:focus {
    -webkit-transition: all .35s;
    transition: all .35s;
    background: #a8ddaf
}

.btn-type {
    border-radius: .5rem;
    border: .1rem solid #26602d;
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.btn-type:hover,.btn-type:focus {
    background: #cdebd1
}

.btn-register {
    border-radius: 1.5rem;
    border: .1rem solid #fff;
    padding: 1rem 1.5rem;
    background-color: transparent;
    color: #fff;
    opacity: 1
}

input,textarea,select {
    background-color: transparent;
    border: none;
    color: #000;
    padding: 0 20px;
    line-height: 58px;
    height: 58px;
    font-size: 16px;
    text-align: start;
    outline: none;
    width: 100%;
    -webkit-box-shadow: 0 0 0 2px #eaeaea inset;
    box-shadow: 0 0 0 2px #eaeaea inset;
    border-radius: 0;
    display: block;
    margin-bottom: 3rem;
    font-weight: 400
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder {
    color: #000;
    font-size: 1.4rem;
    opacity: .3 !important;
    font-weight: 300
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder,select:-ms-input-placeholder {
    color: #000;
    font-size: 1.4rem;
    opacity: .3 !important;
    font-weight: 300
}

input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder {
    color: #000;
    font-size: 1.4rem;
    opacity: .3 !important;
    font-weight: 300
}

input:-moz-placeholder,textarea:-moz-placeholder,select:-moz-placeholder {
    color: #000;
    font-size: 1.4rem;
    opacity: .3 !important;
    font-weight: 300
}

input:focus,textarea:focus,select:focus {
    outline: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 1.5rem
}

textarea {
    height: auto
}

input[type=file] {
    line-height: initial;
    padding-top: 1.5rem
}

button {
    background: #fff;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 0;
    padding: .7rem 2rem
}

button:hover,button:focus {
    outline: 0;
    color: #fff
}

.form-check-input {
    padding: 0 !important;
    display: inline-block;
    border: 0;
    border-radius: 0 !important
}

.form-check-input:checked {
    background-color: #26602d;
    border-color: #26602d
}

.input-group-text {
    font-size: inherit
}

.form-control {
    font-size: inherit;
    border: 0;
    margin: 0
}

#error-msg {
    color: #f00
}

#valid-msg {
    color: #00c900
}

input.error {
    border: 1px solid #ff7c7c
}

.hide {
    display: none
}

.iti {
    background-color: #fff;
    width: 100%
}

.alert button {
    padding: 0;
    color: #000;
    left: 2rem;
    position: absolute;
    background: transparent
}

.choose-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#vip_form {
    padding: 2.5rem !important
}

.alerts-box {
    position: relative;
    z-index: 100;
    max-width: 60rem;
    margin: auto
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mb1 {
    margin-bottom: 1rem
}

.mb2 {
    margin-bottom: 2rem
}

.new_donate {
    background-color: #f7f7f7;
    padding-bottom: 8rem
}

.new_donate .donate-container {
    margin-top: -8rem;
    max-width: 92rem;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 1.6rem 2.4rem rgba(0,0,0,0.07);
    box-shadow: 0 1.6rem 2.4rem rgba(0,0,0,0.07);
    font-size: 1.4rem
}

.new_donate .donate-container .breadcramp {
    margin-top: -4.5rem;
    padding: 1rem 0;
    position: relative
}

.new_donate main {
    display: grid;
    grid-template-areas: main aside;
    grid-template-columns: 2fr 1fr;
    grid-gap: 3rem;
    padding: 3rem
}

.new_donate main .left-side .donate-form {
    font-weight: bold
}

.new_donate main .left-side .donate-form .item-full {
    position: relative;
    border: .1rem solid #e2e2e2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2rem;
    border-radius: .5rem;
    margin-bottom: 2rem
}

.new_donate main .left-side .donate-form .item-full .input-amount {
    width: 100%
}

.new_donate main .left-side .donate-form .item-full .input-amount input {
    border-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    font-size: 2.4rem;
    font-weight: bold;
    color: #000
}

.new_donate main .left-side .donate-form .item-full .currecy {
    text-align: center
}

.new_donate main .left-side .donate-form .item-full .currecy img {
    max-width: 2.5rem
}

.new_donate main .left-side .donate-form .item-full .quick-btns {
    position: absolute;
    right: 1.8rem;
    top: 1.2rem
}

.new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type {
    margin: 0 .25rem;
    font-size: 1.2rem;
    font-weight: bold;
    border-color: #d3d3d3;
    color: #000;
    position: relative
}

.new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type .arrowname {
    display: none
}

.new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover,.new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus {
    color: #26602d;
    border-color: #26602d
}

.new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover .arrowname,.new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus .arrowname {
    display: block;
    position: absolute;
    background: #3e3e3e;
    color: #fff;
    border-radius: .5rem;
    top: -4.5rem;
    right: 0;
    white-space: nowrap;
    padding: .5rem
}

.new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:hover .arrowname:after,.new_donate main .left-side .donate-form .item-full .choose_main_amount .btn-type:focus .arrowname:after {
    content: "";
    position: absolute;
    bottom: -5px;
    right: 2rem;
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .4rem solid transparent;
    border-top: .5rem solid #3e3e3e
}

.new_donate main .left-side .donate-form #collapseOne {
    border: .1rem solid #e2e2e2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2rem;
    border-radius: .5rem
}

.new_donate main .left-side .donate-form #newGeneralAmount .gift-container,.new_donate main .left-side .donate-form .sendAsGift .gift-container {
    display: block;
    position: relative;
    width: 2rem;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer
}

.new_donate main .left-side .donate-form #newGeneralAmount .gift-container input,.new_donate main .left-side .donate-form .sendAsGift .gift-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark,.new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark {
    background-color: #26602d;
    border: .1rem solid #cfcfcf
}

.new_donate main .left-side .donate-form #newGeneralAmount .gift-container input:checked~.checkmark::after,.new_donate main .left-side .donate-form .sendAsGift .gift-container input:checked~.checkmark::after {
    display: block
}

.new_donate main .left-side .donate-form #newGeneralAmount .gift-container .checkmark,.new_donate main .left-side .donate-form .sendAsGift .gift-container .checkmark {
    position: absolute;
    top: .3rem;
    left: 0;
    height: 2rem;
    width: 2rem;
    background-color: #fff;
    border: .1rem solid #cfcfcf;
    border-radius: .5rem
}

.new_donate main .left-side .donate-form #newGeneralAmount .gift-container .checkmark::after,.new_donate main .left-side .donate-form .sendAsGift .gift-container .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.new_donate main .left-side .donate-form .item-donor-data {
    background-color: #f7f7f7;
    padding: 2rem;
    display: grid;
    grid-template-rows: 1fr;
    grid-gap: 2rem
}

.new_donate main .left-side .donate-form .item-donor-data .input-group-text {
    border: 0
}

.new_donate main .left-side .donate-form .item-donor-data .input-group .form-control,.new_donate main .left-side .donate-form .item-donor-data input {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

.new_donate main .left-side .donate-form .item-donor-data .tel-mail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem
}

.new_donate main .left-side .donate-form .item-donor-data .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent
}

.new_donate main .left-side .donate-form .item-donor-data .form-control {
    padding: 0 2rem
}

.new_donate main .left-side .donate-form .item-donor-data input,.new_donate main .left-side .donate-form .item-donor-data .iti {
    margin-bottom: 0
}

.new_donate main .left-side .donate-form #sendAsGift {
    background-color: rgba(87,149,127,0.1)
}

.new_donate main .left-side .donate-form #sendAsGift .accordion-body {
    padding: 0
}

.new_donate main .left-side .donate-form #sendAsGift .accordion,.new_donate main .left-side .donate-form #sendAsGift .accordion-item {
    border: 0
}

.new_donate main .left-side .donate-form #sendAsGift .item-donor-data {
    background-color: transparent
}

.new_donate main .left-side .donate-form .btn-theme {
    border-radius: .5rem;
    padding: 1rem 2.5rem
}

.new_donate main .left-side .donate-form .input-group-text {
    line-height: 1.8
}

.new_donate main .left-side .sendAsGift .gift-container {
    width: 100% !important;
    padding: 0 3rem !important
}

.new_donate main aside .right-side {
    background-color: transparent;
    border: .1rem solid #e2e2e2;
    border-radius: .5rem;
    padding: 2.5rem
}

.new_donate main aside .right-side .item .campaign-info {
    font-size: 1.4rem;
    color: #000;
    font-weight: bold
}

.new_donate main aside .right-side .item .campaign-info .progress-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .6rem
}

.new_donate main aside .right-side .item .campaign-info .progress {
    background-color: #e8e8e8;
    height: .5rem
}

.new_donate main aside .right-side .item .campaign-info .progress .progress-bar {
    background-color: #fa942d;
    border-radius: 1rem
}

.new_donate main aside .right-side .item img {
    margin: 1.5rem 0;
    border-radius: .5rem
}

.new_donate main aside .right-side .item .title {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0
}

.page-item.active .page-link {
    border-color: #dee2e6
}

#amounnt_error {
    display: none;
    margin-bottom: 2rem
}

.form-new {
    padding: 1.5rem 0
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type=checkbox],input[type=radio] {
        --active:#26602d;
        --active-inner: #fff;
        --focus: 2px rgba(38,96,45,0.3);
        --border: #bbc1e1;
        --border-hover: #26602d;
        --background: #fff;
        --disabled: #f6f8ff;
        --disabled-inner: #e1e6f9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        padding: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        -webkit-transition: background .3s,border-color .3s,-webkit-box-shadow .2s;
        transition: background .3s,border-color .3s,-webkit-box-shadow .2s;
        transition: background .3s,border-color .3s,box-shadow .2s;
        transition: background .3s,border-color .3s,box-shadow .2s,-webkit-box-shadow .2s;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    input[type=checkbox]:after,input[type=radio]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        -webkit-transition: opacity var(--d-o, .2s),-webkit-transform var(--d-t, .3s) var(--d-t-e, ease);
        transition: opacity var(--d-o, .2s),-webkit-transform var(--d-t, .3s) var(--d-t-e, ease);
        transition: transform var(--d-t, .3s) var(--d-t-e, ease),opacity var(--d-o, .2s);
        transition: transform var(--d-t, .3s) var(--d-t-e, ease),opacity var(--d-o, .2s),-webkit-transform var(--d-t, .3s) var(--d-t-e, ease)
    }

    input[type=checkbox]:checked,input[type=radio]:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2)
    }

    input[type=checkbox]:disabled,input[type=radio]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: .9
    }

    input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border)
    }

    input[type=checkbox]:disabled+label,input[type=radio]:disabled+label {
        cursor: not-allowed
    }

    input[type=checkbox]:hover:not(:checked):not(:disabled),input[type=radio]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover)
    }

    input[type=checkbox]:focus,input[type=radio]:focus {
        -webkit-box-shadow: 0 0 0 var(--focus);
        box-shadow: 0 0 0 var(--focus)
    }

    input[type=checkbox]:not(.switch),input[type=radio]:not(.switch) {
        width: 21px
    }

    input[type=checkbox]:not(.switch):after,input[type=radio]:not(.switch):after {
        opacity: var(--o, 0)
    }

    input[type=checkbox]:not(.switch):checked,input[type=radio]:not(.switch):checked {
        --o: 1
    }

    input[type=checkbox]+label,input[type=radio]+label {
        font-size: 14px;
        line-height: 21px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 4px
    }

    input[type=checkbox]:not(.switch) {
        border-radius: 7px
    }

    input[type=checkbox]:not(.switch):after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        -webkit-transform: rotate(var(--r, 20deg));
        transform: rotate(var(--r, 20deg))
    }

    input[type=checkbox]:not(.switch):checked {
        --r: 43deg
    }

    input[type=checkbox].switch {
        width: 38px;
        border-radius: 11px
    }

    input[type=checkbox].switch:after {
        left: 2px;
        top: 2px;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        background: var(--ab, var(--border));
        -webkit-transform: translateX(var(--x, 0));
        transform: translateX(var(--x, 0))
    }

    input[type=checkbox].switch:checked {
        --ab: var(--active-inner);
        --x: 17px
    }

    input[type=checkbox].switch:disabled:not(:checked):after {
        opacity: .6
    }

    input[type=radio] {
        border-radius: 50%
    }

    input[type=radio]:after {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 0;
        -webkit-transform: scale(var(--s, .7));
        transform: scale(var(--s, .7))
    }

    input[type=radio]:checked {
        --s: .5
    }
}

.monthly-title {
    margin-bottom: 1rem;
    display: block
}

.create-camp-logged .form-control {
    min-height: 4.5rem
}

.create-camp-logged .select2-selection {
    width: 100%;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 0 2px #eaeaea inset;
    box-shadow: 0 0 0 2px #eaeaea inset;
    height: 58px;
    border: 1px !important
}

.create-camp-logged .select2-selection span.select2-search.select2-search--inline {
    display: none
}

.create-camp-logged .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 13px
}

.new_donate main .left-side .donate-form .item-donor-data .tel-mail .form-control {
    padding-left: 4.5rem
}

.topnavbar {
    background: #26602d;
    line-height: 4rem;
    display: none
}

.topnavbar .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.topnavbar .content .left-side ul li,.topnavbar .content .right-side ul li {
    display: inline-block;
    padding-right: 2rem
}

.topnavbar .content .left-side ul li:last-child,.topnavbar .content .right-side ul li:last-child {
    padding-right: 0
}

.topnavbar .content .left-side ul li a,.topnavbar .content .right-side ul li a {
    color: #fff
}

.topnavbar .content .left-side ul.social-media li a,.topnavbar .content .right-side ul.social-media li a {
    color: #fff
}

#site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 199;
    background-color: transparent;
    -webkit-transition: .25s;
    transition: .25s
}

#site-header.expand {
    -webkit-box-shadow: 0 .375rem .875rem rgba(0,0,0,0.1);
    box-shadow: 0 .375rem .875rem rgba(0,0,0,0.1);
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #fff
}

#site-header.expand .navbar {
    border-radius: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .25s;
    transition: all .25s
}

.navbar-brand {
    font-size: 3rem;
    font-weight: 900
}

.navbar-brand img {
    max-width: 20rem;
    max-height: 6rem
}

.navbar {
    height: 8rem;
    background-color: #fff;
    margin: 2rem;
    padding: 0 1.5rem;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5rem;
    -webkit-transition: all .25s;
    transition: all .25s
}

.navbar.navbar-light .navbar-nav {
    line-height: 8rem
}

.navbar.navbar-light .navbar-nav .nav-link {
    margin: 0 2rem;
    padding: 0;
    position: relative;
    color: #000;
    font-weight: 700;
    font-size: 1.5rem
}

.navbar.navbar-light .navbar-nav .nav-link:before {
    content: '';
    position: absolute;
    width: 0;
    height: .4rem;
    background-color: #26602d;
    left: 0;
    bottom: 0
}

.navbar.navbar-light .navbar-nav .nav-link:hover,.navbar.navbar-light .navbar-nav .nav-link:focus {
    color: #26602d
}

.navbar.navbar-light .navbar-nav .nav-link:hover:before,.navbar.navbar-light .navbar-nav .nav-link:focus:before {
    width: 100%;
    -webkit-transition: width .5s;
    transition: width .5s
}

.navbar.navbar-light .navbar-nav .nav-link.active {
    color: #26602d
}

.navbar.navbar-light .navbar-nav .nav-link.active:before {
    width: 100%
}

.navbar.navbar-light .navbar-nav.right-menu {
    line-height: 3rem
}

.navbar.navbar-light .navbar-nav.right-menu .btn-theme {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 2rem;
    font-size: 1.4rem;
    background-color: #fff;
    border: .1rem solid #26602d;
    color: #26602d;
    border-radius: 3rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navbar.navbar-light .navbar-nav.right-menu .btn-theme:hover,.navbar.navbar-light .navbar-nav.right-menu .btn-theme:focus {
    background-color: #cdebd1
}

.navbar.navbar-light .navbar-nav.right-menu .nav-link:last-child {
    margin: 0
}

.navbar.navbar-light .navbar-nav.right-menu .lang {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 1.5rem
}

.navbar.navbar-light .navbar-nav .nav-item.dropdown {
    line-height: 8rem
}

.navbar.navbar-light .navbar-nav .nav-item.dropdown .nav-link {
    line-height: 8rem
}

.navbar .me-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.dropdown-menu {
    min-width: 23rem;
    background-color: #fff;
    padding: 2rem 3rem;
    -webkit-box-shadow: 0 5px 83px 0 rgba(27,26,26,0.12);
    box-shadow: 0 5px 83px 0 rgba(27,26,26,0.12);
    -webkit-animation: fadein .55s;
    animation: fadein .55s
}

.dropdown-menu li {
    font-size: 1.4rem;
    line-height: 3rem;
    padding: .2rem 0
}

.dropdown-menu li .dropdown-item {
    color: rgba(0,0,0,0.6);
    border-bottom: .1rem solid #eaeaea;
    position: relative;
    white-space: inherit
}

.dropdown-menu li .dropdown-item:before {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    bottom: -1px;
    content: '';
    background-color: #26602d
}

.dropdown-menu li .dropdown-item:hover,.dropdown-menu li .dropdown-itemfocus {
    background-color: transparent
}

.dropdown-menu li .dropdown-item:hover:before,.dropdown-menu li .dropdown-itemfocus:before {
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #26602d
}

.dropdown-menu li .dropdown-item.active:before {
    background-color: #26602d;
    width: 100%
}

.dropdown-menu li:last-child .dropdown-item {
    border: 0
}

.dropdown-menu.search {
    right: 0;
    min-width: 40rem;
    padding: .5rem;
    position: relative
}

.dropdown-menu.search input {
    margin: 0;
    height: 4rem
}

.dropdown-menu.search button {
    border: 0;
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    padding: 0
}

.dropdown {
    list-style-type: none
}

.search-pop .modal {
    background-color: #fff
}

.search-pop .modal .modal-content {
    border: 0
}

.search-pop .modal .close {
    position: absolute;
    right: 0;
    top: 0
}

.search-pop .modal .search-from {
    position: relative
}

.search-pop .modal .search-from .btn-theme {
    position: absolute;
    left: 1rem;
    top: .4rem;
    padding: 0;
    margin: 0;
    line-height: 7rem
}

.search-pop .modal .search-from .btn-theme img {
    width: 3rem;
    margin-left: 0
}

.search-pop .modal .search-from input {
    padding-left: 5rem;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: .3rem solid #e2e2e2;
    font-size: 2.4rem;
    height: 8rem;
    margin: 0
}

.search-pop .modal .search-from input::-webkit-input-placeholder {
    font-size: 2.4rem
}

.search-pop .modal .search-from input:-ms-input-placeholder {
    font-size: 2.4rem
}

.search-pop .modal .search-from input::-moz-placeholder {
    font-size: 2.4rem
}

.search-pop .modal .search-from input:-moz-placeholder {
    font-size: 2.4rem
}

.swiper {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.heroslider .swiper {
    width: 100%;
    height: 70rem
}

.heroslider .hero-slider .swiper-slide {
    background-position: center;
    background-size: cover
}

.heroslider .hero-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.heroslider .hero-slider .swiper-slide .caption {
    position: absolute;
    max-width: 70rem;
    bottom: 5rem;
    z-index: 10;
    opacity: 0;
    color: #fff;
    -webkit-transform: translateY(-5%) scale(.8);
    transform: translateY(-5%) scale(.8);
    -webkit-transition: 1s ease;
    transition: 1s ease;
    text-transform: uppercase;
    text-shadow: 0 5px 5px rgba(0,0,0,0.01)
}

.heroslider .hero-slider .swiper-slide .caption h1,.heroslider .hero-slider .swiper-slide .caption h4,.heroslider .hero-slider .swiper-slide .caption p {
    color: #fff;
    text-shadow: 0 1px 5px #000
}

.heroslider .hero-slider .swiper-slide .caption .btn-theme {
    margin-top: 3rem;
    border-radius: 3rem;
    padding: 1rem 4.5rem
}

.heroslider .hero-slider .swiper-slide.swiper-slide-active .caption {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: 1s ease;
    transition: 1s ease;
    z-index: 10
}

.heroslider .hero-slider .swiper-slide img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.heroslider .hero-slider .swiper-button-next,.heroslider .hero-slider .swiper-button-prev {
    color: #fff
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#mediaus {
    text-align: center;
    padding: 8rem 0;
    position: relative
}

#mediaus .swiper-slide {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

#mediaus .swiper-slide:before {
    position: absolute;
    content: '\f144';
    font-size: 6.4rem;
    color: #fff;
    top: 24%;
    left: 42%;
    margin: auto;
    z-index: 1;
    font-family: "Font Awesome 6 Free";
    opacity: .5;
    -webkit-transition: all .25s;
    transition: all .25s
}

#mediaus .swiper-slide img {
    min-height: 30rem
}

#mediaus .swiper-slide:hover::before,#mediaus .swiper-slide:focus::before {
    opacity: 1;
    -webkit-transition: all .25s;
    transition: all .25s
}

#mediaus .swiper-slide .title {
    text-align: left;
    margin-top: 2rem;
    overflow: hidden;
    min-height: 6rem;
    max-height: 6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 3rem;
    font-size: 1.8rem
}

#mediaus .video_page_layouts {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem
}

@-webkit-keyframes slidein {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    25% {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

    50% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5)
    }

    75% {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes slidein {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    25% {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

    50% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5)
    }

    75% {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

#quickDonation {
    position: fixed;
    right: 0;
    top: 17rem;
    z-index: 100
}

#quickDonation #donationBox {
    overflow: visible
}

#quickDonation #donationBox .iti iti--allow-dropdown .form-control {
    padding-left: 55px
}

#quickDonation #donationBox .donate-form .item-full .phone-number input {
    padding-left: 4.5rem
}

#openClose {
    border-radius: 0;
    min-height: 3rem;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: center;
    border-top-left-radius: 1rem
}

#openClose span {
    padding: 1rem;
    text-align: center
}

#openClose span:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#openClose span:nth-child(2) {
    border-top-left-radius: 1rem;
    background: #26602d;
    color: #fff
}

#donationBox {
    display: none;
    z-index: 100;
    width: 30rem;
    background: #fff;
    padding: 1.5rem;
    border-bottom-left-radius: 1rem;
    float: right;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.2);
    box-shadow: 0 3px 13px rgba(0,0,0,0.2)
}

#donationBox .donate-form {
    font-weight: bold
}

#donationBox .donate-form .choose_main_amount {
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .5rem
}

#donationBox .donate-form .choose_main_amount .btn-type {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    border-color: #d3d3d3;
    color: #000;
    position: relative;
    display: block;
    -webkit-transition: all .25s;
    transition: all .25s;
    padding: 0
}

#donationBox .donate-form .choose_main_amount .btn-type a {
    -webkit-transition: all .25s;
    transition: all .25s;
    display: block;
    padding: .5rem
}

#donationBox .donate-form .choose_main_amount .btn-type .arrowname {
    display: none
}

#donationBox .donate-form .choose_main_amount .btn-type:hover,#donationBox .donate-form .choose_main_amount .btn-type:focus {
    color: #26602d;
    border-color: #26602d;
    -webkit-transition: all .25s;
    transition: all .25s
}

#donationBox .donate-form .choose_main_amount .btn-type:hover a,#donationBox .donate-form .choose_main_amount .btn-type:focus a {
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #26602d
}

#donationBox .donate-form .choose_main_amount .btn-type:hover .arrowname,#donationBox .donate-form .choose_main_amount .btn-type:focus .arrowname {
    display: block;
    position: absolute;
    background: #3e3e3e;
    color: #fff;
    border-radius: .5rem;
    top: -4.5rem;
    right: 0;
    white-space: nowrap;
    padding: .5rem
}

#donationBox .donate-form .choose_main_amount .btn-type:hover .arrowname:after,#donationBox .donate-form .choose_main_amount .btn-type:focus .arrowname:after {
    content: "";
    position: absolute;
    bottom: -5px;
    right: 2rem;
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .4rem solid transparent;
    border-top: .5rem solid #3e3e3e
}

#donationBox .donate-form h6 {
    font-size: 1.3rem;
    font-weight: normal
}

#donationBox .donate-form .item-full {
    position: relative;
    border: .1rem solid #e2e2e2;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.3rem;
    border-radius: .5rem;
    margin-bottom: 1rem
}

#donationBox .donate-form .item-full.nopad {
    padding: 0
}

#donationBox .donate-form .item-full .input-amount {
    width: 100%
}

#donationBox .donate-form .item-full .input-amount.small-text input {
    font-size: 1.6rem
}

#donationBox .donate-form .item-full .input-amount input {
    border-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
    height: 45px;
    padding: 0
}

#donationBox .donate-form .item-full .input-amount #amount {
    margin: 0 15px;
    font-size: 22px
}

#donationBox .donate-form .item-full .input-amount .iti {
    margin-bottom: 0
}

#donationBox .donate-form .item-full .currecy {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -5px
}

#donationBox .donate-form .item-full .currecy img {
    max-width: 2rem
}

#donationBox .donate-form .item-full .currecy span {
    font-size: 12px
}

#donationBox .donate-form .donate-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .5rem;
    margin-bottom: 1rem
}

#donationBox .donate-form .btn-theme {
    width: 100%;
    padding: 1rem 0;
    border-radius: .5rem
}

.blogslider .blog-slider .swiper-wrapper {
    padding: 5rem 0;
    height: auto
}

.blogslider .blog-slider .swiper-slide {
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.blogslider .blog-slider .swiper-slide .item {
    background-color: #f7f7f7;
    padding: 2.5rem;
    text-align: left;
    border: .1rem solid #f7f7f7;
    -webkit-transition: all .25s;
    transition: all .25s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1rem
}

.blogslider .blog-slider .swiper-slide .item .blog-post-img {
    border-radius: 2rem;
    height: 20rem
}

.blogslider .blog-slider .swiper-slide .item time {
    font-size: 1.2rem
}

.blogslider .blog-slider .swiper-slide .item p {
    color: rgba(0,0,0,0.6);
    overflow: hidden;
    max-height: 6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blogslider .blog-slider .swiper-slide .item .btn-theme {
    position: relative;
    max-width: 17rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: .7rem 2rem;
    border-radius: 3rem
}

.blogslider .blog-slider .swiper-slide .item .btn-theme img {
    width: initial;
    height: initial;
    display: inline
}

.blogslider .blog-slider .swiper-slide .item h5 {
    overflow: hidden;
    max-height: 8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 4rem;
    margin: 0
}

.blogslider .blog-slider .swiper-slide .item:hover,.blogslider .blog-slider .swiper-slide .item:focus {
    -webkit-transition: all .25s;
    transition: all .25s;
    border-color: #26602d;
    -webkit-box-shadow: 0 0 55px 0 rgba(0,0,0,0.19);
    box-shadow: 0 0 55px 0 rgba(0,0,0,0.19);
    cursor: pointer
}

.blogslider .blog-slider .swiper-slide .item:hover h5 a,.blogslider .blog-slider .swiper-slide .item:focus h5 a {
    color: #26602d
}

.blogslider .blog-slider .swiper-button-next,.blogslider .blog-slider .swiper-button-prev {
    color: #26602d;
    top: 3%
}

.blogslider .blog-slider .swiper-button-prev,.blogslider .blog-slider .swiper-rtl .swiper-button-next {
    left: auto;
    right: 5rem
}

.blog {
    margin-bottom: 3rem
}

.blog .item {
    background-color: #f7f7f7;
    padding: 2.5rem;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.blog .item .blog-post-img {
    border-radius: 2rem;
    height: 20rem;
    margin-bottom: 2.5rem
}

.blog .item .blog-post-img img {
    width: 100%;
    max-height: 20rem;
    min-height: 20rem
}

.blog .item time {
    font-size: 1.2rem;
    margin-bottom: 1rem
}

.blog .item p {
    color: rgba(0,0,0,0.6);
    margin-bottom: 2.5rem;
    overflow: hidden;
    max-height: 9rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 3rem
}

.blog .item .btn-theme {
    position: relative;
    padding: .5rem 1.5rem;
    background-color: transparent;
    color: #181818;
    text-align: left;
    -ms-flex-item-align: center;
    align-self: center
}

.blog .item .btn-theme img {
    width: initial;
    height: initial;
    display: none
}

.blog .item .btn-theme:hover {
    background-color: #26602d;
    color: #fff;
    padding: .5rem 1.5rem
}

.blog .item .btn-theme:hover img {
    display: inline
}

.blog .item h4 {
    overflow: hidden;
    max-height: 8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 4rem
}

.blog .item h4 a:hover,.blog .item h4 a:focus {
    color: #26602d
}

.blog .item:nth-child(3) {
    margin: 0 !important
}

.article-img {
    width: 100%;
    max-height: 40rem;
    margin: 3rem 0
}

.campaings .row {
    overflow: hidden
}

.campaings .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.campaings .content .section-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0
}

.campaings .content .section-title h1 {
    color: #000
}

.campaings .content .section-title p {
    color: rgba(0,0,0,0.6)
}

.campaings .content .section-title-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.campaings .content .section-title-info p {
    margin-bottom: 3rem
}

.campaings .content h1,.campaings .content h2,.campaings .content h3,.campaings .content h5,.campaings .content h6,.campaings .content p {
    color: #000
}

.campaings .content h4 {
    color: #26602d
}

.campaings .campaings-slider {
    padding: 8rem 0
}

.campaings .campaings-slider .swiper-wrapper {
    height: auto
}

.campaings .campaings-slider.swiper {
    overflow: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.campaings .campaings-slider.swiper::after,.campaings .campaings-slider.swiper::before {
    position: absolute;
    content: '';
    top: 0;
    left: -102%;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10
}

.campaings .campaings-slider.swiper::after {
    left: 102%
}

.campaings .campaings-slider.swiper::before {
    left: -102%
}

.campaings .campaings-slider .swiper-slide {
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.campaings .campaings-slider .swiper-slide .item {
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
    width: 100%
}

.campaings .campaings-slider .swiper-slide .item .entry-header {
    position: relative;
    overflow: hidden;
    min-height: 23.5rem;
    max-height: 23.5rem;
    margin-bottom: 4rem
}

.campaings .campaings-slider .swiper-slide .item .entry-header .preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.campaings .campaings-slider .swiper-slide .item .entry-header .preview img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
    height: 100%;
    width: 100%
}

.campaings .campaings-slider .swiper-slide .item .entry-header .preview::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .25s all ease;
    transition: .25s all ease
}

.campaings .campaings-slider .swiper-slide .item .entry-header .preview .anchor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.campaings .campaings-slider .swiper-slide .item .entry-header .media {
    position: absolute;
    bottom: 3rem;
    left: -13rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all .25s;
    transition: all .25s
}

.campaings .campaings-slider .swiper-slide .item .entry-header .media .gallery,.campaings .campaings-slider .swiper-slide .item .entry-header .media .videos {
    max-width: 3rem;
    margin: 0 1rem;
    display: block
}

.campaings .campaings-slider .swiper-slide .item .entry-header .media .gallery:hover .filter-white,.campaings .campaings-slider .swiper-slide .item .entry-header .media .videos:hover .filter-white,.campaings .campaings-slider .swiper-slide .item .entry-header .media .gallery:focus .filter-white,.campaings .campaings-slider .swiper-slide .item .entry-header .media .videos:focus .filter-white {
    -webkit-filter: invert(53%) sepia(60%) saturate(250%) hue-rotate(107deg) brightness(89%) contrast(86%);
    filter: invert(53%) sepia(60%) saturate(250%) hue-rotate(107deg) brightness(89%) contrast(86%)
}

.campaings .campaings-slider .swiper-slide .item .entry-content {
    text-align: left;
    padding: 2.5rem;
    padding-bottom: 0;
    position: relative
}

.campaings .campaings-slider .swiper-slide .item .entry-content .progress-bar-camp {
    top: -5.7rem;
    height: 5rem
}

.campaings .campaings-slider .swiper-slide .item .entry-content h3 {
    margin-bottom: 2rem;
    overflow: hidden;
    min-height: 8rem;
    max-height: 8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 4rem
}

.campaings .campaings-slider .swiper-slide .item .entry-content p {
    margin-bottom: 3rem;
    color: rgba(0,0,0,0.6)
}

.campaings .campaings-slider .swiper-slide .item .entry-content .donate-time,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem;
    border-bottom: .1rem solid #eee;
    padding-bottom: 2rem
}

.campaings .campaings-slider .swiper-slide .item .entry-content .donate-time .time,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .time {
    color: #26602d
}

.campaings .campaings-slider .swiper-slide .item .entry-content .donate-time .btn-gfm,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .btn-gfm {
    margin: 0
}

.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info {
    border: 0;
    padding: 0
}

.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: .5rem 1rem;
    font-weight: 600
}

.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised span,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals span,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor span {
    color: #84ce8d
}

.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .raised .title,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals .title,.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .donor .title {
    color: #26602d
}

.campaings .campaings-slider .swiper-slide .item .entry-content .camp-info .goals {
    border-right: .1rem solid #eee;
    border-left: .1rem solid #eee
}

.campaings .campaings-slider .swiper-slide .item:hover,.campaings .campaings-slider .swiper-slide .item:focus {
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1)
}

.campaings .campaings-slider .swiper-slide .item:hover .entry-header .preview img,.campaings .campaings-slider .swiper-slide .item:focus .entry-header .preview img {
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.campaings .campaings-slider .swiper-slide .item:hover .entry-header .preview:after,.campaings .campaings-slider .swiper-slide .item:focus .entry-header .preview:after {
    opacity: 1
}

.campaings .campaings-slider .swiper-slide .item:hover .entry-header .media,.campaings .campaings-slider .swiper-slide .item:focus .entry-header .media {
    -webkit-transition: all .25s;
    transition: all .25s;
    left: 3rem
}

.campaings .campaings-slider .swiper-slide .item:hover .entry-content h3,.campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 {
    color: #26602d
}

.campaings .campaings-slider .swiper-slide .item:hover .entry-content h3 a,.campaings .campaings-slider .swiper-slide .item:focus .entry-content h3 a {
    color: #26602d
}

.campaings .campaings-slider .swiper-button-next,.campaings .campaings-slider .swiper-button-prev {
    color: #26602d
}

.campaings .campaings-slider .swiper-button-next {
    right: 0
}

.campaings .campaings-slider .swiper-button-prev {
    left: 0
}

.campaings .campaings-slider .swiper-pagination-bullet {
    background: #000;
    opacity: 1;
    margin-bottom: 3rem
}

.campaings .campaings-slider .swiper-pagination-bullet-active {
    background: #26602d
}

.campaings .btn-theme.white {
    border: .1rem solid #26602d;
    color: #26602d;
    border-radius: 3rem
}

.campaings .btn-theme.white img {
    display: none
}

.progress-bar-camp {
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 100%
}

.progress-title-holder {
    padding-bottom: 7px;
    position: relative;
    margin: 5px 0;
    font-family: Montserrat,sans-serif;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: #2e2e2e
}

.progress-title {
    z-index: 100
}

.progress-number-wrapper {
    width: 100%;
    z-index: 10
}

.progress-number-mark {
    margin-bottom: 4px;
    border-radius: 3px;
    background-color: #16171d;
    padding: 0 8px;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.progress-number-wrapper,.progress-number-mark {
    font-size: 11px;
    line-height: 24px;
    height: 24px;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    color: #fff;
    background-color: #fa942d
}

.down-arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #fa942d;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.progress-content-outter {
    height: 1rem;
    background-color: #e1e1e1
}

.progress-content {
    height: 1rem;
    background-color: #fa942d;
    width: 0
}

.special-camp .section-title {
    margin-bottom: 8rem
}

.special-camp .layout-col-3 {
    padding: 0;
    background: transparent;
    margin-bottom: 8rem
}

.special-camp .item {
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
    background: #fff
}

.special-camp .item .entry-header {
    position: relative;
    min-height: 23.5rem;
    max-height: 23.5rem;
    margin-bottom: 4rem;
    overflow: hidden
}

.special-camp .item .entry-header .preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.special-camp .item .entry-header .preview img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
    height: 100%;
    width: 100%
}

.special-camp .item .entry-header .preview::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .25s all ease;
    transition: .25s all ease
}

.special-camp .item .entry-header .preview .anchor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.special-camp .item .entry-header .media {
    position: absolute;
    bottom: 3rem;
    left: -13rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all .25s;
    transition: all .25s
}

.special-camp .item .entry-header .media .gallery,.special-camp .item .entry-header .media .videos {
    max-width: 3rem;
    margin: 0 1rem;
    display: block
}

.special-camp .item .entry-header .media .gallery:hover .filter-white,.special-camp .item .entry-header .media .videos:hover .filter-white,.special-camp .item .entry-header .media .gallery:focus .filter-white,.special-camp .item .entry-header .media .videos:focus .filter-white {
    -webkit-filter: invert(53%) sepia(60%) saturate(250%) hue-rotate(107deg) brightness(89%) contrast(86%);
    filter: invert(53%) sepia(60%) saturate(250%) hue-rotate(107deg) brightness(89%) contrast(86%)
}

.special-camp .item .entry-content {
    text-align: left;
    padding: 2.5rem;
    padding-bottom: 0;
    position: relative
}

.special-camp .item .entry-content .progress-bar-camp {
    top: -5.7rem;
    height: 5rem
}

.special-camp .item .entry-content .down-arrow {
    border-top: 3px solid #fa942d
}

.special-camp .item .entry-content .progress-content-outter {
    height: 1rem
}

.special-camp .item .entry-content .progress-content {
    height: 1rem;
    background-color: #fa942d;
    width: 0
}

.special-camp .item .entry-content h3 {
    margin-bottom: 2rem;
    overflow: hidden;
    min-height: 8rem;
    max-height: 8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 4rem
}

.special-camp .item .entry-content p {
    margin-bottom: 3rem;
    color: rgba(0,0,0,0.6)
}

.special-camp .item .entry-content .donate-time,.special-camp .item .entry-content .camp-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem;
    border-bottom: .1rem solid #eee;
    padding-bottom: 2rem
}

.special-camp .item .entry-content .donate-time .time,.special-camp .item .entry-content .camp-info .time {
    color: #26602d
}

.special-camp .item .entry-content .donate-time .btn-gfm,.special-camp .item .entry-content .camp-info .btn-gfm {
    margin: 0
}

.special-camp .item .entry-content .camp-info {
    border: 0;
    padding: 0
}

.special-camp .item .entry-content .camp-info .raised,.special-camp .item .entry-content .camp-info .goals,.special-camp .item .entry-content .camp-info .donor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: .5rem 1rem;
    font-weight: 600
}

.special-camp .item .entry-content .camp-info .raised span,.special-camp .item .entry-content .camp-info .goals span,.special-camp .item .entry-content .camp-info .donor span {
    color: #84ce8d
}

.special-camp .item .entry-content .camp-info .raised .title,.special-camp .item .entry-content .camp-info .goals .title,.special-camp .item .entry-content .camp-info .donor .title {
    color: #26602d
}

.special-camp .item .entry-content .camp-info .goals {
    border-right: .1rem solid #eee;
    border-left: .1rem solid #eee
}

.special-camp .item:hover,.special-camp .item:focus {
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1)
}

.special-camp .item:hover .entry-header .preview img,.special-camp .item:focus .entry-header .preview img {
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.special-camp .item:hover .entry-header .preview:after,.special-camp .item:focus .entry-header .preview:after {
    opacity: 1
}

.special-camp .item:hover .entry-header .media,.special-camp .item:focus .entry-header .media {
    -webkit-transition: all .25s;
    transition: all .25s;
    left: 3rem
}

.special-camp .item:hover .entry-content h3,.special-camp .item:focus .entry-content h3 {
    color: #26602d
}

.special-camp .item:hover .entry-content h3 a,.special-camp .item:focus .entry-content h3 a {
    color: #26602d
}

.completed .progress-content {
    height: 1rem;
    background-color: #26602d;
    width: 0
}

.completed .down-arrow {
    border-top: 3px solid #26602d
}

.completed .progress-number-wrapper,.completed .progress-number-mark {
    background-color: #26602d
}

.whatwedo .section-title {
    margin-bottom: 3rem
}

.whatwedo .content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3rem
}

.whatwedo .content .item {
    -webkit-transition: .35s;
    transition: .35s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    grid-gap: 1rem
}

.whatwedo .content .item .icon {
    -ms-flex-item-align: center;
    align-self: center;
    width: 7rem;
    height: 7rem
}

.whatwedo .content .item .icon img {
    max-height: 7rem;
    border-radius: 1rem
}

.whatwedo .content .item .details h3 {
    margin: 0
}

.whatwedo .content .item .details h3 a {
    -webkit-transition: .35s;
    transition: .35s
}

.whatwedo .content .item .details p {
    color: rgba(0,0,0,0.6);
    margin: 0;
    max-height: 9rem;
    overflow: hidden
}

.whatwedo .content .item:hover,.whatwedo .content .item:focus {
    -webkit-transition: .35s;
    transition: .35s
}

.whatwedo .content .item:hover h3 a,.whatwedo .content .item:focus h3 a {
    -webkit-transition: .35s;
    transition: .35s;
    color: #26602d
}

.ngos .content {
    max-width: 100rem
}

.ngos .ngos-slider {
    padding: 8rem 0
}

.ngos .ngos-slider .swiper-slide {
    position: relative
}

.ngos .ngos-slider .swiper-slide .item {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: .35s;
    transition: .35s;
    overflow: hidden
}

.ngos .ngos-slider .swiper-slide .item .img {
    position: absolute;
    width: 100%;
    -webkit-transition: .35s;
    transition: .35s
}

.ngos .ngos-slider .swiper-slide .item .img:before {
    content: '';
    -webkit-transition: .35s;
    transition: .35s;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5)
}

.ngos .ngos-slider .swiper-slide .item .img img {
    -webkit-transition: .35s;
    transition: .35s
}

.ngos .ngos-slider .swiper-slide .item .content-info {
    background-color: #fff;
    padding: 4rem;
    color: #fff;
    position: relative;
    width: 80%;
    margin: 0 auto;
    -webkit-transition: .35s;
    transition: .35s;
    top: 20rem
}

.ngos .ngos-slider .swiper-slide .item .content-info .ngo-avatar {
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    margin-bottom: 2rem
}

.ngos .ngos-slider .swiper-slide .item .content-info .caption {
    color: #000
}

.ngos .ngos-slider .swiper-slide .item .content-info .caption p {
    color: rgba(0,0,0,0.6)
}

.ngos .ngos-slider .swiper-slide .item .content-info .caption h3 {
    color: #000
}

.ngos .ngos-slider .swiper-slide .item .content-info .caption span {
    margin-bottom: 3rem;
    display: block
}

.ngos .ngos-slider .swiper-slide .item .content-info .caption .btn-circle {
    display: inline-block
}

.ngos .ngos-slider .swiper-slide .item:hover,.ngos .ngos-slider .swiper-slide .item:focus {
    -webkit-transition: .35s;
    transition: .35s
}

.ngos .ngos-slider .swiper-slide .item:hover .content-info,.ngos .ngos-slider .swiper-slide .item:focus .content-info {
    top: 0;
    -webkit-transition: .35s;
    transition: .35s
}

.ngos .ngos-slider .swiper-slide .item:hover .content-info .caption,.ngos .ngos-slider .swiper-slide .item:focus .content-info .caption {
    color: #000
}

.ngos .ngos-slider .swiper-slide .item:hover .content-info .caption span,.ngos .ngos-slider .swiper-slide .item:focus .content-info .caption span {
    margin-bottom: 0
}

.ngos .ngos-slider .swiper-button-next,.ngos .ngos-slider .swiper-button-prev {
    color: #fff
}

.statistics .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: left
}

.statistics .content .left-side {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.statistics .content .left-side .item {
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    position: relative
}

.statistics .content .left-side .item h3 {
    color: #26602d
}

.statistics .content .left-side .item::after {
    content: '';
    position: absolute;
    width: 4rem;
    height: .2rem;
    background-color: #e2e2e2;
    bottom: 0;
    left: 0
}

.statistics .content .middle {
    -webkit-box-flex: 2;
    -ms-flex: 2 1 0px;
    flex: 2 1 0;
    margin: 0 3rem
}

.statistics .content .middle img {
    border-radius: 2rem
}

.statistics .content .right-side {
    -webkit-box-flex: 4;
    -ms-flex: 4 1 0px;
    flex: 4 1 0
}

.statistics .content .right-side .btn-theme img {
    margin-bottom: 0
}

#counter {
    position: relative;
    padding: 6rem;
    background-position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#counter:before {
    position: absolute;
    content: '';
    background-color: #26602d;
    opacity: .7;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.counts_items {
    z-index: 1;
    margin: 3rem;
    text-align: center
}

.counter_text,.count_para {
    color: #fff;
    font-size: 1.6rem
}

.counter_text {
    font-size: 3.6rem
}

#impact {
    position: relative;
    padding: 7rem 0;
    display: block;
    background: #f8f8f8
}

#impact .anchor {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1
}

#impact ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-column-gap: 30px;
    column-gap: 30px
}

#impact ul li {
    position: relative;
    text-align: left;
    border-radius: 1rem;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-height: 41.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#impact ul li .cover {
    width: 100%;
    min-height: 20rem
}

#impact ul li .cover.first {
    background: url("../images/sections/impact/default/self.png") no-repeat center / contain
}

#impact ul li .cover.second {
    background: url("../images/sections/impact/default/corp.png") no-repeat center / contain
}

#impact ul li .cover.third {
    background: url("../images/sections/impact/default/start-website.png") no-repeat center / contain
}

#impact ul li h2,#impact ul li p {
    color: #333
}

#impact ul li:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#impact ul li:not(:first-child) {
    background-color: #fff;
    border: .1rem solid #fff;
    text-align: center
}

#impact ul li:not(:first-child) h5 {
    margin-bottom: 20px;
    color: #333
}

#impact ul li:hover,#impact ul li:focus {
    -webkit-transition: all .25s;
    transition: all .25s;
    border-color: #26602d
}

.color-1 #impact ul li .cover.first {
    background: url(../images/sections/impact/color-01/self.png) no-repeat center / contain
}

.color-1 #impact ul li .cover.second {
    background: url(../images/sections/impact/color-01/corp.png) no-repeat center / contain
}

.color-1 #impact ul li .cover.third {
    background: url(../images/sections/impact/color-01/start-website.png) no-repeat center / contain
}

.color-2 #impact ul li .cover.first {
    background: url(../images/sections/impact/color-02/self.png) no-repeat center / contain
}

.color-2 #impact ul li .cover.second {
    background: url(../images/sections/impact/color-02/corp.png) no-repeat center / contain
}

.color-2 #impact ul li .cover.third {
    background: url(../images/sections/impact/color-02/start-website.png) no-repeat center / contain
}

.color-3 #impact ul li .cover.first {
    background: url(../images/sections/impact/color-03/self.png) no-repeat center / contain
}

.color-3 #impact ul li .cover.second {
    background: url(../images/sections/impact/color-03/corp.png) no-repeat center / contain
}

.color-3 #impact ul li .cover.third {
    background: url(../images/sections/impact/color-03/start-website.png) no-repeat center / contain
}

.color-4 #impact ul li .cover.first {
    background: url(../images/sections/impact/color-04/self.png) no-repeat center / contain
}

.color-4 #impact ul li .cover.second {
    background: url(../images/sections/impact/color-04/corp.png) no-repeat center / contain
}

.color-4 #impact ul li .cover.third {
    background: url(../images/sections/impact/color-04/start-website.png) no-repeat center / contain
}

.color-5 #impact ul li .cover.first {
    background: url(../images/sections/impact/color-05/self.png) no-repeat center / contain
}

.color-5 #impact ul li .cover.second {
    background: url(../images/sections/impact/color-05/corp.png) no-repeat center / contain
}

.color-5 #impact ul li .cover.third {
    background: url(../images/sections/impact/color-05/start-website.png) no-repeat center / contain
}

.color-6 #impact ul li .cover.first {
    background: url(../images/sections/impact/color-06/self.png) no-repeat center / contain
}

.color-6 #impact ul li .cover.second {
    background: url(../images/sections/impact/color-06/corp.png) no-repeat center / contain
}

.color-6 #impact ul li .cover.third {
    background: url(../images/sections/impact/color-06/start-website.png) no-repeat center / contain
}

.color-7 #impact ul li .cover.first {
    background: url(../images/sections/impact/color-07/self.png) no-repeat center / contain
}

.color-7 #impact ul li .cover.second {
    background: url(../images/sections/impact/color-07/corp.png) no-repeat center / contain
}

.color-7 #impact ul li .cover.third {
    background: url(../images/sections/impact/color-07/start-website.png) no-repeat center / contain
}

.calltoaction {
    background-color: #26602d;
    padding: 6rem 0
}

.calltoaction .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.calltoaction .content .left-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.calltoaction .content .left-side h2 {
    color: #fff;
    margin-bottom: 3rem
}

.calltoaction .content .left-side .copylink {
    position: relative
}

.calltoaction .content .left-side .copylink input {
    width: 100%;
    border: .1rem solid #fff;
    border-radius: 1rem;
    color: #fff;
    background-color: #26602d;
    margin-bottom: 0
}

.calltoaction .content .left-side .copylink button {
    position: absolute;
    right: 0;
    top: 0;
    color: #26602d;
    line-height: 5.8rem;
    padding: 0 3rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.calltoaction .content .right-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.calltoaction .content .right-side img {
    max-width: 10rem
}

.calltoaction .content .info-btn {
    color: #fff
}

@media (max-width: 376px) {
    .btn-block {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .btn-block .btn-theme,.btn-block .btn-circle {
        margin-bottom: 3rem
    }
}

.rtl .calltoaction .content .left-side .copylink button {
    right: inherit;
    left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

#affiliate {
    position: fixed;
    left: 0;
    top: 40%;
    z-index: 300
}

#affiliate ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#affiliate ul li {
    position: relative;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    background-color: #eaeaea;
    text-align: center;
    -webkit-transition: all .35s;
    transition: all .35s
}

#affiliate ul li input {
    display: none
}

#affiliate ul li a {
    display: block;
    color: #000;
    -webkit-transition: all .35s;
    transition: all .35s
}

#affiliate ul li:hover,#affiliate ul li:focus {
    -webkit-transition: all .35s;
    transition: all .35s;
    background-color: #26602d
}

#affiliate ul li:hover a,#affiliate ul li:focus a {
    color: #fff;
    -webkit-transition: all .35s;
    transition: all .35s
}

#affiliate ul li:first-child::before {
    position: absolute;
    content: '';
    width: 4rem;
    height: 1rem;
    background-color: #eaeaea;
    z-index: 300;
    top: -1rem;
    left: 0;
    border-top-right-radius: 1rem
}

#affiliate ul li:last-child::after {
    position: absolute;
    content: '';
    width: 4rem;
    height: 1rem;
    background-color: #eaeaea;
    z-index: 300;
    bottom: -1rem;
    left: 0;
    border-bottom-right-radius: 1rem
}

.copysocial {
    position: relative;
    display: inline-block
}

.copysocial .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: -1rem;
    left: 4.5rem;
    margin-left: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.copysocial .tooltiptext:after {
    content: "";
    position: absolute;
    top: 2rem;
    left: 0;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent
}

.copysocial:hover .tooltiptext,.copysocial:focus .tooltiptext {
    visibility: visible;
    opacity: 1
}

#sendAsGift,#newGeneralAmount {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3rem
}

#sendAsGift .accordion,#newGeneralAmount .accordion {
    width: 100%
}

#sendAsGift .accordion-button:not(.collapsed)::after,#newGeneralAmount .accordion-button:not(.collapsed)::after {
    -webkit-transform: none;
    transform: none
}

#sendAsGift .accordion .accordion-item .accordion-button,#newGeneralAmount .accordion .accordion-item .accordion-button {
    font-size: 1.6rem
}

#sendAsGift .accordion-body,#newGeneralAmount .accordion-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#sendAsGift .accordion-item .gift-container,#newGeneralAmount .accordion-item .gift-container {
    display: block;
    position: relative;
    width: 100%;
    padding: 1rem 4rem;
    font-size: 1.6rem;
    font-weight: 600;
    cursor: pointer
}

#sendAsGift .accordion-item .gift-container input,#newGeneralAmount .accordion-item .gift-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

#sendAsGift .accordion-item .gift-container input:checked~.checkmark,#newGeneralAmount .accordion-item .gift-container input:checked~.checkmark {
    background-color: #26602d;
    border: .1rem solid #cfcfcf
}

#sendAsGift .accordion-item .gift-container input:checked~.checkmark::after,#newGeneralAmount .accordion-item .gift-container input:checked~.checkmark::after {
    display: block
}

#sendAsGift .accordion-item .gift-container .checkmark,#newGeneralAmount .accordion-item .gift-container .checkmark {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    height: 2rem;
    width: 2rem;
    background-color: #fff;
    border: .1rem solid #cfcfcf;
    border-radius: .5rem
}

#sendAsGift .accordion-item .gift-container .checkmark::after,#newGeneralAmount .accordion-item .gift-container .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#newGeneralAmount {
    margin-bottom: 0
}

#newGeneralAmount .accordion {
    border: 0
}

#newGeneralAmount .accordion-body {
    padding: 0
}

#newGeneralAmount .accordion-item {
    border: 0
}

#newGeneralAmount .accordion-item .gift-container {
    padding: 1rem 2.5rem;
    width: 1rem;
    display: inline-block
}

#newGeneralAmount .accordion-item .gift-container .checkmark {
    position: absolute;
    top: 0;
    left: 0
}

#newGeneralAmount .accordion-item .title {
    display: inline-block
}

.partners .section-title {
    max-width: 80rem;
    margin: 0 auto
}

.partners .partners-slider {
    padding: 8rem 0
}

.partners .partners-slider .swiper-wrapper {
    height: auto
}

.partners .partners-slider .swiper-slide {
    position: relative
}

.partners .partners-slider .swiper-slide .item {
    background-color: #efefef;
    padding: 2rem;
    border-radius: 1.5rem;
    height: 17rem;
    width: 100%
}

.partners .partners-slider .swiper-slide .item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.partners .partners-slider .swiper-slide .item figcaption {
    text-align: center
}

.partners .partners-slider .swiper-slide .item figcaption ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.partners .partners-slider .swiper-slide .item figcaption ul li {
    padding: 0 1rem
}

.partners .partners-slider .swiper-slide .item figcaption ul li a {
    color: #fff;
    display: block
}

.partners .partners-slider .swiper-button-next,.partners .partners-slider .swiper-button-prev {
    color: #84ce8d
}

.partners .partners-slider .swiper-pagination-bullet {
    background: #181818;
    opacity: 1
}

.partners .partners-slider .swiper-pagination-bullet-active {
    background: #26602d
}

[class^="imghvr-"],[class*=" imghvr-"] {
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    background-color: #2266a5;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[class^="imghvr-"]>img,[class*=" imghvr-"]>img {
    vertical-align: top;
    max-width: 100%
}

[class^="imghvr-"] figcaption,[class*=" imghvr-"] figcaption {
    padding: 2rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff
}

[class^="imghvr-"] figcaption h3,[class*=" imghvr-"] figcaption h3 {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    overflow: hidden;
    min-height: 4rem;
    max-height: 4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 2rem
}

[class^="imghvr-"] figcaption p,[class*=" imghvr-"] figcaption p {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    line-height: 2rem
}

[class^="imghvr-"] a,[class*=" imghvr-"] a {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

[class^="imghvr-"],[class*=" imghvr-"],[class^="imghvr-"]:before,[class^="imghvr-"]:after,[class*=" imghvr-"]:before,[class*=" imghvr-"]:after,[class^="imghvr-"] *,[class*=" imghvr-"] *,[class^="imghvr-"] *:before,[class^="imghvr-"] *:after,[class*=" imghvr-"] *:before,[class*=" imghvr-"] *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

[class^="imghvr-shutter-out-"]:before,[class*=" imghvr-shutter-out-"]:before {
    background: #26602d;
    position: absolute;
    content: "";
    -webkit-transition-delay: .105s;
    transition-delay: .105s
}

[class^="imghvr-shutter-out-"] figcaption,[class*=" imghvr-shutter-out-"] figcaption {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

[class^="imghvr-shutter-out-"]:hover:before,[class*=" imghvr-shutter-out-"]:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

[class^="imghvr-shutter-out-"]:hover figcaption,[class*=" imghvr-shutter-out-"]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .105s;
    transition-delay: .105s
}

.imghvr-shutter-out-diag-1:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.imghvr-shutter-out-diag-1:hover:before {
    top: -50%;
    bottom: -50%
}

footer {
    position: relative
}

footer.top-bottom-space {
    padding-bottom: 0;
    padding-top: 3rem
}

footer.main_footer {
    background: url('../images/footer-bg.jpg') no-repeat center / cover
}

footer.main_footer:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(38,96,45,0.9)
}

.footer-container {
    opacity: 1;
    position: relative;
    z-index: 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.footer-container a {
    color: rgba(194,255,200,0.9)
}

.footer-container a:hover,.footer-container a:focus {
    color: #fff !important
}

.footer-container p {
    color: rgba(194,255,200,0.9);
    font-weight: 300;
    max-height: 12rem;
    min-height: 12rem;
    overflow: hidden;
    font-size: 1.3rem
}

.footer-container .left-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 3rem
}

.footer-container .left-side .footer-social-icons li {
    display: inline-block;
    margin-right: 2rem
}

.footer-container .left-side .footer-social-icons li:last-child {
    margin-right: 0
}

.footer-container .left-side .footer-social-icons li a {
    color: #fff
}

.footer-container .left-side ul {
    margin-bottom: 2rem
}

.footer-container .left-side ul li {
    margin-bottom: 1.5rem
}

.footer-container .left-side ul li:last-child {
    margin-bottom: 0
}

.footer-container .left-side ul li a span:first-child {
    display: block;
    margin-bottom: 0;
    color: #fff
}

.footer-container .left-side ul li a strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 100
}

.footer-container .left-side ul li a strong i {
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 1.5rem
}

.footer-container .left-side ul li a strong span {
    font-size: 1.4rem;
    line-height: 1.8rem
}

.footer-container .right-side {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-container .right-side .copyrights {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-container .right-side .copyrights .top-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.footer-container .right-side .copyrights .top-item i {
    color: #fff
}

.footer-container .right-side .copyrights .bottom-item ul li {
    display: inline-block;
    margin-right: 2rem
}

.footer-container .right-side .copyrights .bottom-item ul li:last-child {
    margin-right: 0
}

.footer-container .left-side li,.footer-container .right-side li {
    line-height: 3.5rem
}

.footer-container .left-side li a i,.footer-container .right-side li a i {
    margin-right: .5rem
}

.footer-container .left-side li a:hover,.footer-container .right-side li a:hover,.footer-container .left-side li a:focus,.footer-container .right-side li a:focus {
    color: #fff
}

.madeby {
    position: relative;
    z-index: 1000;
    text-align: center;
    padding-top: 1rem;
    border-top: .1rem solid;
    border-color: rgba(194,255,200,0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.madeby a {
    color: #fff
}

.sponsors h4 {
    font-weight: bold;
    margin-bottom: 5px
}

.sponsors ul {
    display: inline-block;
    margin-bottom: 10px !important
}

.sponsors ul li {
    margin: 5px !important;
    line-height: initial !important;
    float: left
}

.sponsors ul li .img-box {
    width: 120px;
    height: 70px;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.89);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px
}

.sponsors ul li .img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.page-cover {
    background: url('../images/pages/cover.jpg') no-repeat center;
    background-size: cover;
    position: relative;
    height: 55rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-cover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #57957f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.6)), to(rgba(0,0,0,0.4)));
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0, rgba(0,0,0,0.4) 100%)
}

.page-cover .page-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.page-cover .page-title h1 {
    color: #fff
}

.page-cover .breadcramp {
    display: none
}

.page-cover.login,.page-cover.register {
    height: 55rem;
    background-attachment: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-cover.login .breadcramp,.page-cover.register .breadcramp {
    display: block;
    position: relative;
    background-color: #fff;
    top: 9rem;
    z-index: 2
}

.breadcramp {
    background-color: #fff;
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-bottom: .1rem solid #e2e2e2
}

.breadcramp .content li {
    display: inline-block;
    position: relative
}

.breadcramp .content li a {
    font-weight: 700
}

.breadcramp .content li::after {
    content: '/';
    padding-left: .5rem
}

.breadcramp .content li:last-child::after {
    content: ''
}

.all-campaigns-page .campaigns-list {
    position: relative;
    padding: 8rem 0
}

.all-campaigns-page .campaigns-list .item {
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -webkit-transition: .25s all ease;
    transition: .25s all ease
}

.all-campaigns-page .campaigns-list .item .entry-header {
    position: relative;
    min-height: 23.5rem;
    max-height: 23.5rem;
    margin-bottom: 4rem;
    overflow: hidden
}

.all-campaigns-page .campaigns-list .item .entry-header .preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.all-campaigns-page .campaigns-list .item .entry-header .preview img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
    height: 100%;
    width: 100%
}

.all-campaigns-page .campaigns-list .item .entry-header .preview::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .25s all ease;
    transition: .25s all ease
}

.all-campaigns-page .campaigns-list .item .entry-header .preview .anchor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.all-campaigns-page .campaigns-list .item .entry-header .media {
    position: absolute;
    bottom: 3rem;
    left: -13rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all .25s;
    transition: all .25s
}

.all-campaigns-page .campaigns-list .item .entry-header .media .gallery,.all-campaigns-page .campaigns-list .item .entry-header .media .videos {
    max-width: 3rem;
    margin: 0 1rem;
    display: block
}

.all-campaigns-page .campaigns-list .item .entry-header .media .gallery:hover .filter-white,.all-campaigns-page .campaigns-list .item .entry-header .media .videos:hover .filter-white,.all-campaigns-page .campaigns-list .item .entry-header .media .gallery:focus .filter-white,.all-campaigns-page .campaigns-list .item .entry-header .media .videos:focus .filter-white {
    -webkit-filter: invert(53%) sepia(60%) saturate(250%) hue-rotate(107deg) brightness(89%) contrast(86%);
    filter: invert(53%) sepia(60%) saturate(250%) hue-rotate(107deg) brightness(89%) contrast(86%)
}

.all-campaigns-page .campaigns-list .item .entry-content {
    text-align: left;
    padding: 2.5rem;
    padding-bottom: 0;
    position: relative
}

.all-campaigns-page .campaigns-list .item .entry-content .progress-bar-camp {
    top: -5.7rem;
    height: 5rem
}

.all-campaigns-page .campaigns-list .item .entry-content .progress-content-outter {
    height: 1rem
}

.all-campaigns-page .campaigns-list .item .entry-content .progress-content {
    height: 1rem;
    width: 0
}

.all-campaigns-page .campaigns-list .item .entry-content h3 {
    margin-bottom: 2rem;
    overflow: hidden;
    min-height: 8rem;
    max-height: 8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 4rem
}

.all-campaigns-page .campaigns-list .item .entry-content p {
    margin-bottom: 3rem;
    color: rgba(0,0,0,0.6)
}

.all-campaigns-page .campaigns-list .item .entry-content .donate-time,.all-campaigns-page .campaigns-list .item .entry-content .camp-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem;
    border-bottom: .1rem solid #eee;
    padding-bottom: 2rem
}

.all-campaigns-page .campaigns-list .item .entry-content .donate-time .time,.all-campaigns-page .campaigns-list .item .entry-content .camp-info .time {
    color: #26602d
}

.all-campaigns-page .campaigns-list .item .entry-content .donate-time .btn-gfm,.all-campaigns-page .campaigns-list .item .entry-content .camp-info .btn-gfm {
    margin: 0
}

.all-campaigns-page .campaigns-list .item .entry-content .camp-info {
    border: 0;
    padding: 0
}

.all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised,.all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals,.all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: .5rem 1rem;
    font-weight: 600
}

.all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised span,.all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals span,.all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor span {
    color: #84ce8d
}

.all-campaigns-page .campaigns-list .item .entry-content .camp-info .raised .title,.all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals .title,.all-campaigns-page .campaigns-list .item .entry-content .camp-info .donor .title {
    color: #26602d
}

.all-campaigns-page .campaigns-list .item .entry-content .camp-info .goals {
    border-right: .1rem solid #eee;
    border-left: .1rem solid #eee
}

.all-campaigns-page .campaigns-list .item:hover,.all-campaigns-page .campaigns-list .item:focus {
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1)
}

.all-campaigns-page .campaigns-list .item:hover .entry-header .preview img,.all-campaigns-page .campaigns-list .item:focus .entry-header .preview img {
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.all-campaigns-page .campaigns-list .item:hover .entry-header .preview:after,.all-campaigns-page .campaigns-list .item:focus .entry-header .preview:after {
    opacity: 1
}

.all-campaigns-page .campaigns-list .item:hover .entry-header .media,.all-campaigns-page .campaigns-list .item:focus .entry-header .media {
    -webkit-transition: all .25s;
    transition: all .25s;
    left: 3rem
}

.all-campaigns-page .campaigns-list .item:hover .entry-content h3,.all-campaigns-page .campaigns-list .item:focus .entry-content h3 {
    color: #26602d
}

.all-campaigns-page .campaigns-list .item:hover .entry-content h3 a,.all-campaigns-page .campaigns-list .item:focus .entry-content h3 a {
    color: #26602d
}

.all-campaigns-page .campaigns-list.layout-col-3 {
    padding: 0
}

.all-campaigns-page .campaigns-list.layout-col-3 .item {
    padding: 0;
    margin: 0
}

.all-campaigns-page .no-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 1rem;
    padding: 4rem
}

.all-campaigns-page .no-content img {
    width: 20rem;
    margin-bottom: 4rem;
    opacity: .2
}

.all-campaigns-page .no-content a {
    color: #26602d
}

.pagination {
    margin-top: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagination .page-link {
    color: #26602d
}

.pagination .page-link:hover {
    background-color: #26602d;
    color: #fff
}

.pagination .page-item.active .page-link {
    background-color: #26602d;
    color: #fff
}

.single-campaigns .blog {
    grid-template-columns: repeat(1, 1fr)
}

.single-campaigns main {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    margin-right: 4rem;
    margin-bottom: 8rem;
    -webkit-box-shadow: 0 1px 25px rgba(0,0,0,0.1);
    box-shadow: 0 1px 25px rgba(0,0,0,0.1)
}

.single-campaigns main .article-box {
    border-radius: .75rem;
    margin-bottom: 4rem
}

.single-campaigns main .article-box article header {
    margin-bottom: 2.5rem;
    padding: 0 2.5rem
}

.single-campaigns main .article-box article header h2 {
    margin-bottom: 2.5rem
}

.single-campaigns main .article-box article figure {
    position: relative;
    margin-bottom: 3rem;
    min-height: 50rem
}

.single-campaigns main .article-box article figure::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0,0,0,0.05)), color-stop(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.4)));
    background-image: linear-gradient(transparent, rgba(0,0,0,0.05), rgba(0,0,0,0.2), rgba(0,0,0,0.4))
}

.single-campaigns main .article-box article figure img {
    width: 100%
}

.single-campaigns main .article-box article figure figcaption {
    min-height: 50rem;
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.single-campaigns main .article-box article figure figcaption #countdown,.single-campaigns main .article-box article figure figcaption #sharebox {
    position: relative;
    z-index: 10;
    color: #fff
}

.single-campaigns main .article-box article figure figcaption #countdown a,.single-campaigns main .article-box article figure figcaption #sharebox a {
    color: #fff
}

.single-campaigns main .article-box article figure figcaption #countdown a:hover,.single-campaigns main .article-box article figure figcaption #sharebox a:hover,.single-campaigns main .article-box article figure figcaption #countdown a:focus,.single-campaigns main .article-box article figure figcaption #sharebox a:focus {
    color: #26602d
}

.single-campaigns main .article-box article figure figcaption #countdown ul,.single-campaigns main .article-box article figure figcaption #sharebox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single-campaigns main .article-box article figure figcaption #countdown ul li,.single-campaigns main .article-box article figure figcaption #sharebox ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin: 0 1rem
}

.single-campaigns main .article-box article figure figcaption #headline {
    color: #fff;
    font-size: 2rem;
    position: relative;
    z-index: 10000;
    display: none
}

.single-campaigns main .article-box article .entery-content {
    padding: 0 2.5rem;
    margin-bottom: 3rem
}

.single-campaigns main .article-box article .entery-content .progress-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single-campaigns main .article-box article .entery-content .progress-data .left,.single-campaigns main .article-box article .entery-content .progress-data .right {
    font-size: 1.7rem;
    font-weight: 600
}

.single-campaigns main .article-box article .entery-content .progress-data .left i,.single-campaigns main .article-box article .entery-content .progress-data .right i {
    color: #26602d;
    margin-right: 1rem
}

.single-campaigns main .article-box article .entery-content .progress-data .left span,.single-campaigns main .article-box article .entery-content .progress-data .right span {
    color: #26602d
}

.single-campaigns main .article-box article .entery-content .progress {
    height: 1rem;
    margin: 1rem 0;
    border-radius: 1rem
}

.single-campaigns main .article-box article .entery-content .progress .progress-bar {
    background-color: #fa942d
}

.single-campaigns main .article-box article footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid #e2e2e2;
    padding: 0 2.5rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem
}

.single-campaigns main .article-box article footer .btn-gfm {
    margin: 0
}

.single-campaigns main .article-box .choose_main_amount {
    margin-top: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single-campaigns main .article-box .choose_main_amount i {
    font-size: 1.3rem;
    color: #26602d;
    display: block;
    margin-left: 1.5rem
}

.single-campaigns main .article-box .choose_main_amount li {
    margin: 0 1.5rem
}

.single-campaigns main .article-box .choose_main_amount a {
    text-align: center
}

.single-campaigns main .article-box .choose_main_amount a span:first-child {
    color: #26602d;
    margin-right: 0
}

.single-campaigns main .article-box .choose_main_amount a span:last-child {
    font-size: 1.3rem
}

.single-campaigns main .nav-tabs {
    border: 0;
    padding: 0 2.5rem
}

.single-campaigns main .nav-tabs .nav-link {
    border: 0;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    color: #333
}

.single-campaigns main .nav-tabs .nav-link.active {
    color: #26602d;
    text-decoration: underline
}

.single-campaigns main .tab-content {
    padding: 2rem 4rem;
    margin-bottom: 3rem;
    border-bottom: .1rem solid #e2e2e2
}

.single-campaigns main .tab-content .gallery-item {
    margin-bottom: 2.5rem
}

.single-campaigns main .tab-content .gallery-item:last-child {
    margin-bottom: 0
}

.single-campaigns main .tab-content iframe {
    width: 100%
}

.single-campaigns main .comments-box {
    padding: 2.5rem
}

.single-campaigns main .comments-box .title {
    margin-bottom: 3rem
}

.single-campaigns aside {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.single-campaigns aside .donation-box {
    position: -webkit-sticky;
    position: sticky;
    top: 9rem;
    background: #fff;
    border-radius: .75rem;
    padding: 2rem 0;
    -webkit-box-shadow: 0 .3125rem 1rem -0.1875rem rgba(0,0,0,0.2);
    box-shadow: 0 .3125rem 1rem -0.1875rem rgba(0,0,0,0.2);
    border-radius: 1rem
}

.single-campaigns aside .donation-box header {
    margin-bottom: 2rem;
    padding: 0 2.5rem
}

.single-campaigns aside .donation-box header .top-status p {
    margin-bottom: .8rem;
    color: #767676;
    font-size: 1.4rem
}

.single-campaigns aside .donation-box header .top-status p strong {
    font-weight: 700;
    color: #000;
    padding-right: .5rem;
    font-size: 2rem
}

.single-campaigns aside .donation-box header .top-status p span span {
    margin-left: .5rem
}

.single-campaigns aside .donation-box header .progress {
    margin-bottom: .8rem;
    height: .5rem
}

.single-campaigns aside .donation-box header .progress .progress-bar {
    background-color: #fa942d
}

.single-campaigns aside .donation-box .entery-content {
    margin-bottom: 3rem
}

.single-campaigns aside .donation-box .entery-content a {
    display: block;
    padding: 1rem;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #000;
    font-weight: 700
}

.single-campaigns aside .donation-box footer a {
    display: block;
    padding: 1rem;
    text-align: center
}

.donor-list {
    margin-bottom: 3rem;
    padding: 0 2.5rem
}

.donor-list li {
    position: relative;
    display: grid;
    grid-template-columns: 4rem 1fr;
    grid-gap: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: .1rem solid;
    border-color: #d5d5d5
}

.donor-list li:first-child .avatar {
    background-color: #cdebd1
}

.donor-list li:first-child .avatar i {
    color: #34853e
}

.donor-list li:first-child .content {
    -ms-flex-item-align: center;
    align-self: center
}

.donor-list li:first-child .content p {
    color: #34853e;
    font-weight: 700
}

.donor-list li:last-child {
    border: 0
}

.donor-list li .content_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.donor-list li .content_row .campDonate span {
    padding-right: .5rem
}

.donor-list li .content_row .campDonate img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%
}

.donor-list li.giftedName .content h5 {
    color: #26602d
}

.donor-list li.giftedName .content h5 i {
    font-style: italic;
    margin-left: 1rem;
    font-size: 1.4rem
}

.donor-list .avatar {
    left: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    background-color: #f7f7f7;
    border-radius: 50%;
    text-align: center
}

.donor-list .avatar img {
    width: 3rem;
    height: 3rem;
    margin-top: 1rem;
    margin-left: 1.1rem
}

.donor-list .avatar i {
    line-height: 4rem;
    color: #f00
}

.donor-list .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.donor-list .content h5 {
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 400;
    color: rgba(0,0,0,0.6)
}

.donor-list .content span {
    font-size: 1.4rem;
    color: rgba(0,0,0,0.6);
    padding-right: 3rem
}

.donor-list .content span.time {
    position: relative;
    padding-right: 0;
    padding-left: 1rem;
    text-decoration: underline
}

.donor-list .content span.time:before {
    content: '';
    position: absolute;
    top: .9rem;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    width: .5rem;
    height: .5rem;
    border-radius: .5rem
}

.donor-list .content span.time a {
    text-decoration: underline
}

.donor-list .content span.time:hover a,.donor-list .content span.time:focus a {
    color: #26602d
}

.donor-list .content span.currency {
    font-weight: 700;
    color: #000
}

.donor-list .content p {
    margin: 0;
    color: rgba(0,0,0,0.6)
}

.donor-list li:last-child .content {
    border: 0
}

.allpops {
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem
}

.allpops .btn-theme:hover,.allpops .btn-theme:focus {
    background: #a8ddaf
}

.modal-dialog {
    max-width: 560px;
    margin: 1.75rem auto;
    border-radius: 1rem;
    overflow-y: auto
}

.modal-header {
    display: block !important;
    padding: 2rem
}

.modal-header .btn-close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    border-radius: 50%;
    display: block;
    border: .1rem solid #26602d;
    background-color: #dee2e6;
    padding: 1rem;
    font-size: 1.3rem
}

.modal-header h2 {
    color: #333
}

.modal-header a {
    display: block;
    text-align: center;
    padding: 1rem;
    margin-top: 2rem
}

.modal-header p {
    color: #333;
    margin-bottom: 1rem
}

.modal-body {
    padding: 0
}

.modal-body .donor-content {
    overflow-y: auto;
    padding: 2rem;
    height: 50rem
}

.modal-body .donor-list {
    margin-bottom: 0
}

.modal-body .donor-list li:last-child .content {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.modal-body .sharebox {
    margin: 2rem;
    border-bottom: .1rem solid #f8f8f8
}

.modal-body .sharebox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.5rem !important;
    padding-top: 1.5rem
}

.modal-body .sharebox ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1.5rem;
    width: 25%;
    margin-bottom: 1rem
}

.modal-body .sharebox ul li img {
    display: block;
    margin: auto;
    max-width: 2rem;
    margin-bottom: 1rem
}

.modal-body .sharebox ul li a {
    display: block;
    text-align: center
}

.modal-body .copyclip {
    margin: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-body .copyclip input {
    margin-right: 1.5rem;
    height: 4.4rem
}

.modal-body .copyclip button {
    padding: .9rem 0;
    border-radius: .5rem;
    width: 14rem
}

.modal-body #tips {
    background-color: #fbf8f6;
    margin: 2rem;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.modal-body #tips .title p {
    color: #333
}

.modal-body #tips .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.modal-body #tips .icons img {
    margin: 1rem;
    max-width: 1.5rem
}

.modal-body #tips .icons .anchor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.donation-box .campaigns-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2.5rem
}

.donation-box .campaigns-list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.donation-box .campaigns-list .item .img {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 2rem
}

.donation-box .campaigns-list .item .img:before {
    content: none
}

.donation-box .campaigns-list .item .img img {
    width: 100%
}

.donation-box .campaigns-list .item .content-info {
    position: relative
}

.donation-box .campaigns-list .item .content-info h3 {
    text-align: left
}

.donation-box .campaigns-list .item .content-info h3 a {
    color: #000;
    font-size: 2.2rem
}

.donation-box .campaigns-list .item .content-info .progress {
    margin-top: 1rem;
    color: #000;
    height: .5rem;
    margin-bottom: 3rem
}

.donation-box .campaigns-list .item .content-info .progress .progress-bar {
    background-color: #26602d
}

.donation-box .campaigns-list .item .content-info .progress-containner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.donation-box .campaigns-list .item .content-info .progress-containner .left-status,.donation-box .campaigns-list .item .content-info .progress-containner .right-status {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    font-weight: 700
}

.donation-box .campaigns-list .item .content-info .progress-containner .right-status {
    text-align: right
}

.donation-box .campaigns-list .item .content-info .progress-containner .left-status {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.donation-box .campaigns-list .item .content-info .progress-containner .left-status span:first-child {
    color: rgba(0,0,0,0.6)
}

.donation-box .campaigns-list .item .content-info a {
    display: inline-block
}

.donate-form .form-check-input {
    margin: 0
}

.donate-form .input-group-text label {
    margin-right: .5rem
}

.donate-form .input-group-text .giftopened {
    width: 100%
}

.marketers .layout .layout-top-cover .blog .layout-col-1 .item {
    padding: 0;
    background-color: #fff
}

.inner_categories {
    margin-bottom: 6rem
}

.inner_categories li {
    display: inline-block;
    margin: .5rem;
    -webkit-transition: all .35s;
    transition: all .35s
}

.inner_categories li .cat_item {
    background-color: #26602d;
    padding: .5rem 1rem;
    color: #fff;
    border-radius: .5rem
}

.inner_categories li .cat_item.active {
    background-color: #34853e
}

.inner_categories li:hover .cat_item,.inner_categories li:focus .cat_item {
    background-color: #34853e;
    -webkit-transition: all .35s;
    transition: all .35s
}

.update_camp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #eaeaea;
    padding: 2.5rem;
    border-radius: 1rem;
    margin-bottom: 3rem
}

.update_camp .title_desc,.update_camp .poster,.update_camp .video {
    margin-bottom: 3rem
}

.update_camp:nth-child(even) {
    background-color: #fff;
    border: .1rem solid #eaeaea
}

.affiliate {
    border: .1rem solid #e2e2e2
}

.affiliate thead {
    background: #33383e;
    color: #fff
}

.affiliate thead th {
    padding: .5rem
}

.affiliate tbody tr {
    border: .1rem solid #e2e2e2
}

.affiliate tbody tr:nth-child(odd) {
    background: #eaeaea
}

.affiliate tbody tr td {
    padding: .5rem
}

.additional-video iframe {
    min-height: 40rem
}

.twitter-tweet iframe {
    width: 100% !important
}

.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe {
    width: 100% !important
}

.map iframe {
    width: 100%
}

.contacts {
    background-color: #f7f7f7;
    padding-bottom: 9rem
}

.contacts .get-in-touch {
    background-color: #fff;
    padding: 7rem 6rem;
    position: relative;
    margin-top: -15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.contacts .get-in-touch main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 6rem
}

.contacts .get-in-touch main .left-side {
    margin-right: 0
}

.contacts .get-in-touch aside {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.contacts .get-in-touch .left-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contacts .get-in-touch .left-side .volunteer {
    background: url('../images/contacts/contact-01.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 3rem;
    color: #fff
}

.contacts .get-in-touch .left-side .volunteer h3 {
    color: #fff
}

.contacts .get-in-touch .left-side .volunteer ul,.contacts .get-in-touch .left-side .volunteer p {
    margin-bottom: 4rem
}

.contacts .get-in-touch .left-side .volunteer .btn-theme {
    display: block;
    text-align: center;
    padding-left: 3rem;
    padding-right: 3rem
}

.contacts .get-in-touch .left-side .volunteer li {
    position: relative;
    line-height: 4rem;
    padding-left: 3rem
}

.contacts .get-in-touch .left-side .volunteer li img,.contacts .get-in-touch .left-side .volunteer li i {
    position: absolute;
    top: .8rem;
    left: 0
}

.contacts .get-in-touch .left-side .volunteer::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #26602d;
    opacity: .9
}

.contacts .get-in-touch .left-side .volunteer .content {
    position: relative;
    z-index: 1
}

.contacts .get-in-touch .left-side .volunteer .content ul li strong a {
    color: #fff
}

.contacts .get-in-touch .right-side {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.contacts .get-in-touch .right-side p {
    color: rgba(0,0,0,0.6)
}

.contacts .get-in-touch .right-side form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contacts .get-in-touch .right-side form .item {
    -webkit-box-flex: 47%;
    -ms-flex: 47%;
    flex: 47%
}

.contacts .get-in-touch .right-side form .item:first-child {
    margin-right: 3rem
}

.contacts .get-in-touch .right-side form .item:last-child {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

.contacts .get-in-touch .right-side form .item.full {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

.contacts .get-in-touch .right-side form .item.push-right {
    margin-right: 3rem
}

.contacts .get-in-touch .right-side .reading ol,.contacts .get-in-touch .right-side .reading ul {
    margin-bottom: 2rem
}

.contacts .get-in-touch .right-side .reading ol li,.contacts .get-in-touch .right-side .reading ul li {
    color: rgba(0,0,0,0.6)
}

.contacts .get-in-touch .right-side .theme-btn {
    display: block
}

.contacts .get-in-touch.wizard .left-side {
    padding: 0;
    background: #fff
}

.contacts .get-in-touch.wizard .left-side::before {
    content: none
}

.contacts .get-in-touch.no-content {
    margin-bottom: 3rem
}

.contacts .get-in-touch.bill {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts .get-in-touch.bill table {
    margin-bottom: 3rem
}

.contacts.register .item:nth-child(3) {
    margin-right: 3rem
}

.contacts.volunteer .interestes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts.volunteer .interestes label {
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%
}

.faq {
    padding: 9rem 0;
    background-color: #f7f7f7
}

.faq .section-title {
    max-width: 80rem;
    margin: 0 auto
}

.faq .section-title p {
    color: rgba(0,0,0,0.6)
}

.faq .faq-questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.faq .faq-questions .left-side,.faq .faq-questions .right-side {
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%
}

.faq .faq-questions .left-side {
    margin-right: 3rem
}

.faq .section-title {
    margin-bottom: 6rem
}

#regForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#regForm .tab {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    display: none
}

#regForm .tab .full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#regForm .tab .full .item {
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%
}

#regForm .tab .full .item.line {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

#regForm .tab .full .item:first-child {
    margin-right: 0
}

#regForm .tab .full .item.spacer {
    margin-right: 3rem
}

#regForm .tab .full .item label span a {
    color: #26602d
}

#regForm input.invalid {
    background-color: #fdd
}

.common-form .full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2.5rem
}

.common-form .full .item {
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%
}

.common-form .full .item.line {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

.common-form .full .item:first-child {
    margin-right: 0
}

.common-form .full .item.spacer {
    margin-left: 3rem
}

.common-form .show .full {
    padding: 0
}

.common-form .iti {
    margin-bottom: 0
}

.step {
    height: 10rem;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
    display: block;
    position: relative;
    padding: 2rem;
    padding-left: 9rem;
    text-align: left;
    border-bottom: .1rem solid #e2e2e2
}

.step:last-child {
    border: 0
}

.step h4 {
    color: #000;
    margin-bottom: 0
}

.step p {
    color: rgba(0,0,0,0.6);
    margin-bottom: 0 !important
}

.step .icon {
    position: absolute;
    width: 5rem;
    height: 5rem;
    left: 2rem
}

.step.active {
    background: #fff;
    border-left: .3rem solid #26602d
}

.step.finish {
    background-color: #04aa6d
}

.step.finish .icon .filter-green {
    -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%);
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.step.finish h4 {
    color: #fff
}

.step.finish p {
    color: rgba(255,255,255,0.6)
}

.gitfpop {
    position: fixed;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999
}

.gitfpop .content {
    background: #fff;
    padding: 3rem;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 40rem;
    max-height: 20rem;
    border-radius: 1rem
}

.gitfpop .content header {
    margin-bottom: 3rem
}

.gitfpop .content footer {
    text-align: center
}

.gitfpop .content footer .btn-theme {
    border: .1rem solid #26602d;
    padding: .5rem 1.5rem;
    border-radius: .5rem
}

.gitfpop .close {
    position: absolute;
    top: -1rem;
    right: -1rem;
    border-radius: 5rem;
    background: #e2e2e2;
    padding: .5rem;
    font-size: 1.4rem;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 1.6rem;
    text-align: center
}

.marketer .copylink {
    position: relative
}

.marketer .copylink input {
    width: 100%;
    border: .1rem solid #fff;
    border-radius: 1rem;
    margin-bottom: 0
}

.marketer .copylink button.btn {
    position: absolute;
    right: .3rem;
    top: .3rem;
    background: #26602d;
    color: #fff;
    line-height: 5rem;
    padding: 0 3rem;
    border-top-right-radius: .7rem;
    border-bottom-right-radius: .7rem;
    font-weight: bold
}

.user-marketer .layout-col-1 {
    padding: 2rem !important
}

body.rtl .marketer .copylink button.btn {
    right: inherit;
    left: .3rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: .7rem;
    border-bottom-left-radius: .7rem
}

.register-ngo .form-switch .form-check-input {
    border-radius: 2em !important
}

.uploading-container {
    margin-top: 3rem;
    border-bottom: .1rem solid #e2e2e2;
    padding-bottom: 3rem
}

.uploading-container .upload-box {
    width: 100%;
    height: 35rem;
    position: relative;
    border-radius: 1rem;
    margin-bottom: 6rem;
    margin-top: 3rem
}

.uploading-container .upload-box .cover-box {
    border: .1rem solid #e2e2e2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35rem;
    margin-bottom: 5rem;
    background-color: #f7f7f7;
    border-radius: 1rem
}

.uploading-container .upload-box .cover-box .imageWrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem
}

.uploading-container .upload-box .cover-box .imageWrapper img {
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.uploading-container .upload-box .cover-box .file-upload {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #fff
}

.uploading-container .upload-box .cover-box .file-upload input.file-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
    z-index: 1
}

.uploading-container .upload-box .cover-box .file-upload .icon-out {
    position: absolute;
    width: 7rem;
    height: 7rem;
    background-color: transparent;
    top: -1rem;
    left: -1rem;
    border-radius: 50%
}

.uploading-container .upload-box .cover-box .file-upload .icon-out .icon-in {
    border: .1rem solid #fff;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    margin: auto;
    background-color: #e2e2e2;
    position: absolute;
    top: 1rem;
    left: 1rem;
    cursor: pointer
}

.uploading-container .upload-box .cover-box .file-upload .icon-out .icon-in img {
    padding-top: 1.6rem;
    width: 2rem;
    cursor: pointer
}

.uploading-container .upload-box .profile-box {
    position: absolute;
    bottom: -7rem;
    left: 3rem;
    width: 15rem;
    height: 15rem;
    z-index: 3;
    border-radius: 50%;
    background: #f7f7f7
}

.uploading-container .upload-box .profile-box .imageWrapper {
    border: .1rem solid #e2e2e2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%
}

.uploading-container .upload-box .profile-box .imageWrapper img {
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.uploading-container .upload-box .profile-box .file-upload {
    position: absolute;
    bottom: .5rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #fff
}

.uploading-container .upload-box .profile-box .file-upload input.file-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
    z-index: 1
}

.uploading-container .upload-box .profile-box .file-upload .icon-out {
    position: absolute;
    width: 7rem;
    height: 7rem;
    background-color: transparent;
    top: -1.3rem;
    left: -1.3rem;
    border-radius: 50%
}

.uploading-container .upload-box .profile-box .file-upload .icon-out .icon-in {
    border: .1rem solid #fff;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    margin: auto;
    background-color: #e2e2e2;
    position: absolute;
    top: 1rem;
    left: 1rem
}

.uploading-container .upload-box .profile-box .file-upload .icon-out .icon-in img {
    padding-top: 1.6rem;
    width: 2rem;
    cursor: pointer
}

.product-color {
    margin: 5px 0;
    text-align: center;
    list-style: none;
    float: left
}

.product-color li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 1px
}

.product-color li input {
    position: absolute;
    left: 0;
    top: -300%;
    opacity: 0;
    visibility: hidden
}

.product-color li input:checked+label {
    border-color: #6ca1ad;
    opacity: 1
}

.product-color li input:checked+label:after {
    content: "";
    opacity: 1
}

.product-color li label {
    width: 26px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    border-radius: 26px;
    display: inline-block;
    position: relative;
    border: 0 solid #535151;
    cursor: pointer;
    text-align: center;
    opacity: .5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.product-color li label:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -7px;
    font: normal normal normal 14px FontAwesome;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    moz-transition: opacity .3s ease-in-out;
    o-transition: opacity .3s ease-in-out
}

.certificate #my-node {
    position: relative;
    width: 100%;
    height: 106rem
}

.certificate #my-node .img {
    position: relative;
    width: 750px;
    height: 100%;
    margin: 0 auto
}

.certificate #my-node .congrates,.certificate #my-node .gift_name,.certificate #my-node .first-sms,.certificate #my-node .customer_name,.certificate #my-node .second-sms,.certificate #my-node .camp_name,.certificate #my-node .end-sms {
    position: absolute;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    text-align: center
}

.certificate #my-node .customer_name {
    top: 44%;
    right: 0;
    left: 0;
    max-width: 220px;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.certificate #my-node .gift_name {
    right: 0;
    left: 0;
    top: 49%;
    max-width: 242px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0 auto
}

.certificate #my-node .camp_name {
    top: 62%;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 400px;
    text-align: center
}

.certificate .btn-theme {
    margin-bottom: 3rem
}

@media (max-width: 768px) {
    .certificate #my-node {
        width:750px
    }
}

@media (max-width: 600px) {
    .certificate #my-node {
        width:400px;
        height: 560px
    }

    .certificate #my-node .img {
        position: relative;
        width: 100%
    }

    .certificate #my-node .congrates,.certificate #my-node .gift_name,.certificate #my-node .first-sms,.certificate #my-node .customer_name,.certificate #my-node .second-sms,.certificate #my-node .camp_name,.certificate #my-node .end-sms {
        position: absolute;
        font-size: 14px;
        color: #000;
        font-weight: normal
    }

    .certificate #my-node .customer_name {
        top: 44%;
        max-width: 210px
    }

    .certificate #my-node .second-sms {
        top: 49%
    }

    .certificate #my-node .camp_name {
        top: 62%
    }
}

@media (max-width: 320px) {
    .certificate #my-node {
        width:300px;
        height: 420px
    }

    .certificate #my-node .img {
        position: relative;
        width: 100%
    }

    .certificate #my-node .congrates,.certificate #my-node .gift_name,.certificate #my-node .first-sms,.certificate #my-node .customer_name,.certificate #my-node .second-sms,.certificate #my-node .camp_name,.certificate #my-node .end-sms {
        position: absolute;
        font-size: 12px;
        color: #000;
        font-weight: normal
    }

    .certificate #my-node .customer_name {
        top: 44%
    }

    .certificate #my-node .second-sms {
        top: 49%
    }

    .certificate #my-node .camp_name {
        top: 62%
    }

    .certificate .btn {
        margin-bottom: 10px
    }
}

.receipt table thead {
    background: #ebf1f9
}

.receipt table tbody tr:nth-child(odd) {
    background: #fff
}

@media (max-width: 600px) {
    .col-8,.col-6 {
        width:100%
    }

    .navbar.navbar-light .navbar-nav.right-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .navbar.navbar-light .navbar-nav.right-menu .btn-theme {
        min-width: 90%;
        margin-bottom: 1.5rem
    }

    .dropdown:hover .dropdown-menu {
        margin-top: initial;
        display: none;
        left: inherit
    }

    .dropdown-menu.show {
        display: block !important
    }

    .navbar.navbar-light .navbar-nav .nav-link:before {
        content: none
    }

    .navbar.navbar-light .navbar-nav {
        line-height: 4rem
    }

    .navbar.navbar-light .navbar-nav .nav-link {
        border-bottom: #eaeaea;
        line-height: 4rem !important
    }

    #site-header {
        height: 9rem
    }

    .topnavbar .content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .whatwedo .content {
        grid-template-columns: 1fr
    }

    .campaings .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blogslider .blog-slider .swiper-button-next,.blogslider .blog-slider .swiper-button-prev {
        top: 50%
    }

    .blogslider .blog-slider .swiper-button-prev,.blogslider .blog-slider .swiper-rtl .swiper-button-next {
        left: 0;
        right: 0
    }

    .statistics .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .statistics .content .middle {
        margin: 3rem auto
    }

    .statistics .content .right-side img {
        margin-bottom: 2rem
    }

    .calltoaction .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .calltoaction .content .right-side {
        margin-bottom: 3rem;
        text-align: center
    }

    .footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-container .left-side {
        margin-bottom: 3rem
    }

    .footer-container .right-side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-container .right-side .item {
        margin-bottom: 3rem
    }

    .footer-container .right-side .copyrights .top-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 2rem
    }

    .footer-container .right-side .copyrights .top-item .ms-auto {
        margin: 0 auto;
        margin-bottom: 2rem
    }

    .footer-container .right-side .copyrights .top-item p {
        margin-bottom: 0;
        text-align: center
    }

    .footer-container .right-side .copyrights .bottom-item {
        text-align: center
    }

    .all-campaigns-page .campaigns-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0
    }

    .all-campaigns-page .campaigns-list .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }

    .single-campaigns .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .single-campaigns main {
        margin-right: 0;
        margin: 0
    }

    .single-campaigns main .article-box,.single-campaigns main .comments-box {
        padding: 2rem
    }

    .single-campaigns aside {
        margin-bottom: 4rem
    }

    .single-campaigns .common-form .full .item {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .single-campaigns .common-form .full .item.spacer {
        margin-right: 0
    }

    .single-campaigns .common-form .full .item #gift_name {
        margin-bottom: 3rem
    }

    .single-campaigns iframe {
        width: 100%
    }

    .contact .map {
        margin-top: 10rem
    }

    .contacts {
        padding-bottom: 0
    }

    .contacts .get-in-touch {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 7rem 2.5rem
    }

    .contacts .get-in-touch .right-side {
        margin-bottom: 4rem
    }

    .contacts .get-in-touch .right-side form .item {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .contacts .get-in-touch .right-side form .item.push-right {
        margin: 0
    }

    .contacts .get-in-touch .right-side form .item:first-child {
        margin-right: 0
    }

    .contacts .get-in-touch .right-side form .item:nth-child(3) {
        margin-right: 0
    }

    .contacts .get-in-touch .left-side {
        margin: 0
    }

    .contacts .get-in-touch main {
        margin-right: 0
    }

    .interestes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .faq .faq-questions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .faq .faq-questions .left-side {
        margin: 0;
        margin-bottom: 3rem
    }

    .register-ngo .get-in-touch {
        padding: 1rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .register-ngo .get-in-touch .left-side {
        margin-bottom: 4rem
    }

    .register-ngo .get-in-touch .left-side .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .register-ngo .get-in-touch .left-side .content .step {
        padding-left: 5rem
    }

    .register-ngo .get-in-touch .left-side .content .step.active {
        border-bottom: .3rem solid #26602d;
        border-left: 0
    }

    .register-ngo .get-in-touch .left-side .content .step:last-child {
        border-right: 0
    }

    .register-ngo .get-in-touch .left-side .content .step .icon {
        width: 3rem;
        height: 2rem;
        left: 1rem
    }

    .register-ngo .get-in-touch #regForm .tab .full {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .register-ngo .get-in-touch #regForm .tab .full .item.spacer {
        margin: 0
    }

    .page-cover .page-title h1 {
        font-size: 2.4rem
    }

    .layout .layout-col-1,.layout .layout-col-2,.layout .layout-col-3,.layout .layout-col-4 {
        padding: 2rem;
        grid-template-columns: auto
    }

    .layout .layout-col-1.sidebyside,.layout .layout-col-2.sidebyside,.layout .layout-col-3.sidebyside,.layout .layout-col-4.sidebyside {
        grid-template-columns: auto !important
    }

    .rtl .btn-block a.btn-theme {
        margin-left: 1rem !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .rtl .btn-block .btn-circle,.rtl .footer-container .left-side .footer-social-icons li {
        margin-left: 1rem !important
    }

    .rtl .contacts .get-in-touch .left-side {
        margin-left: 0 !important
    }

    .right-menu .dropdown-menu {
        position: absolute;
        width: 100%
    }

    .btn-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .btn-block .btn-theme,.btn-block .btn-circle {
        margin-bottom: 3rem
    }

    .multiple-btns .btn-theme {
        margin-bottom: 4rem
    }

    #impact {
        padding: 50px 0
    }

    #impact ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 30px;
        padding: 0
    }

    #impact ul li {
        width: 100%;
        min-height: inherit;
        padding-bottom: 3rem
    }

    #impact ul li .cover img {
        width: 13rem;
        height: 13rem
    }

    #impact ul li:first-child {
        -ms-flex-item-align: center;
        align-self: center
    }

    #impact ul li .cover {
        padding: 10px
    }

    #counter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    #counter .counts_items {
        margin: 1.5rem
    }

    .calltoaction .content .left-side {
        text-align: center
    }

    .navbar {
        margin: 2rem 0
    }

    .navbar-collapse {
        background-color: #fff;
        top: 1rem;
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        padding-bottom: 2rem;
        -webkit-box-shadow: 0 23px 15px rgba(0,0,0,0.1);
        box-shadow: 0 23px 15px rgba(0,0,0,0.1);
        position: relative;
        -webkit-transition: all .35s;
        transition: all .35s
    }

    .all-campaigns-page .campaigns-list .item .entry-header {
        min-height: 26.5rem;
        max-height: 26.5rem
    }

    .common-form .full .item.spacer {
        margin: 0
    }

    .single-campaigns main .article-box article figure figcaption {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .all-btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .all-btns .button {
        margin: 1rem 0
    }

    .allpops {
        padding: 0 2rem;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 2rem
    }

    .allpops .btn-theme:hover,.allpops .btn-theme:focus {
        background: #a8ddaf
    }

    #mediaus {
        padding: 0
    }

    #mediaus .video_page_layouts {
        grid-template-columns: 1fr
    }

    .new_donate .donate-container {
        max-width: 40rem
    }

    .new_donate main {
        grid-template-columns: 1fr
    }

    #uploadCamp {
        padding: 8rem 1.5rem
    }

    #uploadCamp .uploadlayout {
        grid-template-columns: 1fr
    }

    #uploadCamp .uploadlayout aside {
        grid-column-start: 1;
        grid-row-start: 1
    }

    #affiliate {
        display: none
    }

    .new_donate main .left-side .donate-form .item-full {
        margin-bottom: 6rem
    }

    .new_donate main .left-side .donate-form .item-full.last-item {
        margin-bottom: 2rem
    }

    .new_donate main .left-side .donate-form .item-full .quick-btns {
        bottom: -4.5rem;
        right: 0;
        top: inherit;
        width: 100%
    }

    .new_donate main .left-side .donate-form .item-donor-data .tel-mail {
        grid-template-columns: 1fr
    }

    .new_donate main .left-side .sendAsGift .gift-container {
        padding: 0 0 0 2.5rem !important
    }

    #sendAsGift .accordion-body,#newGeneralAmount .accordion-body {
        width: 100%;
        display: block
    }

    .new_donate main .left-side .donate-form .item-donor-data {
        padding: 2rem 1rem
    }

    .choose_main_amount {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .choose_main_amount li {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .new_donate main aside .right-side {
        display: none
    }

    .single-campaigns main .article-box article figure figcaption {
        padding: 2rem .5rem
    }

    .single-campaigns main .article-box article figure figcaption #countdown,.single-campaigns main .article-box article figure figcaption #sharebox.single-campaigns main .article-box article figure figcaption #countdown,.single-campaigns main .article-box article figure figcaption #sharebox {
        z-index: 10
    }

    .single-campaigns main .article-box article header h2 {
        font-size: 1.8rem
    }

    .single-campaigns main .article-box article .entery-content .progress-data .left,.single-campaigns main .article-box article .entery-content .progress-data .right {
        font-size: 1.2rem
    }

    .single-campaigns main .article-box article .entery-content,.single-campaigns main .article-box article header {
        padding: 0
    }

    .single-campaigns main .article-box article footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 0
    }

    .single-campaigns main .article-box article footer a {
        width: 100%;
        margin-bottom: 1rem;
        text-align: center
    }

    .fixedOMobile {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 100000 !important;
        margin: 0 !important;
        opacity: 1
    }

    .donor-list {
        padding: 0 .5rem
    }

    .single-campaigns main .tab-content {
        padding: 2rem
    }

    .single-campaigns main .nav-tabs {
        padding: 0 .5rem
    }

    .single-campaigns main .article-box article figure {
        z-index: 0
    }

    .single-campaigns main .article-box article figure figcaption #countdown ul,.single-campaigns main .article-box article figure figcaption #sharebox ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .single-campaigns main .article-box article figure figcaption #countdown ul li,.single-campaigns main .article-box article figure figcaption #sharebox ul li {
        text-align: center;
        padding: 1rem;
        margin: .5rem;
        background: rgba(0,0,0,0.1)
    }

    .single-campaigns aside .donation-box {
        z-index: 20
    }

    .new_donate main .left-side .donate-form .btn-theme {
        width: 100%
    }

    .category .layout .layout-col-1 {
        padding: 2rem 0
    }

    [class^="imghvr-"] figcaption,[class*=" imghvr-"] figcaption {
        position: relative;
        top: 0;
        left: 0;
        background: transparent;
        color: #000
    }

    [class^="imghvr-shutter-out-"] figcaption,[class*=" imghvr-shutter-out-"] figcaption {
        opacity: 1;
        -webkit-transition-delay: unset;
        transition-delay: unset
    }

    .imghvr-shutter-out-diag-1:before {
        all: unset
    }

    .partners .partners-slider .swiper-slide .item {
        min-height: 35rem
    }

    .partners .partners-slider .swiper-slide .item img {
        height: 20rem
    }

    [class^="imghvr-"] figcaption h3,[class*=" imghvr-"] figcaption h3,.partners .partners-slider .swiper-slide .item figcaption ul li a {
        color: #000
    }

    .new_donate main .left-side .donate-form .item-donor-data .input-group .form-control,.new_donate main .left-side .donate-form .item-donor-data input {
        width: 100%
    }

    .item-donor-data input-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .item-donor-data .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        width: 100%
    }

    .get-in-touch.bill table th,.get-in-touch.bill table td {
        font-size: 1.2rem
    }

    .calltoaction .content .left-side .copylink button,.rtl .calltoaction .content .left-side .copylink button {
        position: relative;
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: 1rem;
        border-radius: 1rem
    }

    .top-bottom-space,.partners .partners-slider {
        padding: 4rem 0
    }

    .special-camp .section-title {
        margin-bottom: 2rem
    }

    .special-camp .layout-col-3 {
        margin-bottom: 0
    }

    .section-title,.section-title h4,.section-title h1 {
        margin-bottom: 0
    }

    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
        bottom: -1rem
    }

    .hide-xs {
        display: none
    }

    .single-campaigns main .article-box {
        margin-bottom: 0
    }

    .campaings-slider {
        padding-top: 3rem !important
    }

    .campaings-slider .swiper-button-next,.campaings-slider .swiper-button-prev {
        top: 25%;
        width: 3rem;
        height: 3rem;
        background: #26602d
    }

    .campaings-slider .swiper-button-next:after,.campaings-slider .swiper-button-prev:after {
        font-size: 1.6rem;
        color: #fff
    }

    .special-camp .item .entry-content {
        padding-top: 0
    }

    .campaings .campaings-slider .swiper-slide .item .entry-content {
        padding-top: 0
    }

    .campaings .campaings-slider .swiper-slide .item .entry-content h3 {
        font-size: 2rem;
        line-height: 3rem;
        min-height: 6rem;
        max-height: 6rem
    }

    .donor-list li .content_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 1.5rem
    }

    .donor-list li .content_row .campDonate {
        border-top: .1rem solid #e2e2e2;
        width: 100%;
        padding: 1rem 0
    }

    .donor-list li .content_row .campDonate a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .donor-list li .content_row .campDonate a span {
        padding-right: 0;
        padding-left: 1rem
    }

    .fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe {
        max-height: 20rem !important
    }
}

@media (min-width: 768px) {
    .navbar.navbar-light .navbar-nav.right-menu {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .dropdown:hover .dropdown-menu {
        margin-top: initial;
        display: none;
        left: inherit
    }

    .dropdown-menu.show {
        display: block !important
    }

    .navbar.navbar-light .navbar-nav .nav-link:before {
        content: none
    }

    .navbar.navbar-light .navbar-nav .nav-link {
        border-bottom: #eaeaea
    }

    .topnavbar .content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .whatwedo .content {
        grid-template-columns: 1fr 1fr
    }

    .campaings .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blogslider .blog-slider .swiper-button-next,.blogslider .blog-slider .swiper-button-prev {
        top: 50%
    }

    .blogslider .blog-slider .swiper-button-prev,.blogslider .blog-slider .swiper-rtl .swiper-button-next {
        left: 0;
        right: 0
    }

    .statistics .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left
    }

    .statistics .content .middle {
        margin: 3rem auto
    }

    .statistics .content .right-side img {
        margin-bottom: 2rem
    }

    .calltoaction .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .calltoaction .content .right-side {
        margin-bottom: 3rem;
        text-align: center
    }

    .footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-container .right-side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-container .right-side .copyrights .top-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 2rem
    }

    .footer-container .right-side .copyrights .top-item p {
        margin-bottom: 0
    }

    .footer-container .right-side .copyrights .bottom-item {
        text-align: center
    }

    .all-campaigns-page .campaigns-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }

    .all-campaigns-page .campaigns-list .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }

    .single-campaigns .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .single-campaigns main {
        margin-right: 0;
        margin: 0
    }

    .single-campaigns main .comments-box {
        padding: 2rem
    }

    .single-campaigns aside {
        margin-bottom: 4rem
    }

    .contacts .get-in-touch {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .contacts .get-in-touch .right-side {
        margin-bottom: 4rem
    }

    .contacts .get-in-touch .right-side form .item {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .contacts .get-in-touch .right-side form .item.push-right {
        margin: 0
    }

    .contacts .get-in-touch .right-side form .item:first-child {
        margin-right: 0
    }

    .contacts .get-in-touch .right-side form .item:nth-child(3) {
        margin-right: 0
    }

    .contacts .get-in-touch .left-side {
        margin: 0
    }

    .contacts .get-in-touch main {
        margin-right: 0
    }

    .interestes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .faq .faq-questions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .faq .faq-questions .left-side {
        margin: 0;
        margin-bottom: 3rem
    }

    .register-ngo .get-in-touch {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .register-ngo .get-in-touch .left-side {
        margin-bottom: 4rem
    }

    .register-ngo .get-in-touch .left-side .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .register-ngo .get-in-touch .left-side .content .step {
        padding-left: 5rem;
        border-bottom: 0;
        border-right: .1rem solid #e2e2e2
    }

    .register-ngo .get-in-touch .left-side .content .step.active {
        border-bottom: .3rem solid #26602d;
        border-left: 0
    }

    .register-ngo .get-in-touch .left-side .content .step:last-child {
        border-right: 0
    }

    .register-ngo .get-in-touch .left-side .content .step .icon {
        width: 3rem;
        height: 2rem;
        left: 1rem
    }

    .layout .layout-col-1,.layout .layout-col-2,.layout .layout-col-3,.layout .layout-col-4 {
        padding: 3rem;
        grid-template-columns: 1fr 1fr
    }

    .layout .layout-col-1.sidebyside,.layout .layout-col-2.sidebyside,.layout .layout-col-3.sidebyside,.layout .layout-col-4.sidebyside {
        grid-template-columns: auto
    }

    .layout .layout-col-1 {
        grid-template-columns: auto
    }

    .right-menu .dropdown-menu {
        position: absolute;
        width: 100%
    }

    .navbar {
        margin: 2rem 0
    }

    .navbar-collapse {
        background-color: #fff;
        top: 1rem;
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        padding-bottom: 2rem;
        -webkit-box-shadow: 0 23px 15px rgba(0,0,0,0.1);
        box-shadow: 0 23px 15px rgba(0,0,0,0.1);
        position: relative;
        -webkit-transition: all .35s;
        transition: all .35s
    }

    .all-campaigns-page .campaigns-list .item .entry-header {
        min-height: 21.5rem;
        max-height: 21.5rem
    }

    .layout .layout-col-2 {
        grid-template-columns: 1fr;
        row-gap: 3rem
    }

    #mediaus {
        padding: 0
    }

    #mediaus .video_page_layouts {
        grid-template-columns: 1fr 1fr
    }

    .special-camp .layout-col-3 {
        padding: 0;
        background: transparent
    }

    #uploadCamp .uploadlayout aside .avatar-upload .avatar-edit input+label {
        width: 15rem
    }

    #impact {
        padding: 50px 0
    }

    #impact ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 3rem
    }

    #impact ul li {
        padding: 0;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 40%
    }

    #impact ul li .cover {
        padding: 10px
    }

    #impact ul li:first-child {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .navbar-expand-lg .navbar-brand {
        margin-left: 2rem
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        right: 0
    }

    .navbar.navbar-light .navbar-nav.right-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        left: inherit
    }

    .dropdown-menu.show {
        display: block !important
    }

    .navbar.navbar-light .navbar-nav .nav-link:before {
        content: none
    }

    .navbar.navbar-light .navbar-nav .nav-link {
        border-bottom: #eaeaea
    }

    .topnavbar .content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .whatwedo .content {
        grid-template-columns: repeat(3, 1fr)
    }

    .campaings .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blogslider .blog-slider .swiper-button-next,.blogslider .blog-slider .swiper-button-prev {
        top: 50%
    }

    .blogslider .blog-slider .swiper-button-prev,.blogslider .blog-slider .swiper-rtl .swiper-button-next {
        left: 0;
        right: 0
    }

    .statistics .content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: left;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .statistics .content .middle {
        margin: 3rem auto
    }

    .statistics .content .right-side {
        margin-right: 3rem;
        -webkit-box-flex: 45%;
        -ms-flex: 45%;
        flex: 45%
    }

    .statistics .content .right-side img {
        margin-bottom: 2rem
    }

    .statistics .content .middle {
        -webkit-box-flex: 45%;
        -ms-flex: 45%;
        flex: 45%
    }

    .statistics .content .left-side {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 3rem 0
    }

    .calltoaction .content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .calltoaction .content .left-side {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .calltoaction .content .right-side {
        text-align: center
    }

    .footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-container .right-side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .footer-container .right-side .copyrights .top-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 2rem
    }

    .footer-container .right-side .copyrights .top-item p {
        margin-bottom: 0
    }

    .footer-container .right-side .copyrights .bottom-item {
        text-align: center
    }

    .all-campaigns-page .campaigns-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }

    .all-campaigns-page .campaigns-list .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }

    .single-campaigns .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .single-campaigns main {
        margin-right: 0;
        margin: 0
    }

    .single-campaigns main .comments-box {
        padding: 2rem
    }

    .single-campaigns aside {
        margin-bottom: 4rem
    }

    .contacts .get-in-touch {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .contacts .get-in-touch .right-side {
        margin-bottom: 4rem
    }

    .contacts .get-in-touch .right-side form .item {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .contacts .get-in-touch .right-side form .item.push-right {
        margin: 0
    }

    .contacts .get-in-touch .right-side form .item:first-child {
        margin-right: 0
    }

    .contacts .get-in-touch .right-side form .item:nth-child(3) {
        margin-right: 0
    }

    .contacts .get-in-touch .left-side {
        margin-right: 4rem
    }

    .contacts .get-in-touch main {
        margin-right: 4rem
    }

    .interestes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .faq .faq-questions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .faq .faq-questions .left-side {
        margin-right: 4rem
    }

    .register-ngo .get-in-touch {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .register-ngo .get-in-touch .left-side {
        margin-bottom: 4rem
    }

    .register-ngo .get-in-touch .left-side .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .register-ngo .get-in-touch .left-side .content .step {
        padding-left: 5rem;
        border-bottom: 0;
        border-right: .1rem solid #e2e2e2
    }

    .register-ngo .get-in-touch .left-side .content .step.active {
        border-bottom: .3rem solid #26602d;
        border-left: 0
    }

    .register-ngo .get-in-touch .left-side .content .step:last-child {
        border-right: 0
    }

    .register-ngo .get-in-touch .left-side .content .step .icon {
        width: 3rem;
        height: 2rem;
        left: 1rem
    }

    .layout .layout-col-1,.layout .layout-col-3,.layout .layout-col-2,.layout .layout-col-4 {
        grid-template-columns: 1fr 1fr
    }

    .layout .layout-col-1.sidebyside,.layout .layout-col-3.sidebyside,.layout .layout-col-2.sidebyside,.layout .layout-col-4.sidebyside {
        grid-template-columns: 1fr 1fr
    }

    .layout .layout-col-1 {
        grid-template-columns: auto
    }

    .layout .layout-col-2 {
        grid-template-columns: 1fr 30rem
    }

    .all-campaigns-page .campaigns-list .item .entry-header {
        min-height: 29.5rem;
        max-height: 29.5rem
    }

    .navbar-collapse {
        background-color: transparent;
        top: 0;
        border: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        -webkit-transition: all .35s;
        transition: all .35s
    }

    .navbar.navbar-light .navbar-nav .nav-link {
        margin: 0 1rem
    }

    .special-camp .layout-col-3 {
        padding: 0;
        background: transparent
    }

    #uploadCamp .uploadlayout aside .avatar-upload .avatar-edit input+label {
        width: 23rem
    }

    #impact ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    #impact ul li {
        min-height: 33rem
    }

    #impact ul li:first-child {
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu {
        display:block;
        margin-top: 0;
        left: inherit
    }

    .navbar-expand-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .whatwedo .content {
        grid-template-columns: repeat(4, 1fr)
    }

    .campaings .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blogslider .blog-slider .swiper-button-next,.blogslider .blog-slider .swiper-button-prev {
        top: 50%
    }

    .blogslider .blog-slider .swiper-button-prev,.blogslider .blog-slider .swiper-rtl .swiper-button-next {
        left: 0;
        right: 0
    }

    .statistics .content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .statistics .content .middle {
        margin: 0 3rem
    }

    .statistics .content .right-side {
        -webkit-box-flex: 4;
        -ms-flex: 4 1 0px;
        flex: 4 1 0
    }

    .statistics .content .right-side img {
        margin-bottom: 2rem
    }

    .statistics .content .middle {
        -webkit-box-flex: 2;
        -ms-flex: 2 1 0px;
        flex: 2 1 0
    }

    .statistics .content .left-side {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .calltoaction .content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .calltoaction .content .left-side {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .calltoaction .content .right-side {
        text-align: center
    }

    .footer-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .footer-container .right-side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .footer-container .right-side .copyrights .top-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 2rem
    }

    .footer-container .right-side .copyrights .top-item p {
        margin-bottom: 0
    }

    .footer-container .right-side .copyrights .bottom-item {
        text-align: center
    }

    .all-campaigns-page .campaigns-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }

    .all-campaigns-page .campaigns-list .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }

    .single-campaigns .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .single-campaigns main {
        margin-right: 0;
        margin: 0
    }

    .single-campaigns main .comments-box {
        padding: 2rem
    }

    .single-campaigns aside {
        margin-bottom: 4rem
    }

    .contacts .get-in-touch {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .contacts .get-in-touch .right-side {
        margin-bottom: 4rem
    }

    .contacts .get-in-touch .right-side form .item {
        -webkit-box-flex: 47%;
        -ms-flex: 47%;
        flex: 47%
    }

    .contacts .get-in-touch .right-side form .item.push-right {
        margin-right: 3rem
    }

    .contacts .get-in-touch .right-side form .item:first-child {
        margin-right: 3rem
    }

    .contacts .get-in-touch .left-side {
        margin-right: 4rem
    }

    .contacts .get-in-touch main {
        margin-right: 4rem
    }

    .interestes {
        margin-top: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .interestes label {
        width: 47%
    }

    .faq .faq-questions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .faq .faq-questions .left-side {
        margin-right: 4rem
    }

    .register-ngo .get-in-touch {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .register-ngo .get-in-touch .left-side {
        margin-bottom: 4rem
    }

    .register-ngo .get-in-touch .left-side .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .register-ngo .get-in-touch .left-side .content .step {
        padding-left: 5rem;
        border-bottom: 0;
        border-right: .1rem solid #e2e2e2
    }

    .register-ngo .get-in-touch .left-side .content .step.active {
        border-bottom: .3rem solid #26602d;
        border-left: 0
    }

    .register-ngo .get-in-touch .left-side .content .step:last-child {
        border-right: 0
    }

    .register-ngo .get-in-touch .left-side .content .step .icon {
        width: 3rem;
        height: 2rem;
        left: 1rem
    }

    .layout {
        background-color: #f7f7f7;
        padding-bottom: 9rem
    }

    .layout .layout-top-cover {
        margin-top: -15rem;
        position: relative;
        display: grid;
        grid-template-columns: auto;
        align-self: flex-start
    }

    .layout .layout-top-cover .bredcramp {
        margin-bottom: 3rem
    }

    .layout .layout-col-1,.layout .layout-col-3,.layout .layout-col-2 {
        display: grid;
        padding: 7rem 4rem;
        background-color: #fff
    }

    .layout .layout-col-1 {
        grid-template-columns: auto
    }

    .layout .layout-col-3 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 3rem;
        grid-row-gap: 3rem
    }

    .layout .layout-col-2 {
        grid-template-columns: 2fr 1fr;
        grid-column-gap: 3rem
    }

    .all-campaigns-page .campaigns-list .item .entry-header {
        min-height: 26.5rem;
        max-height: 26.5rem
    }

    .single-campaigns main .article-box .choose_main_amount {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #mediaus {
        padding: 0
    }

    #mediaus .video_page_layouts {
        grid-template-columns: repeat(3, 1fr)
    }

    .special-camp .layout-col-3 {
        padding: 0;
        background: transparent
    }

    #uploadCamp .uploadlayout aside .avatar-upload .avatar-edit input+label {
        width: 37.4rem
    }

    #impact ul li {
        min-height: 41.5rem
    }
}

@media (min-width: 1400px) {
    .dropdown:hover .dropdown-menu {
        display:block;
        margin-top: 0
    }

    #uploadCamp .uploadlayout aside .avatar-upload .avatar-edit input+label {
        width: 38.5rem
    }
}

.rtl {
    font-family: 'Readex Pro',sans-serif;
    text-align: revert
}

.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6 {
    font-family: 'Readex Pro',sans-serif;
    font-weight: 400
}

.rtl p {
    line-height: 2;
    font-family: 'Readex Pro',sans-serif;
    font-weight: 300
}

.rtl .topnavbar {
    direction: ltr
}

.rtl .topnavbar .content .right-side ul li {
    padding-right: 0
}

.rtl .me-auto {
    margin-left: auto !important
}

.rtl .dropdown-menu[data-bs-popper] {
    left: inherit;
    right: 0;
    text-align: right
}

.rtl .btn-theme img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rtl .btn-theme.search {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rtl .campaings .campaings-slider .swiper-button-next {
    right: inherit;
    left: 0
}

.rtl .statistics .content,.rtl .calltoaction .content .left-side,.rtl .navbar-nav .dropdown-menu,.rtl .campaings .campaings-slider .swiper-slide .item .content-info h3,.rtl .campaings .campaings-slider .swiper-slide .item .content-info .progress-containner .left-status,.rtl .campaings .campaings-slider .swiper-slide .item .content-info .progress-containner .right-status,.rtl .all-campaigns-page .campaigns-list .item .content-info .progress-containner .left-status,.rtl .all-campaigns-page .campaigns-list .item .content-info .progress-containner .right-status,.rtl .blogslider .blog-slider .swiper-slide .item,.rtl .donation-box .campaigns-list .item .content-info .progress-containner .left-status,.rtl .donation-box .campaigns-list .item .content-info h3,.rtl .blog .item,.rtl .blog .item .btn-theme,.rtl .all-campaigns-page .campaigns-list .item .content-info h3 {
    text-align: right
}

.rtl .campaings .campaings-slider .swiper-slide .item .content-info .progress-containner .right-status,.rtl .all-campaigns-page .campaigns-list .item .content-info .progress-containner .right-status,.rtl .donation-box .campaigns-list .item .content-info .progress-containner .right-status {
    text-align: left
}

.rtl .single-campaigns aside .donation-box header .top-status p span span {
    margin-left: 0;
    margin-right: .5rem
}

.rtl .all-campaigns-page .campaigns-list .item .content-info {
    text-align: center
}

.rtl .dropdown-menu.search {
    right: inherit;
    left: 0
}

.rtl .dropdown-menu.search button {
    top: 1rem;
    right: inherit;
    left: 1.5rem
}

.rtl .dropdown-menu li .dropdown-item:before {
    left: inherit;
    right: 0
}

.rtl .btn-block a.btn-theme {
    margin-right: 0;
    margin-left: 3rem
}

.rtl .btn-block .btn-circle,.rtl .footer-container .left-side .footer-social-icons li {
    margin-right: 0;
    margin-left: 2rem
}

.rtl .footer-container .left-side,.rtl .contacts .get-in-touch .right-side form .item:first-child {
    margin-right: 0;
    margin-left: 3rem
}

.rtl .contacts .get-in-touch .left-side {
    margin-right: 0;
    margin-left: 4rem
}

.rtl .contacts .get-in-touch .left-side .volunteer li {
    padding-left: 0;
    padding-right: 4rem
}

.rtl .contacts .get-in-touch .left-side .volunteer li img,.rtl .contacts .get-in-touch .left-side .volunteer li i {
    left: inherit;
    right: 0
}

.rtl .accordion-button::after {
    margin-right: auto;
    margin-left: inherit
}

.rtl .contacts .get-in-touch .right-side form .item.push-right {
    margin-right: 0;
    margin-left: 3rem
}

.rtl .donor-list .avatar {
    left: inherit;
    right: 0
}

.rtl .donor-list .content span.time:before {
    left: inherit;
    right: -1rem
}

.rtl .donor-list .content span.time {
    text-decoration: none
}

.rtl .donor-list .content {
    padding-left: 0
}

.rtl .donor-list .avatar img {
    margin-left: 0;
    margin-right: 1.1rem
}

.rtl .donor-list .content span {
    padding-right: 0;
    padding-left: 3rem
}

.rtl .donor-list li.giftedName .content h5 i {
    margin-right: 1rem;
    margin-left: 0;
    float: left
}

.rtl .step {
    text-align: right
}

.rtl .register-ngo .get-in-touch .left-side .content .step {
    padding-left: 0;
    padding-right: 7rem;
    border-right: 0;
    border-left: .1rem
}

.rtl .register-ngo .get-in-touch .left-side .content .step .icon {
    right: 2rem;
    left: inherit
}

.rtl #regForm .tab .full .item.spacer {
    margin-right: 0;
    margin-left: 3rem
}

.rtl .footer-container .right-side .copyrights .bottom-item ul li {
    margin-right: 0;
    margin-left: 2rem
}

.rtl .search-pop .modal .close {
    position: absolute;
    right: inherit;
    left: 0;
    top: 0
}

.rtl .search-pop .modal .search-from .btn-theme {
    position: absolute;
    left: inherit;
    right: 1rem
}

.rtl .search-pop .modal .search-from .btn-theme img {
    margin-right: 0
}

.rtl .search-pop .modal .search-from input {
    padding-left: 0;
    padding-right: 5rem
}

.rtl .social-media li {
    padding-right: 0;
    padding-left: 2rem
}

.rtl .social-media li:last-child {
    padding-right: 0
}

.rtl .whatwedo .right-side .item .icon img {
    margin-left: 2rem;
    margin-right: 0
}

.rtl .statistics .content .left-side .item:after {
    right: 0;
    left: inherit
}

.rtl .footer-container .left-side ul li a strong img,.rtl .footer-container .left-side ul li a strong i {
    margin-left: 1rem;
    margin-right: 0
}

.rtl .btn-theme:focus img,.rtl .btn-theme:hover img {
    right: 0;
    left: -1rem
}

.rtl .donate-form .input-group-text label {
    margin-right: 0;
    margin-left: .5rem
}

.rtl .domain {
    direction: ltr
}

.rtl .domain label {
    direction: rtl;
    text-align: right
}

.rtl .choose-color {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.rtl select {
    background-position-x: 2%
}

.rtl .breadcramp .content li:after {
    padding-right: .5rem
}

.rtl #nextBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.rtl .multiple-btns .btn-theme:first-child {
    margin-right: 0;
    margin-left: 3rem
}

.rtl .navbar-expand-lg .navbar-brand {
    margin-right: 2rem
}

.rtl .campaings .campaings-slider .swiper-slide .item .entry-content {
    text-align: right;
    font-size: 1.3rem
}

.rtl .campaings .campaings-slider .swiper-slide .item .entry-content h3 {
    font-size: 1.8rem
}

.rtl #impact ul li:first-child {
    text-align: right
}

.rtl #impact ul li svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rtl .madeby {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.rtl .fa-angle-right:before {
    content: '\f104'
}

.rtl .common-form .full .item.spacer {
    margin-right: 3rem;
    margin-left: 0
}

.rtl .all-campaigns-page .campaigns-list .item .entry-content {
    text-align: right
}

.rtl #sendAsGift .accordion-item .gift-container .checkmark,.rtl #newGeneralAmount .accordion-item .gift-container .checkmark {
    left: inherit;
    right: 1.2rem
}

.rtl #sendAsGift .accordion-item .gift-container .checkmark::after,.rtl #newGeneralAmount .accordion-item .gift-container .checkmark::after {
    right: .9rem;
    left: inherit
}

.rtl #newGeneralAmount .accordion-item .gift-container .checkmark {
    left: inherit;
    right: 0
}

.rtl #newGeneralAmount .lg-container.lg-show {
    direction: ltr
}

.rtl .special-camp .item .entry-header .preview {
    left: inherit;
    right: 0
}

.rtl .special-camp .item .entry-header .preview::after {
    left: inherit;
    right: 0
}

.rtl .special-camp .item .entry-header .media {
    left: inherit;
    right: -13rem
}

.rtl .special-camp .item .entry-content {
    text-align: right
}

.rtl .special-camp .item .entry-content .progress-bar-camp {
    top: -5.7rem;
    height: 5rem
}

.rtl .special-camp .item .entry-content .progress-content {
    height: 1rem;
    width: 0
}

.rtl .progress-number-mark {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.rtl .lg-container.lg-show {
    direction: ltr
}

.rtl #mediaus .swiper-slide .title {
    text-align: right
}

.rtl .new_donate main .left-side .donate-form .item-full .quick-btns {
    left: 0;
    right: inherit
}

.rtl .new_donate main .left-side .donate-form #newGeneralAmount .gift-container .checkmark,.rtl .new_donate main .left-side .donate-form .sendAsGift .gift-container .checkmark {
    right: 0;
    left: inherit
}

.rtl #openClose {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.rtl .new_donate main .left-side .donate-form #newGeneralAmount .gift-container,.rtl .new_donate main .left-side .donate-form .sendAsGift .gift-container {
    padding: 0 2.5rem 0 0 !important
}

.rtl .custom-tooltip {
    font-size: 1.4rem;
    font-weight: bold
}

.rtl #newGeneralAmount span.title {
    margin-left: 1rem
}

.rtl .has-number-in-arabic tr td span {
    float: right;
    direction: rtl
}

.rtl .has-number-in-arabic tr td span:last-child {
    float: right;
    direction: ltr;
    margin-right: 1rem
}