/*
@font-face {
    font-family: GELight;
    src: url(../fonts/GE_SS_Unique_Light.otf);
}
*/

@font-face {
    font-family: 'GEDemiBold';
    src: url('../fonts/GEThameen-DemiBold.eot');
    src: url('../fonts/GEThameen-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GEThameen-DemiBold.woff2') format('woff2'),
    url('../fonts/GEThameen-DemiBold.woff') format('woff'),
    url('../fonts/GEThameen-DemiBold.ttf') format('truetype'),
    url('../fonts/GEThameen-DemiBold.svg#GEThameen-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Insan';
    src: url('../fonts/Insan-Regular.eot');
    src: url('../fonts/Insan-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Insan-Regular.woff2') format('woff2'),
    url('../fonts/Insan-Regular.woff') format('woff'),
    url('../fonts/Insan-Regular.ttf') format('truetype'),
    url('../fonts/Insan-Regular.svg#Insan-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GELight';
    src: url('../fonts/GEThameen-Book.eot');
    src: url('../fonts/GEThameen-Book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GEThameen-Book.woff2') format('woff2'),
    url('../fonts/GEThameen-Book.woff') format('woff'),
    url('../fonts/GEThameen-Book.ttf') format('truetype'),
    url('../fonts/GEThameen-Book.svg#GEThameen-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CenturyGothic.woff2') format('woff2'),
    url('../fonts/CenturyGothic.woff') format('woff'),
    url('../fonts/CenturyGothic.ttf') format('truetype'),
    url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: "Century Gothic", "Avant Garde", verdana;
    padding: 0;
    margin: 0;
}

html, body {
    overflow-x: hidden;
}

a, a:link, a:hover, a:visited, a:link {
    text-decoration: none;
}

::selection {
    background: #D7291C;
    color: #FFF;
}

::-moz-selection {
    background: #D7291C;
    color: #FFF;
}

input[type="text"], input[type="password"], textarea, select {
    outline: none;
}

.f-sm, .f-sm *:not(i) {
    font-size: 12px; /*12pt*/
    font-family: "Century Gothic";
}

.f-menu, .f-menu *:not(i) {
    font-size: 16px; /*16pt*/
    font-family: "Century Gothic";
}

.f-form1, .f-form1 *:not(i) {
    font-size: 15px; /*15pt*/
    font-family: "Century Gothic";
}

.f-b1, .f-b1 *:not(i) {
    font-size: 20px !important; /*20pt*/
    font-family: "Century Gothic";
}

.f-h0, .f-h0 *:not(i) {
    font-size: 65px; /*45pt*/
    font-family: "Century Gothic";
    font-weight: 300;
}

.f-h1, .f-h1 *:not(i) {
    font-size: 45px; /*45pt*/
    font-family: "Century Gothic";
    font-weight: 300;
}

.f-hb, .f-hb *:not(i) {
    font-size: 30px; /*45pt*/
    font-family: "Century Gothic";
    font-weight: 300;
    line-height: normal !important;
}

.f-h6, .f-h6 *:not(i) {
    font-size: 45px; /*45pt*/
    line-height: 58px;
    font-family: "Century Gothic";
}

.f-b2, .f-b2 *:not(i), .f-h2, .f-h2 *:not(i) {
    font-size: 28px; /*28pt*/
    font-family: "Century Gothic";
}

.f-t1, .f-t1 *:not(i) {
    font-size: 18px; /*18pt*/
    font-family: "Century Gothic";
    font-weight: 100;
}

.f-link1, .f-link1 *:not(i) {
    font-size: 15px !important; /*15pt*/
    font-family: "Century Gothic";
    font-weight: 100;
}

.f-link2, .f-link2 *:not(i) {
    font-size: 18px !important; /*15pt*/
    font-family: "Century Gothic";
    font-weight: 100;
}

.f-h3, .f-h3 *:not(i), .f-b3, .f-b3 *:not(i) {
    font-size: 38px; /*38pt*/
    font-family: "Century Gothic";
}

.f-b4, .f-b4 *:not(i) {
    font-size: 22px; /*38pt*/
    font-family: Insan;
}

.f-t2, .f-t2 *:not(i) {
    font-size: 18px; /*21pt*/
    font-family: "Century Gothic";
}

.f-nb, .f-nb *:not(i) {
    font-size: 99px; /*99pt*/
    font-family: "Century Gothic";
}

.f-h4, .f-h4 *:not(i) {
    font-size: 72px; /*72pt*/
    font-family: "Century Gothic";
    font-weight: 300;
}

.f-lang2, .f-lang2 *:not(i) {
    font-family: GELight !important;
}

.f-report_link, .f-report_link *:not(i) {
    font-family: "Century Gothic" !important;
    font-size: 34px; /*34pt*/
}

.f-count, .f-count *:not(i) {
    font-family: "Century Gothic" !important;
    font-size: 99px; /*99pt*/
}

.f-timeline-nb, .f-timeline-nb *:not(i) {
    font-family: "Century Gothic" !important;
    font-size: 155px; /*155pt*/
}

.c-red, .c-red a, a.c-red {
    color: #D7291C;
}

.c-grey1, .c-grey1 a, a.c-grey1 {
    color: #88898B;
}

.c-grey2, .c-grey2 a, a.c-grey2 {
    color: #7F7F7F;
}

.c-grey3, .c-grey3 a, a.c-grey3 {
    color: #878A8C;
}

.c-grey4, .c-grey4 a, a.c-grey4 {
    color: #8B8C8E;
}

.c-grey5, .c-grey5 a, a.c-grey5 {
    color: #333;
}

.c-grey6, .c-grey6 a, a.c-grey6 {
    color: #666666;
}

.c-white, .c-white a, a.c-white {
    color: #FFF;
}

.c-black, .c-black a, a.c-black {
    color: #000;
}

.b-white, .b-white a, a.b-white {
    background-color: #FFF;
}

.b-red, .b-red a, a.b-red {
    background-color: #D7291C;
}

.b-grey, .b-grey a, a.b-grey {
    background-color: #F7F7F7;
}

.b-grey1, .b-grey1 a, a.b-grey1 {
    background-color: #88898B;
}

.b-grey2, .b-grey2 a, a.b-grey2 {
    background-color: #F4F4F4;
}

.b-grey5, .b-grey5 a, a.b-grey5 {
    background-color: #B3B3B3;
}

.b-grey6, .b-grey6 a, a.b-grey6 {
    background-color: #ebebeb;
}


/*begin header*/
#header_menu, #header_search, #header_social_media, #header_donate, #header_languages {
    display: inline-block;
}

#header_logo a {
    display: inline-block;
    margin: 10px 0 10px 0;
}

#header_links {
    text-align: right;
    margin: 20px 0;
}

#header_menu ul {
    list-style-type: none;
    position: relative;
    bottom: 3px;
}

#header_menu ul li {
    display: inline-block;
    padding: 0 15px 0 0;
}

#header_menu a:hover, #header_menu a.current {
    color: #D7291C !important;
}

#header_search_box {
    border: 1px solid #88898B; /*grey1*/
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    top: 12px;
    margin-right: 10px;
}

_::-webkit-full-page-media, _:future, :root #header_search_box {
    top: 0 !important;
}

#header_search_icon {
    float: right;
    padding: 7px 9px;
    cursor: pointer;
}

#header_search_icon button {
    padding: 0;
    margin: 0;
    background-color: inherit;
    border: 0;
}

#header_search input {
    border: 0;
    display: inline-block;
    padding: 7px 9px;
    width: 80px;
    transition: width .3s ease-in-out;
}

#header_search input:focus {
    width: 125px;
}

#header_social_media a {
    padding: 3px;
    font-size: 20px;
}

#header_social_media a:hover {
    color: #D7291C !important;
}

#header_donate {
    margin-left: 5px;
    margin-right: 10px;
}

#header_donate a {
    padding: 9px 17px;
    border-radius: 20px;
    position: relative;
    top: -2px;
}

#header_donate a:hover {
    background-color: #88898B !important;
}

#header_languages {
    position: relative;
    top: 2px;
}

#header_languages a {
    border: 1px solid #88898B;
    border-radius: 20px;
    padding: 4px 10px;
    position: relative;
    top: -5px;
}

#header_languages a:hover {
    border: 1px solid #88898B;
    color: #FFF;
    background-color: #88898B;
}

/*end header*/
/*begin footer*/
.stay-in-contact {
    line-height: 40px;
    margin-bottom: 10px;
}

footer {
    background-color: #E4E4E4;
    overflow: hidden;
    height: auto;
    padding-bottom: 40px;
}

footer hr {
    border-color: #7F7F7F;
    border-radius: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
}

footer a:hover {
    color: #D7291C;
}

footer a.current {
    color: #D7291C;
}

footer a:hover i {
    color: #FFF;
}

#footer_content {
    margin: 50px auto 22px auto;
}

.footer_padding {
    padding: 0 20px !important;
}

#footer_line {
    height: 40px;
    width: 100%;
    background-image: url("../img/footer_line.png");
    background-repeat: repeat;
}

footer .social_media a {
    background-color: #7F7F7F;
    padding: 6px 9px 4px 9px;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
}

footer .footer_by {
    text-align: right;
}

footer .j-youtube:hover {
    background-color: #cd1f20;
}

footer .j-twitter:hover {
    background-color: #54acec;
}

footer .j-snapchat:hover {
    background-color: #fee100;
}

footer .j-linkedin:hover {
    background-color: #0777b6;
}

footer .j-facebook:hover {
    background-color: #3a5898;
}

footer .j-instagram:hover {
    background-color: #e3405f;
}

/*end footer*/

/*begin homepage*/
.homepage_banner {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
}

.homepage_banner_text {
    position: absolute;
    bottom: 30px;
}

.homepage_banner_text div div {
    display: inline-block;
    padding: 10px;
}

.homepage_banner_text div a {
    padding: 7px 17px;
    border-radius: 200px;
    display: inline-block;
    border: 1px solid #FFF
}

.homepage_banner_text div a:hover {
    background-color: #FFF !important;
    color: #666666 !important;
}

.homepage_banner_button {
    margin-top: 39px;
}

.homepage_header_text {
    line-height: 61px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 76px;
}

.counter_text_container {
    text-align: center;
}

.homepage_counter_image {
    position: relative;
}

.homepage_counter {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 10;
}

.counter_text {
}

.counter_text > div {
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: #FFF;
    opacity: 0.6;
    padding: 4px 8px;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    font-weight: bold;
}

/*end homepage*/

/*begin contact_us*/
.contact_us_header {
    line-height: 61px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 47px;
}

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

.padding-0 {
    padding: 0;
}

.padding-left-0 {
    padding-right: 0;
}

.padding-right-0 {
    padding-left: 0;
}

.form-header {
    margin-bottom: 22px;
    margin-top: 67px;
}

.form-name, .form-email, .form-message {
    padding: 19px 18px;
    border: 1px solid #666666;
    width: 100%;
    margin-bottom: 19px;
}

.form-submit {
    padding: 7px 17px;
    border-radius: 20px;
    border: 0;
    margin-bottom: 45px;
}

#map {
    height: 500px;
    width: 100%;
    margin-bottom: 50px;
}

.contact_us_details {
    padding: 12px 0;
}

.contact_us_row {
    padding: 25px 0;
}

.contact_us_details {
    padding: 42px 0;
}

.contact_us_row {
    padding: 25px 0;
}

.contact_us_social_media a {
    background-color: #FFF;
    padding: 0 9px 4px 9px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
}

.contact_us_social_media .j-youtube:hover {
    background-color: #cd1f20;
    color: #FFF;
}

.contact_us_social_media .j-twitter:hover {
    background-color: #54acec;
    color: #FFF;
}

.contact_us_social_media .j-snapchat:hover {
    background-color: #fee100;
    color: #FFF;
}

.contact_us_social_media .j-linkedin:hover {
    background-color: #0777b6;
    color: #FFF;
}

.contact_us_social_media .j-facebook:hover {
    background-color: #3a5898;
    color: #FFF;
}

.contact_us_social_media .j-instagram:hover {
    background-color: #e3405f;
    color: #FFF;
}

.contact_us_details i {
    margin-top: 10px;
}

/*end contact_us*/

/*begin about_us*/
.show_member_details {
    text-decoration: underline;
    cursor: pointer;
    margin-top: 5px;
}

.show_member_details:hover {
    color: #D7291C;
}

.contact_us_details a:hover {
    color: #333 !important;
}

.about_us_header {
    line-height: 61px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.about_us_text {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 47px;
}

.about_us_details_header {
    padding-top: 15px;
    padding-bottom: 5px;
}

.about_us_timeline_link {
    padding-top: 30px;
    text-align: center;
}

.about_us_timeline_link img {
    margin: 0 auto;
}

.padding-0-40 {
    padding: 0 40px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.yearly_reports {
    position: relative;
    margin-bottom: 60px;
}

.yearly_report_image {
    z-index: 1;
}

.yearly_report_title {
    z-index: 10;
    width: 100%;
    position: absolute;
    top: 20%;
    text-align: center;
    color: #000;
}

.yearly_report_title_content {
    padding: 10px;
    background-color: #FFF;
    font-weight: bold;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.yearly_report_subtitle {
    z-index: 10;
    width: 100%;
    position: absolute;
    top: 35%;
    text-align: center;
    color: #000;
}

.yearly_report_links {
    z-index: 10;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 25%;
    text-align: center;
}

.yearly_report_links a {
    padding: 7px 17px;
    border-radius: 30px;
    border: 0;
    margin: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.yearly_report_links a:hover {
    background-color: #666666;
}

.sponsors {
    margin-bottom: 60px;
}

.sponsors:not(.awards) {
    text-align: center;
}

.sponsors img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    transition: all 0.5s ease;
}

.sponsors img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.sponsor_link {
    padding: 7px 17px;
    border-radius: 30px;
    border: 1px solid #D7291C;
    margin: 5px;
}

.sponsor_link:hover {
    background-color: #D7291C;
    color: #FFF;
}

.sponsors_section {
    margin-bottom: 60px;
}

.jobs {
    position: relative;
    margin-bottom: 60px;
}

.jobs_image {
    z-index: 1;
}

.jobs_title {
    z-index: 10;
    width: 100%;
    position: absolute;
    top: 20%;
    text-align: center;
    color: #000;
}

.jobs_title_content {
    padding: 10px;
    background-color: #FFF;
    font-weight: bold;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.jobs_subtitle {
    z-index: 10;
    width: 100%;
    position: absolute;
    top: 35%;
    text-align: center;
    color: #000;
}

.jobs_subtitle_content {
    padding: 10px;
    display: inline-block;
    background-color: #FFF;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.jobs_links {
    z-index: 10;
    width: 50%;
    position: absolute;
    top: 60%;
    left: 25%;
    text-align: center;
}

.jobs_links a {
    padding: 7px 17px;
    border-radius: 30px;
    border: 0;
    margin: 5px;
}

.jobs_links a:hover {
    background-color: #666666;
}

.awards_title {
    margin-top: 26px;
    font-size: 20px;
}

.awards_text {
    margin-top: 22px;
    margin-bottom: 22px;
}

.member_categories {
    border-bottom: 2px solid #D7291C;
}

.member_categories div {
    display: inline-block;
    margin-right: 4px;
    padding: 8px 16px;
    background-color: #F1F1F1;
    cursor: pointer;
}

.members {
    margin-bottom: 60px;
}

.member_categories .member_category_active {
    color: #FFF;
    background-color: #D7291C !important;
}

.member {
    margin-top: 28px;
    margin-bottom: 5px;
}

/*end about_us*/

/*begin newsletter*/
.newsletter_hr {
    border-color: #CACACA;
    width: 90%;
    margin: 0 auto;
}

.newsletter {
    margin-bottom: 40px;
}

.newsletter_title {
    margin-top: 30px;
}

.newsletter_subtitle {
    margin-top: 12px;
}

.newsletter_input {
    margin-top: 16px;
    position: relative;
}

.newsletter_input_box {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100px;
}

.newsletter_submit_button {
    border: 0;
    padding: 10px 28px;
    border-radius: 30px;
}

.newsletter_button {
    z-index: 2;
    position: absolute;
    right: 27%;
    top: 0;
}

.newsletter_input_text {
    padding: 11.5px 20px;
    width: 40%;
    position: relative;
    z-index: 1;
}

/*end newsletter*/

/*begin programs*/
.programs_header {
    line-height: 61px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 47px;
}

/*end programs*/

/*begin programs*/
.programs_header {
    line-height: 61px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 47px;
}

.programs > div {
    padding: 0 !important;
    margin: 0 !important;
}

.programs .program_image {
    overflow: hidden;
}

.programs .flip_program {
    float: right !important;
}

.programs .program_details {
    padding: 40px 62px;
}

.programs .program_right {
    overflow: hidden;
}

.programs .program_title {
    padding: 15px 8px;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.programs .program_list_text {
    margin-top: 30px;
}

.programs .program_projects {
    margin-right: 0;
    margin-left: 0;
    margin-top: 30px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

.programs .program_project_1 {
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
}

.programs .program_benefiters {
    margin-right: 0;
    margin-left: 0;
    border-bottom: 1px solid #666666;
}

.programs .program_more {
    margin-top: 20px;
    margin-bottom: 20px;
}

.programs .program_more a {
    color: #FFF;
    padding: 7px 17px;
    border-radius: 20px;
    border: 0;
    margin-bottom: 45px;
}

.programs .program_more a:hover {
    background-color: #666666 !important;
}

/*end programs*/

/*begin participate*/
.participate {
    text-align: center;
    padding: 24px 0;
    box-shadow: 0 5px 10px #EEE;
    margin: 0 !important;
    margin-bottom: 35px !important;
}

.participate .i-icon1 {
    display: inline-block;
    margin: 16px 0 0 0;
}

.participate_text {
    display: inline-block;
    margin: 0 17px;
    position: relative;
    top: 5px;
}

.participate-btn {
    display: inline-block;
    border: 1px solid #88898B; /*grey1*/
    display: inline-block;
    padding: 7px 17px;
    border-radius: 30px;
    margin: 0 11.5px;
}

.participate-btn:hover {
    background-color: #88898B;
    color: #FFF;
}

.participate-btn-donate {
    display: inline-block;
    border: 1px solid #D7291C; /*red*/
    display: inline-block;
    padding: 7px 17px;
    border-radius: 30px;
    margin: 0 11.5px;
}

.participate-btn-donate:hover {
    background-color: #88898B;
    border: 1px solid #88898B; /*grey1*/
}

/*end participate*/

/*begin latest_news*/
.latest_news {
    margin-bottom: 30px;
}

.latest_news_header {
    text-align: center;
    margin-bottom: 39px;
}

.latest_news_post {
    padding: 0;
    margin: 0;
}

.latest_news_post_inner {
    background-color: #F5F5F5;
    padding: 20px;
    margin: 0 13.5px 27px 13.5px;
}

.latest_news_image {
    margin: 0 13.5px;
    height: 197px;
    overflow: hidden;
}

.latest_news_categories {
    text-align: center;
    position: relative;
    top: -40px;
    margin-bottom: -28px;
}

.latest_news_categories a {
    display: inline-block;
    padding: 4px 10px;

}

.latest_news_categories a:hover {
    background-color: #88898B;

}

.latest_news_title {
    margin-bottom: 12px;
}

.latest_news_title a:hover {
    color: #D7291C;
}

.latest_news_short {
    margin-bottom: 12px;
    line-height: 1.3;
}

.latest_news .wp-post-image {
    width: 100% !important;
    display: block !important;
}

.latest_news_more {
    text-align: center;
}

/*end latest_news*/

/*begin posts*/
.posts_header {
    line-height: 61px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.post_categories {
    list-style-type: none;
    text-align: center;
    margin-bottom: 61px;
}

.post_categories li {
    display: inline-block;
}

.post_categories li a:hover {
    background-color: #D7291C;
}

.post_categories li a {
    padding: 8px 12px;
    font-size: 16px;
}

.most_read {
    padding: 9px 19px;
}

.top_posts li {
    list-style-type: none;
    border-top: 2px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding: 18px 0;
}

.top_posts {
    margin-bottom: 27px;
}

.news_post {
    padding: 0;
    margin: 0;
}

.news_post_inner {
    background-color: #F5F5F5;
    padding: 20px;
    margin: 0 0 27px 0;
}

.news_image {
    margin: 0;
    height: 197px;
    overflow: hidden;
}

.news_categories {
    text-align: center;
    position: relative;
    top: -33px;
    margin-bottom: -28px;
}

.news_categories a {
    display: inline-block;
    padding: 4px 10px;

}

.news_categories a:hover {
    background-color: #88898B;

}

.news_title {
    margin-bottom: 12px;
}

.news_title a {
    font-size: 20px;
}

.news_title a:hover {
    color: #D7291C;
}

.news_short {
    margin-bottom: 12px;
    line-height: 1.3;
}

.news_post .wp-post-image {
    width: 100% !important;
    display: block !important;
}

.main_news_post {
    padding: 0;
    margin: 0 0 27px 0;
    background-color: #F5F5F5;
}

.main_news_post_inner {
    padding: 20px;
    margin: 0;
}

.main_news_image {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.main_news_categories a {
    display: inline-block;
    padding: 4px 10px;

}

.main_news_categories a:hover {
    background-color: #88898B;

}

.main_news_title {
    margin-bottom: 12px;
    line-height: 1.3;
}

.main_news_title a {
    font-size: 22px;
}

.main_news_title a:hover {
    color: #D7291C;
}

.main_news_short {
    margin-bottom: 12px;
    line-height: 1.3;
}

.main_news_post .wp-post-image {
    width: 100% !important;
    display: block !important;
}

.proud_title {
    border-bottom: 2px solid #D7291C;
    margin-bottom: 38px;
    margin-top: 38px;
    padding-bottom: 12px;
}

.more_news {
    display: inline-block;
    padding: 7px 17px;
    border-radius: 30px;
    border: 1px solid #D7291C;
    margin: 5px;
    margin-bottom: 60px;
}

.more_news:hover {
    background-color: #D7291C;
    color: #FFF;
}

/*end posts */

/*begin post*/
.post .inline-blocks-inner div {
    display: inline-block;
}

.post .post-title {
    margin-bottom: 27px;
    margin-top: 10px;
}

.post .post-date {
    padding-right: 20px;
    margin-right: 20px;
    /*border-right: 1px solid #8B8C8E;*/
    position: relative;
    bottom: 12px;
}

.post .post-author {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #8B8C8E;
    position: relative;
    bottom: 12px;
}

.post .post-share {
    position: relative;
    bottom: 12px;
}

.post .post-categories {
    margin-top: 5px;
    margin-bottom: 17px;
}

.post .post-categories a {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    padding: 4px 10px;
}

.post .post-categories a:hover {
    background-color: #88898B;
}

.post .post-hr {
    margin-left: 0;
    margin-right: 0;
    padding: 0 !important;
}

.post .post-author-details {
    padding: 21px 0;
    margin-bottom: 50px;
}

.post .post-content {
    margin: 50px 0;
}

.post .post-author-img img {
    border-radius: 700px;
}

.post .post-author-name {
    margin-top: 25px;
}

.post-breadcrumb {
    margin-top: 30px;
}

.post-breadcrumb ul {
    list-style-type: none;
}

.post-breadcrumb ul li {
    display: inline-block;
}

.post-breadcrumb ul li a:hover {
    color: #D7291C;
}

.related-posts-title {
    margin-bottom: 20px;
}

/*end post */

/*begin get_involved*/
.get_involved_header {
    line-height: 61px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 47px;
}

.get_involved_header_image > div {
    padding: 0 !important;
    margin: 0 !important;
}

.get_involved > div {
    padding: 0 !important;
    margin: 0 !important;
}

.get_involved_sections {
    margin-bottom: 50px;
}

.get_involved .program_image {
    max-height: 600px;
    overflow: hidden;
}

.get_involved .flip_program {
    float: right !important;
}

.get_involved .program_details {
    padding: 40px 62px;
}

.get_involved .program_right {
    max-height: 600px;
    overflow: hidden;
}

.get_involved .program_title {
    padding: 8px 15px;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.get_involved .program_list_text {
    margin-top: 50px;
}

.get_involved .program_more {
    margin-top: 30px;
    margin-bottom: 20px;
}

.get_involved .program_more a {
    padding: 7px 17px;
    border-radius: 20px;
    border: 0;
    margin-bottom: 45px;
    display: inline-block;
    background-color: #D7291C !important;
}

.get_involved .program_more a:hover {
    background-color: #666666 !important;
}

.get_involved_banner {
    position: relative;
}

.get_involved_banner_text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
}

.get_involved_banner_text div div {
    display: inline-block;
    padding: 10px;
}

.get_involved_banner_text div a {
    padding: 7px 17px;
    border-radius: 200px;
    border: 0;
    display: inline-block;
}

.get_involved_banner_text div a:hover {
    background-color: #666666 !important;
}

.get_involved_banner_button {
    margin-top: 39px;
}

/*end get_involved*/


/*begin block_program*/
.block_program {
    margin-bottom: 30px;
}

.block_program_post {
    padding: 0;
    margin: 0;
}

.block_program_post_inner {
    padding: 0;
    margin: 0 13.5px 27px 13.5px;
}

.block_program_image {
    margin: 0 13.5px;
    overflow: hidden;
}

.block_program_title {
    margin-bottom: -45px;
    position: relative;
    top: -60px;
    z-index: 10;
    width: 90%;
}

.block_program_title_inner {
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.block_program_title a {
    padding: 6px 12px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.block_program_title a:hover {
    background-color: #666 !important;
}

.block_program_short {
    margin-bottom: 12px;
}

.block_program .wp-post-image {
    width: 100% !important;
    display: block !important;
}

.block_program_more a {
    display: inline-block;
    border-bottom: 1px solid #D7291C;
}

.block_program_more a:hover {
    display: inline-block;
    color: #666;
    border-bottom: 1px solid #666;
}

/*end block_program*/


/*begin timeline*/
.timeline_bar {
    height: 47px;
    text-align: center;
    overflow: hidden;
}

.timeline_years {


}

.selected-submenu {
    color: #FFF;
    background-color: #D7291C;
}

.timeline_years > div {
    padding-top: 9px;
    padding-bottom: 9px;
    cursor: pointer;
}

.timeline {
    text-align: center;
    margin-bottom: 50px;
}

.timeline-image {
    padding-top: 55px;
    background-color: #FFF;
}

.timeline-image-inner {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    border: 12px solid #FFF;
}

.timeline-info {
    margin-top: 105px;
    background-color: #FFF;
}

.timeline-title {
    padding: 8px 15px;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    margin-bottom: 21px;
}

.timeline-text {
    margin-top: 21px;
    margin-bottom: 50px;
}

.timeline-year {
    display: inline-block;
    border-bottom: 1px solid #8A8B8D;
    padding: 70px 30px 35px 30px;
    line-height: 120px;
    background-color: #FFF;
}

.timeline-year-events {
    margin-bottom: 20px !important;
}

.timeline-year-events:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #666666;
    transform: translate(-50%);
}

.timeline-middle {
    padding-top: 50px;
    height: 200px;
}

.timeline-middle-mobile:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #666666;
    transform: translate(-50%);
}

.timeline-middle-mobile {
    padding-top: 50px;
    height: 200px;
}

.timeline .flip_program {
    float: right !important;
}

.timeline .t_right {
    text-align: left;
}

.timeline .t_left {
    text-align: right;
}

.timeline .flip_program.t_right {
    text-align: right !important;
}

.timeline .flip_program.t_left {
    text-align: left !important;
}

/*end timeline*/

/*begin faq*/
.faq {
    margin-top: 50px;
    margin-bottom: 50px;
    background-image: url('../img/question_en.png');
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 196px;
}

.faq-entry {
    margin: 0 10%;
    border-bottom: 1px solid #CCCCCC;
}

.faq-question {
    padding: 15px 10%;
    cursor: pointer;
}

.faq-answer {
    padding: 0 10% 15px 10%;
    text-align: left;
    margin-left: 10%;
}

.faq-question-arrow {
    display: inline-block;
    width: 10%;
    text-align: right;
    margin-right: 10px;
}

.faq-question-inner {
    display: inline-block;
    width: 80%;
    text-align: left;

}

/*end faq*/

/*begin become_a_member*/
.become_a_member {
    padding: 50px;
}

.become_a_member_buttons {
    margin: 25px 0 34px 0;
}

.become_a_member_button {
    padding: 3px 10px;
    border-radius: 20px;
    margin: 0 7px;
}

.become_a_member ul {
    margin: 0 15px 0 15px;
}

.become_a_member ul li {
    color: #D7291C;
}

.become_a_member_points {
    margin-top: 40px;
}

/*end become_a_member*/

/*begin volunteering*/
.volunteering {
    padding: 50px;
}

.volunteering_buttons {
    margin: 40px 0 70px 0;
}

.volunteering_button {
    padding: 5px 15px;
    border-radius: 20px;
    margin: 0 10px;
    white-space: nowrap;
    margin-top: 10px;
    display: inline-block;
}

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

.volunteering_info img {
    margin: 30px auto 22px auto;
}

.volunteering_title1, .volunteering_title2, .volunteering_title3 {
    margin-top: 20px;
}

/*end volunteering*/

/*begin terms*/
.terms .row {
    margin-top: 16px;
    margin-bottom: 16px;
}

.terms .f-h2 {
    margin-top: 30px;
    margin-bottom: 16px;
}

.terms img {
    margin: 30px auto 30px auto;
}

/*end terms*/

/*begin program*/
.program-break {
    padding: 10px 40px;
}

.program-details {
    padding: 40px;
}

.program-info {
    margin-bottom: 40px;
}

.program-info-title2 {
    margin-top: 30px;
}

.project-title {
    padding: 10px 20px;
}

.project-info {
    padding: 22px 20px 35px 20px;
}

.project-side-image {
    cursor: pointer;
    margin-bottom: 20px;
    padding: 0 40px;
    position: relative;
}

.project-side-image img {
    margin: 0 auto;
}

.projects {
    margin-top: 30px;
}

.project {
    padding-right: 40px;
    -webkit-box-shadow: 11px 10px 29px -12px rgba(85, 85, 85, 0.7);
    -moz-box-shadow: 11px 10px 29px -12px rgba(85, 85, 85, 0.7);
    box-shadow: 11px 10px 29px -12px rgba(85, 85, 85, 0.7);
}

.project_arrow {
    position: absolute;
    right: -30px;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

/*end program*/

/*begin back_to_top*/
#bottom_button {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    padding: 0 7px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
}

#bottom_button:hover {
    background: #e9ebec;
    color: #D7291C;
}

#bottom_button img {
    margin-right: 5px;
}

#back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top:hover {
    background: #e9ebec;
}

#back-to-top.show {
    opacity: 1;
}

#content {
    height: 2000px;
}

/*end back_to_top*/

/*begin search*/
.search_header {
    line-height: 61px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #D7291C;
}

.search_title {
    margin-bottom: 10px;
}

.search_text {
    margin-bottom: 10px;
}

.search_entry {
    margin-bottom: 44px;
}

.search_count {
    margin-top: 20px;
    margin-bottom: 30px;
}

.search_icon {
    float: right;
}

/*end search*/

/*start comments*/
.wp-form #respond {
}

.wp-form #reply-title {
}

.wp-form #cancel-comment-reply-link {
}

.wp-form label {
    display: block;
    width: 20% !important;
}

.wp-form #commentform {
    background-color: #D7291C;
    color: #FFF;
}

.wp-form #author {
}

.wp-form #email {
}

.wp-form #url {
}

.wp-form #comment
.wp-form #submit
.wp-form .comment-notes {
}

.wp-form .required {
}

.wp-form .comment-form-author {
}

.wp-form .comment-form-email {
}

.wp-form .comment-form-url {
}

.wp-form .comment-form-comment {
}

.wp-form .form-allowed-tags {
}

.wp-form .form-submit {
}

/*end comments*/

/*begin donate*/
.donate-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.donate-menu ul {
    margin: 0 auto;
}

.donate-menu ul li {
    display: inline-block;
}

.donate-menu ul li a {
    background-color: #FFF;
    padding: 27px 77px;
    display: inline-block;
    cursor: pointer;
}

.donate-menu .donate-not-selected {
    opacity: 0.76;
    filter: alpha(opacity=76);
}

#bank {
    width: 628px;
    overflow: hidden;
    margin: 0 auto;
}

.donate-bank-intro {
    margin-top: 50px;
}

.donate-button {
    padding: 7px 21px;
    border: 1px solid #D7291C; /*red*/
    border-radius: 30px;
    margin-bottom: 30px;
}

.donate-bank-hint {
    color: #808080;
    margin-bottom: 10px;
    margin-top: 5px;
}

.bank-email-input {
    color: #000;
    border: 0;
    width: 100%;
    margin-top: 5px;
    padding: 3px;
    border: 1px solid #E4E4E4;
    background-color: #E4E4E4;
    max-width: 300px;
}

.bank-email-input:focus {
    outline: none;
}

.donate-cancel {
    margin-top: 20px;
    margin-bottom: 50px;
}


.cause-more {
    cursor: pointer;
}

.donate-amount-box {
    border: 1px solid #7F7F7F;
    padding: 5px;
    display: inline-block;
}

.cause-input {
    border: 0;
    width: 55px;
    padding: 5px 0px;
    margin-right: 5px;
    text-align: center;
}

.cause-input:focus {
    outline: none;
}

.cause-input::-webkit-inner-spin-button,
.cause-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.donate-intro {
    margin: 40px 0;
}

.donate-cause {
    padding-bottom: 10px !important;
}

.donate-container {
    width: 597px;
    overflow: visible;
    margin: 0 auto;
}

.cause-description {
    margin-bottom: 10px;
}

.partial-amount-first {
    margin-top: 50px;
}

.partial-amount {
    border: 1px solid #7F7F7F;
    border-bottom: 0;
    padding: 10px;
}

.total-amount {
    border: 1px solid #7F7F7F;
    padding: 10px;
    margin-bottom: 50px;
}

.causes-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.donate-input-highlight {
    background-color: #F2F2F2;
}

.donate-input-highlight input {
    background-color: #F2F2F2;
}

.donate-form-margins {
    margin-top: 20px;
    margin-bottom: 20px;
}

#step-2-o select {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 0;
}

#step-2-o input {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 0;
}

#step-2-o input:focus {
    outline: none;
}

#step-2-o hr {
    margin: 0;
    border-top: 1px solid #7F7F7F;
}

.donate-send-mail {
    margin-right: 0;
}

/*end donate*/

/*begin progress*/
.progress_text {
    font-weight: bold;
    margin-top: 30px;

    font-size: 25px !important;
    line-height: 32px !important;
}

.progress_value {
    margin-top: 14px;
}

.progress_container progress[value]::-webkit-progress-bar {
    background-color: #CCC;
}

.progress_container progress[value]::-webkit-progress-value {
    background-color: #D7291C;
}

.progress_bar {
    -webkit-appearance: none;
    appearance: none;
    margin-top: 0;
    margin-bottom: -8px;
    width: 70%;
    height: 23px;
}

.progress_text2 {
    /*	margin-bottom: -10px;
        margin-top: -18px;*/
}

.progress_container {
    background-color: #E4E4E4;
}

.progress_amount {
    font-weight: bold;
    color: #D7291C;
    /*	margin-bottom: -20px;*/
}

.progress_amount {
    font-size: 50px !important;
}

.progress_currency {
    font-size: 30px !important
}

.progress_navigate_down {
    margin-top: 30px;
    margin-bottom: 30px;
}

.progress_text1 {
    color: #D7291C;
    font-weight: bold;
    margin-top: 0;
}

/*end progress*/
/*begin research center*/
.research-center-menu ul {
    text-align: center;
    list-style-type: none;
    padding: 10px 0;
    margin: 0;
    padding-right: 105px;
}

.research-center-menu ul li {
    display: inline-block;
    padding: 0 7px;
}

.research-center-menu a:hover, .research-center-menu a.current {
    color: #f0a9a4 !important;
}

.research_about_header {
    margin-top: 40px;
    margin-bottom: 20px;
}

/*end research center*/
/*begin charity page*/
.charity_banner_text {
    top: 65% !important;
    left: 60% !important;
}

.charity_idea ul {
    padding: 0;
    margin: 0;
}

.charity_idea ul li {
    padding: 0;
    margin: 0;
    margin-left: 20px;
}

.charity_partners_right {
    float: left;
}

.charity_partners_left {
    float: right;
}

.participation_method {
    padding: 0;
    margin: 20px 15px 40px 15px;
    -webkit-box-shadow: 10px 10px 17px -12px rgba(119, 119, 119, 1);
    -moz-box-shadow: 10px 10px 17px -12px rgba(119, 119, 119, 1);
    box-shadow: 10px 10px 17px -12px rgba(119, 119, 119, 1);
}

/*end charity page*/
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.membership-table {
    border-spacing: 5px;
    border-collapse: separate;
}

.membership-table td {
    padding: 7px;
}

.terms_estore_text li {
    margin: 0 20px;
}

.about-sidebar {
    position: fixed;
    right: 0;
    top: 15%;
    z-index: 1000;
    width: 200px;
}

.about-sidebar .sidebar-link {
    text-align: right;
    cursor: pointer;
    margin-bottom: 2px;
    padding: 2px 15px;
    background-color: #FFF;
    opacity: 0.8;
}

.program-details .project-icon-arrow {
    border-right: 20px solid;
}

.donations .donate-form input[type=text],
.donations .donate-form input[type=number],
.donations .donate-form input[type=mail] {
    text-align: left;
}

.donate-form .label {
    color: #000;
    display: block;
    text-align: left;
}
