/* ------------------------------------------------------
@File: Default Styles
@Author: Themazine
@Developed By: Emran Khan
@Developer URL: http://emran-khan.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
------------------------------------------------------- */
/* ======================================================
@Template Name: Ki charity
@Author: Themazine 
@Default Styles

Table of Content:
01/ Variables
02/ Prefix
03/ Header
04/ Slider
05/ Annual
06/ Help
07/ Causes 
08/ Charity
09/ Team
10/ Events
11/ News
12/ Believe 
13/ Tab
14/ Gallery  
15/ Form  
16/ Faq  
17/ Shop 
18/ Footer  
19/ Responsive   

===================================================== */
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
/* Bottom to Top key frame*/
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(../vendors/flat-icon/flaticon.css);
@import url(../vendors/animate-css/animate.css);
@import url(../vendors/owl-carousel/owl.carousel.min.css);
@import url(../vendors/bootstrap-selector/nice-select.css);
@import url(../vendors/lightbox/simpleLightbox.css);
@import url(../vendors/jquery-ui/jquery-ui.min.css);
@import url(../vendors/revolution/css/settings.css);
@import url(../vendors/revolution/css/layers.css);
@import url(../vendors/revolution/css/navigation.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700|Poppins:400,400i,500,600,700");

@-webkit-keyframes BottomToTop {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes BottomToTop {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

/* Button Style */
.theme_btn {
    color: #fff;
    border-radius: 5px;
    background: #06218A;
    text-align: center !important;
    font: 500 18px/50px "Poppins", sans-serif;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.theme_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.theme_btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.theme_btn:hover,
.theme_btn:focus {
    color: #000;
}

.theme_btn:hover:before,
.theme_btn:hover:after,
.theme_btn:focus:before,
.theme_btn:focus:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* Tittle */
.tittle {
    display: block;
    overflow: hidden;
}

.tittle h2 {
    font: 500 40px/60px "Poppins", sans-serif;
    color: #171616;
    padding-bottom: 15px;
}

.tittle p {
    font: 400 16px/36px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    display: inline-block;
    max-width: 100%;
}

.tittle .theme_btn {
    float: right;
    min-width: 221px;
    font-size: 16px;
}

/*----------------------------------------------------*/
/*Prefix Styles*/
body {
    font-family: "Poppins", sans-serif;
    /*Section Fix*/
    /*Ancore*/
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin: 0;
}

body p {
    color: rgba(0, 0, 0, 0.702);
    margin: 0;
    font: 400 16px/30px "Open Sans", sans-serif;
}

body ul {
    margin: 0;
    padding: 0;
}

body ul li {
    list-style: none;
}

body section.row,
body header.row,
body footer.row {
    margin: 0;
}

body #success {
    display: none;
}

body #error {
    display: none;
}

body iframe {
    border: none;
}

body i:before {
    margin-left: 0px !important;
}

body a,
body .btn,
body button {
    outline: none;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

body a:before,
body a:after,
body .btn:before,
body .btn:after,
body button:before,
body button:after {
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

body a:focus,
body a:hover,
body .btn:focus,
body .btn:hover,
body button:focus,
body button:hover {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

/* preloader */
.preloader {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    z-index: 99999999;
}

.preloader .loader {
    position: absolute;
    top: 50%;
    left: 40%;
    margin-left: 10%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.preloader .loader .dot {
    width: 24px;
    height: 24px;
    background: #06218A;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: slide 1s infinite;
    animation: slide 1s infinite;
}

.preloader .loader .dot:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    background: #06218A;
}

.preloader .loader .dot:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    background: #171616;
}

.preloader .loader .dot:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    background: rgba(0, 0, 0, 0.702);
}

.preloader .loader .dot:nth-child(4) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    background: #4c4c4c;
}

.preloader .loader .dot:nth-child(5) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    background: #d7d1cf;
}

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

    50% {
        opacity: 0.3;
        -webkit-transform: scale(2);
        transform: scale(2);
    }

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

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

    50% {
        opacity: 0.3;
        -webkit-transform: scale(2);
        transform: scale(2);
    }

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

/*----------------------------------------------------*/
/* Header Area */
.header_top_area {
    width: 100%;
    display: block;
    background: #222222;
}

.header_top_area .header_social li {
    display: inline-block;
    padding-left: 25px;
}

.header_top_area .header_social li:first-child {
    padding-left: 0;
}

.header_top_area .header_social li a {
    padding: 0;
    color: #a6a6a6;
    font: 400 16px/70px "Open Sans", sans-serif;
}

.header_top_area .header_social li a i {
    padding: 0;
}

.header_top_area .header_social li a i:before {
    speak: none;
    display: block;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-animation: TopToBottom 0.3s forwards;
    animation: TopToBottom 0.3s forwards;
}

.header_top_area .header_social li a:hover,
.header_top_area .header_social li a:focus {
    color: #06218A;
}

.header_top_area .header_social li a:hover i:before,
.header_top_area .header_social li a:focus i:before {
    -webkit-animation: BottomToTop 0.3s forwards;
    animation: BottomToTop 0.3s forwards;
}

.header_top_area .header_social li a.active {
    color: #06218A;
    padding-right: 25px;
}

.header_top_area .right_nav {
    float: right;
}

.header_top_area .right_nav li {
    display: inline-block;
    padding-left: 20px;
}

.header_top_area .right_nav li:first-child {
    padding-left: 0;
}

.header_top_area .right_nav li a {
    color: #fff;
    font: 400 16px/70px "Open Sans", sans-serif;
}

.header_top_area .right_nav li a:hover,
.header_top_area .right_nav li a:focus {
    color: #06218A;
}

.header_top_area .right_nav li.dropdown {
    position: relative;
}

.header_top_area .right_nav li.dropdown .dropdown-toggle {
    padding-right: 20px;
    position: relative;
    cursor: pointer;
}

.header_top_area .right_nav li.dropdown .dropdown-toggle:after {
    content: "\f103";
    position: absolute;
    top: 4px;
    right: 10px;
    font: normal normal normal 15px FontAwesome;
    color: #fff;
    border: 0;
}

.header_top_area .right_nav li.dropdown .dropdown-toggle:hover:after,
.header_top_area .right_nav li.dropdown .dropdown-toggle:focus:after {
    color: #06218A;
}

.header_top_area .right_nav li.dropdown .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 0;
    z-index: 99999;
    position: absolute;
    top: 100%;
    left: -50px;
    min-width: 180px;
    border: none;
    background-color: #222;
    display: block;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.header_top_area .right_nav li.dropdown .dropdown-menu li {
    display: block;
    padding: 0;
}

.header_top_area .right_nav li.dropdown .dropdown-menu a {
    background-color: transparent;
    font: 400 16px/35px "Poppins", sans-serif;
    color: #cdcccc;
    margin: 0;
    padding: 0 20px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.702);
}

.header_top_area .right_nav li.dropdown .dropdown-menu a:before {
    display: none;
}

.header_top_area .right_nav li.dropdown .dropdown-menu a:hover,
.header_top_area .right_nav li.dropdown .dropdown-menu a:focus {
    color: #06218A;
    border-left: 4px solid #06218A;
}

.header_top_area .right_nav li.dropdown:hover .dropdown-menu,
.header_top_area .right_nav li.dropdown:focus .dropdown-menu {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.hta_2 {
    background: #2c2c2c;
}

/* Header Logo Area */
.header_logo_area {
    display: block;
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 15px;
}

.header_logo_area .header_logo_inner .right_info {
    padding-left: 80px;
}

.header_logo_area .header_logo_inner .right_info .media {
    margin-bottom: 30px;
}

.header_logo_area .header_logo_inner .right_info .media:nth-child(2) {
    padding-left: 45px;
}

.header_logo_area .header_logo_inner .right_info .media:nth-child(3) {
    padding: 0;
    padding-left: 55px;
}

.header_logo_area .header_logo_inner .right_info .media i:before {
    font-size: 40px;
    color: #06218A;
    line-height: 1;
}

.header_logo_area .header_logo_inner .right_info .media .multimedia:before {
    font-size: 60px;
    line-height: 35px;
}

.header_logo_area .header_logo_inner .right_info .media .media-body {
    padding-left: 25px;
}

.header_logo_area .header_logo_inner .right_info .media .media-body h6 {
    font: 400 15px/25px "Open Sans", sans-serif;
    color: #06218A;
}

.header_logo_area .header_logo_inner .right_info .media .media-body h5 {
    font: 400 16px/1 "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-top: 10px;
}

.header_logo_area .header_logo_inner .right_info .media_btn {
    float: right;
    padding-right: 0;
}

.header_logo_area .header_logo_inner .right_info .media_btn .theme_btn {
    font: 500 18px/60px "Poppins", sans-serif;
    color: #fff;
    min-width: 200px;
    float: right;
    border-radius: 0;
    margin-right: -15px;
}

.header_logo_area .header_logo_inner .right_info .media_btn .theme_btn i {
    font-size: 26px;
    left: 5px;
    top: -2px;
    position: relative;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.header_logo_area .header_logo_inner .right_info .media_btn .theme_btn i:before {
    font-size: 26px;
    line-height: normal;
    color: #fff;
}

/* Min header area */
.main_header_area {
    display: block;
    width: 100%;
    z-index: 9999;
    position: relative;
}

.main_header_area:before {
    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    background: #06218A;
    height: 100%;
}

.main_header_area .header_menu {
    background: #06218A;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main_header_area .header_menu .navbar {
    padding: 0;
}

.main_header_area .header_menu .navbar .navbar_supported ul {
    width: 100%;
}

.main_header_area .header_menu .navbar .navbar_supported ul li a {
    margin: 0 21px;
    padding: 0;
    color: #fff;
    font: 600 16px/80px "Open Sans", sans-serif;
    position: relative;
    text-transform: uppercase;
}

.main_header_area .header_menu .navbar .navbar_supported ul li a:hover:after,
.main_header_area .header_menu .navbar .navbar_supported ul li a:focus:after,
.main_header_area .header_menu .navbar .navbar_supported ul li a.active:after {
    width: 100%;
}

.main_header_area .header_menu .navbar .navbar_supported ul li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    border: 0;
    width: 0%;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    border-bottom: 4px solid #fff;
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown {
    position: relative;
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: 1px 0px 7px 0px rgba(22, 43, 70, 0.1);
    box-shadow: 1px 0px 7px 0px rgba(22, 43, 70, 0.1);
    /* Sub dropdown */
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu:before {
    content: "\f0d8";
    font: normal normal normal 30px/1 FontAwesome;
    position: absolute;
    top: -17px;
    left: 25px;
    color: #fff;
}

@media (min-width: 991px) {
    .main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: -40px;
        min-width: 230px;
        background-color: #fff;
        opacity: 0;
        -webkit-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
        visibility: hidden;
        display: block;
        border: none;
    }
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu a {
    background-color: transparent;
    font: 400 16px/45px "Poppins", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    margin: 0;
    display: block;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu a:after {
    border: 0;
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu a:hover,
.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu a:focus,
.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu a.active {
    color: #06218A;
    border-left: 4px solid #06218A;
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu>.dropdown {
    position: relative;
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu>.dropdown a:after {
    border: 0;
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu>.dropdown:after {
    content: "\f103";
    position: absolute;
    top: 0;
    right: 20px;
    font: normal normal normal 15px/48px FontAwesome;
    color: rgba(0, 0, 0, 0.702);
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu>.dropdown .dropdown-menu {
    display: block;
}

.main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu>.dropdown .dropdown-menu:before {
    content: "\f0d9";
    font: normal normal normal 30px/1 FontAwesome;
    color: rgba(0, 0, 0, 0.05);
    top: 7px;
    left: -10px;
}

@media (min-width: 991px) {
    .main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu>.dropdown .dropdown-menu {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        position: absolute;
        left: 100%;
        right: auto;
        width: auto;
        top: 0px;
    }
}

@media (min-width: 991px) {

    .main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu>.dropdown:hover .dropdown-menu,
    .main_header_area .header_menu .navbar .navbar_supported ul li.dropdown .dropdown-menu>.dropdown:focus .dropdown-menu {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@media (min-width: 991px) {

    .main_header_area .header_menu .navbar .navbar_supported ul li.dropdown:hover .dropdown-menu,
    .main_header_area .header_menu .navbar .navbar_supported ul li.dropdown:focus .dropdown-menu {
        left: 0px;
        visibility: visible;
        opacity: 1;
    }
}

.main_header_area .header_menu .search_button_content li {
    /* Search bar */
}

.main_header_area .header_menu .search_button_content li a {
    color: #fff;
    padding: 0;
}

.main_header_area .header_menu .search_button_content li a:after {
    display: none;
}

.main_header_area .header_menu .search_button_content li .call_support {
    font-size: 16px;
    border-bottom: 1px solid #06218A;
    margin: 0 25px;
    display: inline-block;
    padding-top: 29px;
}

.main_header_area .header_menu .search_button_content li .call_support:hover,
.main_header_area .header_menu .search_button_content li .call_support:focus {
    color: #171616;
    border-color: #171616;
}

.main_header_area .header_menu .search_button_content li.search_dropbown {
    padding: 0 33px;
}

.main_header_area .header_menu .search_button_content li.search_dropbown a {
    line-height: 80px;
}

.main_header_area .header_menu .search_button_content li.search_dropbown a i:before {
    font-size: 24px;
    line-height: 1;
    position: relative;
    top: 5px;
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu {
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: #fff;
    min-width: 280px;
    margin-left: -220px;
    -webkit-box-shadow: 1px 0px 7px 0px rgba(22, 43, 70, 0.1);
    box-shadow: 1px 0px 7px 0px rgba(22, 43, 70, 0.1);
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li {
    position: relative;
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input {
    font: 400 16px/40px "Open Sans", sans-serif;
    background: #fff;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    width: 100%;
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input.placeholder {
    color: rgba(0, 0, 0, 0.702);
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.702);
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.702);
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.702);
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input:focus.placeholder {
    color: #fff;
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input:focus:-moz-placeholder {
    color: #fff;
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input:focus::-moz-placeholder {
    color: #fff;
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li input:focus::-webkit-input-placeholder {
    color: #fff;
}

.main_header_area .header_menu .search_button_content li.search_dropbown .dropdown-menu li span {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    line-height: 42px;
    width: 40px;
    background: #06218A;
    text-align: center;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    color: #fff;
}

.main_header_area .header_menu .search_button_content li .shop_btn {
    color: #fff;
    font-size: 20px;
    line-height: 80px;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
}

.main_header_area .header_menu .search_button_content li .shop_btn span {
    color: #06218A;
    background: #eeeeed;
    font: 400 15px/23px "Poppins", sans-serif;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 17px;
    right: -20px;
    text-align: center;
}

.main_header_area .header_menu .search_button_content li .shop_btn i:before {
    font-size: 20px;
    position: relative;
    top: 10px;
}

.main_header_area .header_menu .search_button_content li .quote_btn {
    font: 500 18px/77px "Poppins", sans-serif;
    color: #fff;
    background: #000000;
    display: inline-block;
    min-width: 200px;
    text-align: center;
}

.main_header_area .header_menu .search_button_content li .quote_btn i {
    font-size: 26px;
    left: 5px;
    top: -2px;
    position: relative;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.main_header_area .header_menu .search_button_content li .quote_btn i:before {
    font-size: 26px;
    line-height: normal;
}

.main_header_area .header_menu .search_button_content li .quote_btn:hover i,
.main_header_area .header_menu .search_button_content li .quote_btn:focus i {
    left: 10px;
}

.main_header_area.navbar_fixed {
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    background: #06218A;
    right: 0;
    z-index: 99999;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    transition: transform 500ms ease, background 200ms ease;
    -webkit-transition: -webkit-transform 500ms ease, background 200ms ease;
}

.main_header_area.navbar_fixed .navbar .navbar_supported ul li a {
    line-height: 60px;
}

.main_header_area.navbar_fixed .search_button_content.nav li a {
    line-height: 60px;
}

.main_header_area.navbar_fixed .header_menu:before {
    display: none;
}

.mha_2:before {
    background: #f5f3f3;
}

.mha_2 .header_menu {
    background: #f5f3f3;
}

.mha_2 .header_menu .navbar .navbar_supported ul li a {
    color: #222;
}

.mha_2 .header_menu .navbar .navbar_supported ul li a:after {
    border-color: #06218A;
}

.mha_2 .header_menu .search_button_content li a {
    color: #06218A;
}

.mha_2 .header_menu .search_button_content li a.shop_btn {
    color: #06218A;
}

.mha_2 .header_menu .search_button_content li a.shop_btn span {
    background: #06218A;
    color: #fff;
}

.mha_2.navbar_fixed {
    background: #f5f3f3;
}

.mha_2.navbar_fixed .header_menu .search_button_content li a.call_support {
    padding-top: 0;
}

.mha_3 .header_menu {
    padding-left: 30px;
}

.mha_3 .header_menu:before {
    background-color: transparent;
}

.mha_3 .header_menu .search_button_content li a.call_support {
    border-color: #fff;
}

.mha_3.navbar_fixed .header_menu .search_button_content li a.call_support {
    padding-top: 13px;
    line-height: 30px;
}

/*----------------------------------------------------*/
/* Slider Area */
.main_slider_area #main_slider .concept_title {
    color: #fff;
    text-align: center !important;
    font-weight: bold;
}

.main_slider_area #main_slider .concept_title_left {
    text-align: left !important;
}

.main_slider_area #main_slider .concept_title_right {
    text-align: right !important;
}

.main_slider_area #main_slider .slider_sm_heding {
    color: #06218A;
    font: 400 18px/35px "Poppins", sans-serif;
}

.main_slider_area #main_slider .slider_sm_heding .safely_trade {
    color: #06218A;
}

.main_slider_area #main_slider .get_started_btn .theme_btn {
    text-align: center !important;
    min-width: 233px;
    display: inline-block;
    margin-right: 20px;
    background: #06218A;
    padding-right: 50px;
}

.main_slider_area #main_slider .get_started_btn .theme_btn i:before {
    opacity: 1;
    line-height: 50px;
    font-size: 14px;
    padding-left: 20px;
    position: absolute;
}

.main_slider_area #main_slider .get_started_btn .donation_btn {
    border: 2px solid #fff;
    background: transparent;
    line-height: 46px;
    padding: 0;
}

.main_slider_area #main_slider .get_started_btn .donation_btn i:before {
    line-height: 46px;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    opacity: 0;
}

.main_slider_area #main_slider .get_started_btn .donation_btn:before {
    background-color: rgba(255, 158, 28, 0.25);
}

.main_slider_area #main_slider .get_started_btn .donation_btn:after {
    background-color: #06218A;
}

.main_slider_area #main_slider .get_started_btn .donation_btn:hover,
.main_slider_area #main_slider .get_started_btn .donation_btn:focus {
    color: #fff;
    border-color: #06218A;
    padding-right: 30px;
}

.main_slider_area #main_slider .get_started_btn .donation_btn:hover i:before,
.main_slider_area #main_slider .get_started_btn .donation_btn:focus i:before {
    opacity: 1;
}

.main_slider_area #main_slider .zeus {
    right: 0;
    width: 1170px !important;
    margin: 0 auto;
}

.main_slider_area #main_slider .zeus .tp-bullet {
    background: #fff;
    border: 0;
    height: 8px;
    width: 26px;
    border-radius: 10px;
}

.main_slider_area #main_slider .zeus .tp-bullet:after {
    border-radius: 10px !important;
}

.main_slider_area #main_slider .zeus .selected {
    background: #06218A !important;
    border-color: #06218A;
}

.main_slider_area #main_slider .zeus .selected:after {
    background: #06218A !important;
}

/* End Slider */
/* Pages banner */
.dynamic_page_banner {
    margin-top: -80px;
    text-align: center;
    padding: 218px 0 0;
    position: relative;
    z-index: 1;
}

.pages_banner {
    background: url("../images/pages-banner-1.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    margin-top: -80px;
    text-align: center;
    padding: 218px 0 0;
    position: relative;
    z-index: 1;
}

.dynamic_page_banner::after,
.pages_banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.651);
    z-index: -1;
}

.dynamic_page_banner h2,
.pages_banner h2 {
    color: #fff;
    font: 500 48px/74px "Poppins", sans-serif;
}

.dynamic_page_banner .breadcrumb,
.pages_banner .breadcrumb {
    background-color: transparent;
    text-align: center;
    display: block;
    margin: 0;
    padding: 118px 0 22px;
}

.dynamic_page_banner .breadcrumb li,
.pages_banner .breadcrumb li {
    display: inline-block;
    padding-left: 22px;
    position: relative;
}

.dynamic_page_banner .breadcrumb li::after,
.pages_banner .breadcrumb li:after {
    content: ".";
    position: absolute;
    color: #fff;
    top: 0;
    left: 7px;
}

.dynamic_page_banner .breadcrumb li:first-child,
.pages_banner .breadcrumb li:first-child {
    padding: 0;
}

.dynamic_page_banner .breadcrumb li:first-child:after,
.pages_banner .breadcrumb li:first-child:after {
    display: none;
}

.dynamic_page_banner .breadcrumb li a,
.pages_banner .breadcrumb li a {
    text-align: center;
    font: 400 16px/1 "Poppins", sans-serif;
    color: #fff;
}

.dynamic_page_banner .breadcrumb li a:hover,
.dynamic_page_banner .breadcrumb li a:focus,
.dynamic_page_banner .breadcrumb li a.active,
.pages_banner .breadcrumb li a:hover,
.pages_banner .breadcrumb li a:focus,
.pages_banner .breadcrumb li a.active {
    color: #06218A;
}

.pb_2 {
    background-image: url("../images/pages-banner-2.jpg");
}

.pb_2:after {
    display: none;
}

.pb_2 h2 {
    color: #171616;
}

.pb_2 .breadcrumb li:after {
    color: #171616;
}

.pb_2 .breadcrumb li a {
    color: #171616;
}

.pb_2 .container {
    position: relative;
}

.pb_2 .breadcrumb2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* End Pages banner */
/*----------------------------------------------------*/
/* fredration_annual_area */
.fredration_annual_area {
    display: block;
    overflow: hidden;
    padding: 150px 0 125px;
}

.fredration_annual_area .fredration_inner {
    border: 1px solid #ecebeb;
    padding: 50px 44px 44px;
    margin: 0;
    margin-bottom: 142px;
}

.fredration_annual_area .fredration_inner .fredration_text h4 {
    font: 400 18px/36px "Poppins", sans-serif;
    color: #06218A;
}

.fredration_annual_area .fredration_inner .fredration_text h6 {
    font: 400 16px/30px "Open Sans", sans-serif;
    color: #acabab;
    padding-top: 7px;
}

.fredration_annual_area .fredration_inner .annual_btn {
    padding-left: 65px;
    padding-top: 5px;
}

.fredration_annual_area .fredration_inner .annual_btn .theme_btn {
    display: block;
    font-size: 16px;
    line-height: 55px;
}

.fredration_annual_area .give_inspiration .inspiration {
    background: #4c4c4c;
    padding: 45px 20px;
    text-align: center;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    margin-bottom: 30px;
}

.fredration_annual_area .give_inspiration .inspiration:hover,
.fredration_annual_area .give_inspiration .inspiration:focus,
.fredration_annual_area .give_inspiration .inspiration.active {
    background: #06218A;
}

.fredration_annual_area .give_inspiration .inspiration h2 {
    font: 600 32px/45px "Poppins", sans-serif;
    color: #fff;
}

.fredration_annual_area .give_inspiration .inspiration p {
    font: 400 16px/30px "Open Sans", sans-serif;
    color: #fff;
    padding-top: 20px;
    text-align: left !important;
}

.fredration_annual_area .give_inspiration .inspiration h3 {
    font: 600 20px/32px "Open Sans", sans-serif;
    color: #fff;
    padding: 23px 0 48px;
}

.fredration_annual_area .give_inspiration .inspiration .theme_btn {
    min-width: 182px;
    background: #000000;
}

.faa_2 {
    padding-top: 160px;
}

.faa_2 .fredration_inner {
    margin-top: 105px;
    margin-bottom: 25px;
}

.faa_3 {
    padding-bottom: 25px;
}

.faa_3 .give_inspiration .inspiration {
    background: #fff;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(228, 228, 228, 0.75);
    box-shadow: 0px 0px 22px 0px rgba(228, 228, 228, 0.75);
}

.faa_3 .give_inspiration .inspiration h2 {
    color: #171616;
}

.faa_3 .give_inspiration .inspiration h3 {
    color: #4b4b4b;
    padding-top: 35px;
}

.faa_3 .give_inspiration .inspiration:hover h2,
.faa_3 .give_inspiration .inspiration:hover h3,
.faa_3 .give_inspiration .inspiration.active h2,
.faa_3 .give_inspiration .inspiration.active h3 {
    color: #fff;
}

.faa_4 {
    padding: 160px 0 100px;
}

.faa_4 .fredration_inner {
    margin: 0;
}

/* End fredration_annual_area */

.ucha_2 {
    margin-top: 175px;
    margin-bottom: 10px;
}

/*----------------------------------------------------*/
/* Quick_help_need */
.quick_help_need {
    display: block;
    overflow: hidden;
    background: url("../images/quick-help-bg.jpg") no-repeat fixed;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 120px 0;
}

.quick_help_need:after {
    content: "";
    position: absolute;
    top: 42px;
    bottom: 42px;
    display: block;
    background-color: rgba(0, 0, 0, 0.671);
    width: 100%;
    z-index: -1;
}

.quick_help_need .quick_help_inner .donat_help {
    padding-right: 0;
}

.quick_help_need .quick_help_inner .donat_help h2 {
    font: 500 35px/50px "Poppins", sans-serif;
    color: #fff;
}

.quick_help_need .quick_help_inner .donat_help p {
    color: rgba(255, 255, 255, 0.702);
    font: 400 18px/35px "Open Sans", sans-serif;
    padding-top: 40px;
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn {
    padding-top: 38px;
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn li {
    display: inline-block;
    padding-right: 2px;
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn li:last-child {
    padding-right: 0;
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn li a {
    font: 400 15px/35px "Open Sans", sans-serif;
    color: #fff;
    background: transparent;
    min-width: 190px;
    border: 1px solid #262626;
    border-radius: 0;
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn li a i {
    padding-right: 20px;
    font-size: 18px;
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn li a:before {
    background-color: rgba(255, 158, 28, 0.25);
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn li a:after {
    background-color: #06218A;
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn li a:hover,
.quick_help_need .quick_help_inner .donat_help .homeless_btn li a:focus {
    color: #fff;
    border-color: #06218A;
}

.quick_help_need .quick_help_inner .donat_help .homeless_btn li a.active {
    background: #06218A;
    border-color: #06218A;
}

.quick_help_need .quick_help_inner .donat_help h4 {
    font: 600 25px/32px "Open Sans", sans-serif;
    color: #fff;
}

.quick_help_need .quick_help_inner .donat_help .pie_chart {
    padding: 0 35px;
}

.quick_help_need .quick_help_inner .donat_help .donated_pie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 40px;
}

.quick_help_need .quick_help_inner .donat_help .text-center {
    margin-top: -15px;
}

.quick_help_need .quick_help_inner .donat_help .more_donation {
    padding-top: 35px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-bottom: -10px;
}

.quick_help_need .quick_help_inner .donat_help .more_donation li {
    display: inline-block;
    text-align: center;
}

.quick_help_need .quick_help_inner .donat_help .more_donation li .theme_btn {
    min-width: 182px;
    float: left;
}

.quick_help_need .quick_help_inner .donat_help .more_donation li .more_details {
    font: 600 18px/30px "Poppins", sans-serif;
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #06218A;
    margin-left: 45px;
    float: right;
    margin-bottom: 10px;
}

.quick_help_need .quick_help_inner .donat_help .more_donation li .more_details:hover,
.quick_help_need .quick_help_inner .donat_help .more_donation li .more_details:focus {
    color: #06218A;
}

.quick_help_need .quick_help_inner .donat_help_content {
    text-align: center;
}

.quick_help_need .quick_help_inner .donat_help_content h2 {
    color: #fff;
    font: 500 40px/58px "Poppins", sans-serif;
    padding: 150px 0 95px 58px;
}

.quick_help_need .quick_help_inner .donat_help_content .theme_btn {
    border: 2px solid #474747;
    line-height: 64px;
    min-width: 244px;
    background-color: transparent;
}

.quick_help_need .quick_help_inner .donat_help_content .theme_btn:before {
    background-color: rgba(255, 158, 28, 0.25);
}

.quick_help_need .quick_help_inner .donat_help_content .theme_btn:after {
    background-color: #06218A;
}

.quick_help_need .quick_help_inner .donat_help_content .theme_btn:hover,
.quick_help_need .quick_help_inner .donat_help_content .theme_btn:focus {
    color: #fff;
    border-color: #06218A;
}

.qhn_2 {
    background-image: url("../images/quick-help-bg-2.jpg");
}

.qhn_2:after {
    top: 0;
    bottom: 0;
}

.qhn_2 .quick_help_inner .donat_help_content {
    padding-right: 90px;
}

.qhn_2 .quick_help_inner .donat_help_content h2 {
    padding-left: 0;
}

/* Quick_help_need */
/* pie_chart */
.pie_chart,
.smpie_chart {
    display: inline-block;
    position: relative;
    text-align: center;
}

.pie_chart .pie-value,
.smpie_chart .pie-value {
    display: block;
    height: 110px;
    position: absolute;
    font: 500 18px/35px "Poppins", sans-serif;
    color: #06218A;
    height: 40px;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
}

/* other_ways_help_area */
.other_ways_help_area {
    display: block;
    overflow: hidden;
    padding: 60px 0 100px;
}

.other_ways_help_area .other_ways_help h2 {
    font: 500 22px/32px "Poppins", sans-serif;
    color: #000;
}

.other_ways_help_area .other_ways_help p {
    font: 400 16px/32px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding: 40px 0 30px;
}

.other_ways_help_area .other_ways_help .involved_btn {
    font: 700 16px/32px "Open Sans", sans-serif;
    color: #000;
    position: relative;
}

.other_ways_help_area .other_ways_help .involved_btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    border-bottom: 1px solid #06218A;
}

.other_ways_help_area .other_ways_help .involved_btn i {
    padding-left: 8px;
    font-size: 18px;
    color: #06218A;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.other_ways_help_area .other_ways_help .involved_btn:hover,
.other_ways_help_area .other_ways_help .involved_btn:focus {
    color: #06218A;
}

.other_ways_help_area .other_ways_help .involved_btn:hover i,
.other_ways_help_area .other_ways_help .involved_btn:focus i {
    padding-left: 4px;
}

.other_ways_help_area .other_ways_help .open_today {
    background: #06218A;
    margin-top: 55px;
    display: block;
    overflow: hidden;
    padding: 25px 70px 32px 35px;
    max-width: 500px;
}

.other_ways_help_area .other_ways_help .open_today p {
    color: #fff;
    padding: 0;
}

.other_ways_help_area .other_ways_help .open_today h3 {
    color: #fff;
    font: 600 32px "Poppins", sans-serif;
    display: inline-block;
    padding-top: 30px;
    float: left;
}

.other_ways_help_area .other_ways_help .open_today span {
    color: rgba(0, 0, 0, 0.702);
    background: #fff;
    padding: 0 20px;
    font: 400 14px/35px "Open Sans", sans-serif;
    border-radius: 30px;
    display: inline-block;
    float: right;
    margin-top: 35px;
}

.other_ways_help_area .add_impact h2 {
    font: 500 22px/32px "Poppins", sans-serif;
    color: #000;
}

.other_ways_help_area .add_impact p {
    font: 400 16px/32px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding: 40px 0 20px;
}

.other_ways_help_area .add_impact .signup_from .form-group {
    margin-top: 5px;
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control {
    font: 400 16px/32px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 0;
    border-bottom: 1px solid #e6e6e5;
    border-radius: 0;
    padding: 20px 0;
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control.placeholder {
    color: rgba(0, 0, 0, 0.702);
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.702);
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.702);
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.702);
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control:focus.placeholder {
    color: #fff;
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control:focus:-moz-placeholder {
    color: #fff;
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control:focus::-moz-placeholder {
    color: #fff;
}

.other_ways_help_area .add_impact .signup_from .form-group .form-control:focus::-webkit-input-placeholder {
    color: #fff;
}

.other_ways_help_area .add_impact .signup_from .signup_btn {
    padding-top: 20px;
}

.other_ways_help_area .add_impact .signup_from .signup_btn .theme_btn {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    min-width: 140px;
    font-size: 16px;
}

.owha_2 {
    padding: 10px 0 125px;
}

/* other_ways_help_area */
/*----------------------------------------------------*/
/* Latest Causes */
.latest_causes_area {
    display: block;
    overflow: hidden;
    padding: 135px 0;
}

.latest_causes_area .latest_causes_inner {
    padding-top: 90px;
    height: 450px;
}

.latest_causes_area .latest_causes_inner .causes_items {
    margin-bottom: 25px;
    height: 100%;
}

.latest_causes_area .latest_causes_inner .causes_items img {
    max-width: 100%;
    height: 150px;
    -webkit-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_img {
    display: block;
    overflow: hidden;
    position: relative;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    right: 0;
    display: block;
    width: 101%;
    height: 29px;
    /* background: url("../images/couses-img-shap.png") no-repeat center top; */
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1;
}

.latest_causes_area .latest_causes_inner .causes_items:hover img,
.latest_causes_area .latest_causes_inner .causes_items:focus img {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    -ms-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}

.latest_causes_area .latest_causes_inner .causes_items:hover .theme_btn,
.latest_causes_area .latest_causes_inner .causes_items:focus .theme_btn {
    background: #06218A;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_content {
    text-align: center;
    /* background: #fdefe8; */
    background: #000000;
    padding: 35px;
    height: 210px;
    overflow: hidden;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_content h3 {
    font: 500 24px/36px "Poppins", sans-serif;
    /* color: #312f2f; */
    color: #fff;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_content p {
    font: 400 15px/32px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding: 20px 0 25px;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_content .donated_pie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_content .donated_pie .smpie_chart {
    height: 71px;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_content h4 {
    font: 600 18px/32px "Open Sans", sans-serif;
    color: #171616;
    display: inline-block;
    padding-left: 20px;
}

.latest_causes_area .latest_causes_inner .causes_items .causes_content h4 span {
    padding-left: 20px;
}

.latest_causes_area .latest_causes_inner .causes_items .theme_btn {
    display: block;
    border-radius: 0;
    background: #d7d1cf;
}

.latest_causes_area .latest_causes_inner .causes_items .active {
    background: #06218A;
}

.lca_2 .latest_causes_inner .causes_items .causes_img:before {
    content: "";
    background: none;
    border-style: solid;
    border-width: 0 370px 32px 0;
    border-color: transparent #fff transparent transparent;
}

.lca_2 .latest_causes_inner .causes_items .causes_content {
    background-color: transparent;
    border: 1px solid #fdefe8;
}

.lca_3 {
    padding-bottom: 115px;
}

.lca_3 .latest_causes_inner .causes_items .theme_btn {
    width: 188px;
    margin: 0 auto;
}

.lca_4 {
    padding-top: 0;
    padding-bottom: 95px;
}

.lca_4 .latest_causes_inner {
    padding-top: 20px;
}

.lca_4 .latest_causes_inner .causes_items {
    margin-bottom: 70px;
}

/* End Latest Causes */
/* stay_informed_area */
.stay_informed_area {
    display: block;
    overflow: hidden;
    padding: 6px 0 70px;
}

.stay_informed_area .informed {
    margin-bottom: 40px;
}

.stay_informed_area .informed h2 {
    font: 500 28px/40px "Poppins", sans-serif;
    color: #171616;
    position: relative;
    display: inline-block;
    padding-right: 10px;
}

.stay_informed_area .informed h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 9px;
    height: 2px;
    width: 100%;
    background: #06218A;
}

.stay_informed_area .informed p {
    font: 400 18px/36px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    display: block;
    padding: 25px 0 30px;
}

.stay_informed_area .informed .informed_btn {
    display: inline-block;
    font: 400 18px/30px "Open Sans", sans-serif;
    float: left;
    color: #000;
    padding-top: 8px;
    margin-right: 56px;
    border-bottom: 2px solid #06218A;
}

.stay_informed_area .informed .informed_btn:hover,
.stay_informed_area .informed .informed_btn:focus {
    color: #06218A;
}

.stay_informed_area .informed .theme_btn {
    display: inline-block;
    font: 600 16px/42px "Open Sans", sans-serif;
    min-width: 138px;
}

.stay_informed_area .informed .socail_link li {
    display: inline-block;
    padding-right: 27px;
}

.stay_informed_area .informed .socail_link li:last-child {
    padding: 0;
}

.stay_informed_area .informed .socail_link li a {
    font-size: 24px;
    color: #4a4a4a;
}

.stay_informed_area .informed .socail_link li a:hover,
.stay_informed_area .informed .socail_link li a:focus {
    color: #06218A;
}

.sia_2 {
    padding-top: 85px;
}

/* End stay_informed_area */
/* Causes v2 Area */
.causes_area {
    display: block;
    overflow: hidden;
    padding-top: 150px;
    /* Right sidebar */
}

.causes_area .causes_left_sidebar .causes_media {
    margin-bottom: 52px;
}

.causes_area .causes_left_sidebar .causes_media .causes_img {
    position: relative;
    display: block;
    overflow: hidden;
}

.causes_area .causes_left_sidebar .causes_media .causes_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-style: solid;
    border-width: 0 370px 45px 0;
    border-color: transparent #fff transparent transparent;
}

.causes_area .causes_left_sidebar .causes_media .causes_img img {
    max-width: 100%;
    -webkit-transition: all 500ms linear 0s;
    transition: all 500ms linear 0s;
}

.causes_area .causes_left_sidebar .causes_media:hover img,
.causes_area .causes_left_sidebar .causes_media:focus img {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    -ms-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}

.causes_area .causes_left_sidebar .causes_media .media-body {
    padding-left: 30px;
}

.causes_area .causes_left_sidebar .causes_media .media-body .couses_heding {
    font: 500 24px/36px "Poppins", sans-serif;
    color: #312f2f;
    display: block;
    padding-top: 40px;
}

.causes_area .causes_left_sidebar .causes_media .media-body .couses_heding:hover,
.causes_area .causes_left_sidebar .causes_media .media-body .couses_heding:focus {
    color: #06218A;
}

.causes_area .causes_left_sidebar .causes_media .media-body p {
    font: 400 15px/32px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-top: 15px;
}

.causes_area .causes_left_sidebar .causes_media .media-body h6 {
    display: block;
    font: 600 15px/1 "Open Sans", sans-serif;
    color: #06218A;
    padding-top: 28px;
}

.causes_area .causes_left_sidebar .causes_media .media-body h6 span {
    float: right;
    color: #171616;
}

.causes_area .causes_left_sidebar .causes_media .media-body .theme_btn {
    border-radius: 0;
    min-width: 188px;
    line-height: 45px;
    background: #dad6d5;
}

.causes_area .causes_left_sidebar .causes_media .media-body .theme_btn:after {
    background: #06218A;
}

.causes_area .causes_left_sidebar .causes_media .media-body .theme_btn:before {
    background: rgba(255, 179, 7, 0.5);
}

.causes_area .causes_left_sidebar .causes_media .media-body .tb_2 {
    background-color: transparent;
    color: #06218A;
    min-width: 170px;
}

.causes_area .causes_left_sidebar .causes_media .media-body .tb_2:hover,
.causes_area .causes_left_sidebar .causes_media .media-body .tb_2:focus {
    color: #fff;
}

.causes_area .causes_left_sidebar .causes_media .media-body .progress_bar {
    max-width: 400px;
}

.causes_area .causes_left_sidebar .causes_media .media-body .progress_bar .progress {
    margin-top: 20px;
    margin-bottom: 45px;
}

.causes_area .causes_left_sidebar .pagination_area .pagination {
    text-align: left;
    margin: 78px 0 60px;
}

.causes_area .causes_right_sidebar {
    /* upcoming_widget */
    /* quote_widget */
}

.causes_area .causes_right_sidebar .input-group input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: #f3f3f3;
    font: 400 15px/50px "Open Sans", sans-serif;
    color: #b6b6b6;
    border-radius: 0;
    padding: 0 30px;
    padding-right: 0;
    border-left: 1px solid #06218A;
}

.causes_area .causes_right_sidebar .input-group input.placeholder {
    color: #b6b6b6;
}

.causes_area .causes_right_sidebar .input-group input:-moz-placeholder {
    color: #b6b6b6;
}

.causes_area .causes_right_sidebar .input-group input::-moz-placeholder {
    color: #b6b6b6;
}

.causes_area .causes_right_sidebar .input-group input::-webkit-input-placeholder {
    color: #b6b6b6;
}

.causes_area .causes_right_sidebar .input-group input:focus.placeholder {
    color: transparent;
}

.causes_area .causes_right_sidebar .input-group input:focus:-moz-placeholder {
    color: transparent;
}

.causes_area .causes_right_sidebar .input-group input:focus::-moz-placeholder {
    color: transparent;
}

.causes_area .causes_right_sidebar .input-group input:focus::-webkit-input-placeholder {
    color: transparent;
}

.causes_area .causes_right_sidebar .input-group .input-group-append {
    background: #f3f3f3;
    border: 0;
    cursor: pointer;
}

.causes_area .causes_right_sidebar .input-group .input-group-append span {
    border: 0;
    background-color: transparent;
    padding: 0 20px;
    border-radius: 0;
    color: #06218A;
}

.causes_area .causes_right_sidebar .input-group .input-group-append span:hover,
.causes_area .causes_right_sidebar .input-group .input-group-append span:focus {
    background: #06218A;
    color: #fff;
}

.causes_area .causes_right_sidebar .input-group .input-group-append i {
    font-size: 16px;
    line-height: 50px;
}

.causes_area .causes_right_sidebar .widget {
    padding-bottom: 50px;
}

.causes_area .causes_right_sidebar .widget h3 {
    font: 500 22px/25px "Poppins", sans-serif;
    color: #312f2f;
    border-left: 4px solid #06218A;
    padding-left: 20px;
}

.causes_area .causes_right_sidebar .widget .categories_widget {
    padding-top: 30px;
}

.causes_area .causes_right_sidebar .widget .categories_widget li a {
    font: 400 18px/48px "Open Sans", sans-serif;
    color: #959494;
}

.causes_area .causes_right_sidebar .widget .categories_widget li a i {
    color: #06218A;
    font-size: 16px;
    padding-right: 28px;
    position: relative;
    left: 0;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.causes_area .causes_right_sidebar .widget .categories_widget li a:hover,
.causes_area .causes_right_sidebar .widget .categories_widget li a:focus {
    color: #06218A;
}

.causes_area .causes_right_sidebar .widget .categories_widget li a:hover i,
.causes_area .causes_right_sidebar .widget .categories_widget li a:focus i {
    left: 10px;
}

.causes_area .causes_right_sidebar .widget .popular_causes {
    padding-top: 30px;
}

.causes_area .causes_right_sidebar .widget .popular_causes .widget_img {
    display: block;
    overflow: hidden;
}

.causes_area .causes_right_sidebar .widget .popular_causes .widget_img img {
    max-width: 100%;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.causes_area .causes_right_sidebar .widget .popular_causes:hover img,
.causes_area .causes_right_sidebar .widget .popular_causes:focus img {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    -ms-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}

.causes_area .causes_right_sidebar .widget .popular_causes:hover a,
.causes_area .causes_right_sidebar .widget .popular_causes:focus a {
    color: #06218A;
}

.causes_area .causes_right_sidebar .widget .popular_causes a {
    font: 600 18px/32px "Open Sans", sans-serif;
    color: #171616;
    display: block;
    padding-top: 20px;
}

.causes_area .causes_right_sidebar .widget .popular_causes .progress_bar h6 {
    font: 400 14px/1 "Open Sans", sans-serif;
    color: #06218A;
    padding-top: 10px;
    display: block;
    overflow: hidden;
}

.causes_area .causes_right_sidebar .widget .popular_causes .progress_bar h6 span {
    float: right;
}

.causes_area .causes_right_sidebar .widget .popular_causes .progress_bar .progress {
    margin: 0;
    margin-top: -35px;
    display: block;
}

.causes_area .causes_right_sidebar .widget .popular_causes .progress_bar .progress label {
    background-color: transparent;
    color: #06218A;
    margin: 0;
    top: 10px;
}

.causes_area .causes_right_sidebar .widget .popular_causes .progress_bar .progress progress {
    height: 10px;
}

.causes_area .causes_right_sidebar .widget .popular_causes .progress_bar .progress progress::-webkit-progress-bar {
    height: 10px;
}

.causes_area .causes_right_sidebar .widget .popular_causes .progress_bar .progress progress::-moz-progress-bar {
    height: 10px;
}

.causes_area .causes_right_sidebar .widget .popular_causes .progress_bar .progress progress::-webkit-progress-value {
    height: 10px;
}

.causes_area .causes_right_sidebar .popular_widget h3 {
    margin-bottom: 28px;
}

.causes_area .causes_right_sidebar .upcoming_widget {
    padding-top: 60px;
}

.causes_area .causes_right_sidebar .upcoming_widget .upc_event {
    padding-top: 60px;
    padding-bottom: 35px;
}

.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-inner .carousel-item a {
    font: 600 18px/32px "Open Sans", sans-serif;
    color: #171616;
    display: block;
    padding-bottom: 5px;
    padding-top: 20px;
}

.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-inner .carousel-item a:hover,
.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-inner .carousel-item a:focus {
    color: #06218A;
}

.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-inner .carousel-item span {
    font: 400 14px/30px "Open Sans", sans-serif;
    color: #000000;
    display: block;
}

.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-inner .carousel-item span i {
    font-size: 18px;
    padding-right: 10px;
}

.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-indicators {
    margin: 0;
    padding: 0;
    display: block;
    bottom: 0;
}

.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-indicators li {
    color: transparent;
    height: 8px;
    width: 12px;
    background: #dad6d5;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    margin: 0;
}

.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-indicators li:hover,
.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-indicators li:focus,
.causes_area .causes_right_sidebar .upcoming_widget .upc_event .carousel-indicators li.active {
    background: #06218A;
}

.causes_area .causes_right_sidebar .quote_widget {
    margin-top: 65px;
    background: url("../images/gfq.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    z-index: 1;
    padding: 20px;
    padding-bottom: 50px;
}

.causes_area .causes_right_sidebar .quote_widget:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background: rgba(251, 155, 27, 0.851);
    z-index: -1;
}

.causes_area .causes_right_sidebar .quote_widget h2 {
    font: 500 24px/1 "Poppins", sans-serif;
    padding-top: 35px;
}

.causes_area .causes_right_sidebar .quote_widget p {
    color: #fff;
    padding: 50px 0;
}

.causes_area .causes_right_sidebar .quote_widget .theme_btn {
    background: #fff;
    color: #06218A;
    line-height: 45px;
    font-size: 16px;
    border-radius: 10px;
    min-width: 170px;
}

/* End Causes v2 Area */
/* Progress */
.progress {
    display: block;
    height: 65px;
    position: relative;
    color: #fff;
    border-radius: 15px;
    background-color: transparent;
    margin-top: 10px;
    margin-bottom: 38px;
}

.progress label {
    display: inline-block;
    height: 38px;
    background: #d7d1cf;
    width: 38px;
    text-align: center;
    border-radius: 50%;
    top: 3px;
    position: absolute;
    left: 0;
    font: 400 14px/38px "Open Sans", sans-serif;
}

.progress progress {
    display: block;
    border: none;
    border-radius: 15px;
    overflow: hidden;
    height: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    margin-top: 45px;
    background: #dad6d5;
}

.progress progress::-webkit-progress-bar {
    background: #dad6d5;
    height: 14px;
    border-radius: 15px;
}

.progress progress::-moz-progress-bar {
    background: #dad6d5;
    height: 14px;
    border-radius: 15px;
}

.progress progress::-webkit-progress-value {
    background: #06218A;
    border-radius: 15px;
    height: 14px;
}

/* Progress */
/* next_pages */
.pagination_area {
    margin: 30px 0 0;
}

.pagination_area .pagination {
    display: block;
    text-align: center;
}

.pagination_area .pagination li {
    display: inline-block;
}

.pagination_area .pagination li a {
    font: 600 18px/46px "Open Sans", sans-serif;
    color: #171616;
    background: #f3f2f2;
    width: 46px;
    border-radius: 50%;
    border: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    margin: 0 7px;
}

.pagination_area .pagination li a i {
    font-size: 16px;
    line-height: 46px;
}

.pagination_area .pagination li a:hover,
.pagination_area .pagination li a:focus,
.pagination_area .pagination li a.active {
    background: #06218A;
    color: #fff;
}

/*========== Causes details ==========*/
.donations_details {
    border-bottom: 1px solid #e9e3e3;
}

.donations_details .causes_details_img {
    position: relative;
    display: block;
    overflow: hidden;
}

.donations_details .causes_details_img img {
    max-width: 100%;
}

.donations_details .causes_details_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-style: solid;
    border-width: 0 870px 60px 0;
    border-color: transparent #fff transparent transparent;
}

.donations_details .donated_pie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0;
}

.donations_details .donated_pie h4 {
    font: 600 18px/32px "Open Sans", sans-serif;
    color: #171616;
    padding: 0 20px;
}

.donations_details .donated_pie h4 span {
    padding-left: 40px;
}

.donations_details .donated_pie h4 span small {
    color: #06218A;
    font: 600 18px/32px "Open Sans", sans-serif;
}

.donations_details .theme_btn {
    width: 160px;
    border-radius: 0;
    line-height: 45px;
    font-size: 16px;
    margin: 0 auto;
    display: block;
}

.donations_details .timer {
    padding-top: 35px;
    padding-bottom: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.donations_details .timer .ds-element {
    background: #e8e8e8;
    display: inline-block;
    text-align: center;
    border-left: 1px solid #fff;
    min-width: 98px;
    position: relative;
    padding: 14px 14px 42px;
    cursor: pointer;
}

.donations_details .timer .ds-element:hover {
    background: #06218A;
}

.donations_details .timer .ds-element:hover .ds-element-value,
.donations_details .timer .ds-element:hover .ds-element-title {
    color: #fff;
}

.donations_details .timer .ds-element .ds-element-value {
    font: 600 18px/1 "Open Sans", sans-serif;
    color: #171616;
}

.donations_details .timer .ds-element .ds-element-title {
    font: 400 14px/1 "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}

.details {
    padding-top: 42px;
}

.details h2 {
    font: 500 28px/40px "Poppins", sans-serif;
    color: #171616;
}

.details h6 {
    font: 400 14px/32px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 20px;
}

.details h6 a {
    color: rgba(0, 0, 0, 0.6);
}

.details h6 a:hover,
.details h6 a:focus {
    color: #06218A;
}

.details h6 .post_c {
    padding: 0 15px;
}

.details p {
    line-height: 36px;
    padding-top: 30px;
}

.details .details_img_carousel {
    padding-top: 80px;
    padding-bottom: 43px;
}

.details .details_img_carousel img {
    max-width: 100%;
}

.details .details_img_carousel .carousel-indicators {
    margin: 0;
    padding: 0;
    bottom: 0;
}

.details .details_img_carousel .carousel-indicators li {
    color: transparent;
    height: 12px;
    width: 12px;
    background: #dad6d5;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.details .details_img_carousel .carousel-indicators li:hover,
.details .details_img_carousel .carousel-indicators li:focus,
.details .details_img_carousel .carousel-indicators li.active {
    background: #06218A;
}

.details .slider_end_p {
    padding-top: 50px;
}

.details h3 {
    font: 400 22px/36px "Poppins", sans-serif;
    color: #171616;
    padding-top: 50px;
    padding-bottom: 35px;
}

.details iframe {
    width: 100%;
    height: 394px;
    margin-bottom: 20px;
}

.details h5 {
    font: 600 16px/36px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.902);
    max-width: 770px;
    padding-top: 30px;
    position: relative;
    z-index: 1;
}

.details h5 i:before {
    position: absolute;
    right: 20px;
    color: #dedede;
    bottom: 30px;
    font-size: 43px;
    z-index: -1;
}

.details .foulkes {
    font: 600 16px/36px "Open Sans", sans-serif;
    color: #171616;
    padding: 0;
    padding-left: 20px;
    margin-left: 70px;
    margin-top: 35px;
    border-left: 1px solid #06218A;
}

.details .share_btn {
    padding: 70px 0 90px;
}

.details .share_btn .share_text {
    font: 600 20px/1 "Open Sans", sans-serif;
    color: #171616;
}

.details .share_btn li {
    display: inline-block;
}

.details .share_btn li a {
    font-size: 18px;
    color: #171616;
    padding-left: 18px;
}

.details .share_btn li a:hover,
.details .share_btn li a:focus {
    color: #06218A;
}

.details .author {
    background: #000000;
    padding: 30px;
    padding-right: 120px;
}

.details .author .media-body {
    padding-left: 20px;
}

.details .author .media-body .author_name {
    font: 500 18px/1 "Open Sans", sans-serif;
    color: #fff;
    display: inline-block;
}

.details .author .media-body .author_name:hover,
.details .author .media-body .author_name:focus {
    color: #171616;
}

.details .author .media-body .share_btn {
    padding: 0;
    display: inline-block;
    float: right;
}

.details .author .media-body .share_btn li a {
    font-size: 16px;
    color: #fff;
}

.details .author .media-body .share_btn li a:hover,
.details .author .media-body .share_btn li a:focus {
    color: #171616;
}

.details .author .media-body p {
    display: block;
    color: #fff;
    line-height: 32px;
    padding-top: 18px;
}

.comments_area {
    padding-top: 80px;
    max-width: 770px;
}

.comments_area .comment {
    padding-top: 50px;
}

.comments_area .comment .media-body {
    padding-left: 40px;
}

.comments_area .comment .media-body a {
    font: 400 18px/1 "Open Sans", sans-serif;
    color: #171616;
    display: block;
}

.comments_area .comment .media-body a:hover,
.comments_area .comment .media-body a:focus {
    color: #06218A;
}

.comments_area .comment .media-body span {
    display: block;
    color: #a9a4a4;
    font: 400 15px/1 "Open Sans", sans-serif;
    padding-top: 20px;
}

.comments_area .comment .media-body p {
    line-height: 32px;
    padding-top: 25px;
    padding-bottom: 20px;
}

.comments_area .comment .media-body .theme_btn {
    min-width: 86px;
    line-height: 35px;
    border-radius: 15px;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    background: #969391;
}

.comments_area .comment .media-body .theme_btn:after {
    background: #06218A;
}

.comments_area .comment .media-body .theme_btn:before {
    background: rgba(255, 179, 7, 0.5);
}

.comments_area .comment .media-body .theme_btn:hover,
.comments_area .comment .media-body .theme_btn:focus {
    color: #fff;
}

.comments_area .comment .media-body .comment {
    padding-top: 40px;
}

.c_tittle {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
}

.c_tittle:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    border-bottom: 1px solid #e3e3e3;
    z-index: -1;
}

.c_tittle h2 {
    font: 500 22px/32px "Poppins", sans-serif;
    color: #171616;
    display: inline-block;
    background: #fff;
    z-index: 3;
    padding-right: 20px;
}

.leave_comment {
    padding-top: 80px;
    padding-bottom: 40px;
}

.leave_comment .comment_from {
    padding-top: 50px;
}

.leave_comment .comment_from .form-group {
    padding: 0 5px;
    margin-bottom: 50px;
}

.leave_comment .comment_from .form-group .form-control {
    border-radius: 0;
    border: 1px solid #ebebeb;
    resize: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: 400 14px/48px "Open Sans", sans-serif;
    padding: 0 24px;
    color: rgba(0, 0, 0, 0.6);
}

.leave_comment .comment_from .form-group .form-control.placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.leave_comment .comment_from .form-group .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.leave_comment .comment_from .form-group .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.leave_comment .comment_from .form-group .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.leave_comment .comment_from .form-group .form-control:focus {
    border-color: #06218A;
}

.leave_comment .comment_from .form-group .form-control:focus.placeholder {
    color: transparent;
}

.leave_comment .comment_from .form-group .form-control:focus:-moz-placeholder {
    color: transparent;
}

.leave_comment .comment_from .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
}

.leave_comment .comment_from .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

.leave_comment .comment_from .form-group .comment_box {
    line-height: 32px;
    padding-top: 20px;
    height: 215px;
}

.leave_comment .comment_from .form-group .theme_btn {
    border: 0;
    border-radius: 15px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    min-width: 186px;
}

/*----------------------------------------------------*/
/* charity_organizations */
.charity_organizations {
    display: block;
    overflow: hidden;
    background: url("../images/counter_bg.jpg") no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 175px 0 95px;
}

.charity_organizations:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    background-color: rgba(255, 149, 7, 0.878);
    width: 100%;
    z-index: -1;
}

.charity_organizations .charity_content h2 {
    font: 500 40px/60px "Poppins", sans-serif;
    color: #fff;
    padding-bottom: 72px;
}

.charity_organizations .charity_content a {
    font: 600 16px/30px "Open Sans", sans-serif;
    color: #fff;
    border-bottom: 1px solid #06218A;
    display: inline-block;
}

.charity_organizations .charity_content a:hover,
.charity_organizations .charity_content a:focus {
    color: #171616;
}

.charity_organizations .donet_counter {
    padding-top: 5px;
}

.charity_organizations .donet_counter .media {
    margin-bottom: 80px;
}

.charity_organizations .donet_counter .media i:before {
    font-size: 55px;
    color: #fff;
    line-height: 1;
}

.charity_organizations .donet_counter .media .media-body {
    padding-left: 28px;
}

.charity_organizations .donet_counter .media .media-body h4 {
    font: 400 24px/1 "Poppins", sans-serif;
    color: #fff;
    padding-bottom: 20px;
}

.charity_organizations .donet_counter .media .media-body h2 {
    color: #fff;
    font: 600 52px/1 "Poppins", sans-serif;
}

.charity_organizations .donet_counter.dc_2 {
    padding-left: 40px;
}

/* charity_organizations */
/*----------------------------------------------------*/
/* Team Member Area */
.team_member_area {
    display: block;
    overflow: hidden;
    padding: 0 0 100px;
}

.team_member_area .team_item {
    text-align: center;
    margin-bottom: 30px;
}

.team_member_area .team_item img {
    max-width: 100%;
}

.team_member_area .team_item .team_mg {
    position: relative;
    z-index: 2;
}

.team_member_area .team_item .team_mg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(6, 33, 138, 0.35);
    z-index: 1;
    -webkit-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    opacity: 0;
}

.team_member_area .team_item .team_mg .hover_icons {
    position: absolute;
    top: 10px;
    right: -100px;
    z-index: 3;
    -webkit-transition: all 500ms linear 0s;
    transition: all 500ms linear 0s;
}

.team_member_area .team_item .team_mg .hover_icons li a {
    font-size: 16px;
    color: #fff;
    display: block;
    padding-top: 8px;
}

.team_member_area .team_item .team_mg .hover_icons li a:hover,
.team_member_area .team_item .team_mg .hover_icons li a:focus {
    color: rgba(0, 0, 0, 0.702);
}

.team_member_area .team_item:hover .team_mg:after,
.team_member_area .team_item:focus .team_mg:after {
    opacity: 1;
}

.team_member_area .team_item:hover .team_mg .hover_icons,
.team_member_area .team_item:focus .team_mg .hover_icons {
    right: 16px;
}

.team_member_area .team_item .team_name {
    font: 500 22px/1 "Poppins", sans-serif;
    color: #242222;
    display: block;
    padding-top: 40px;
}

.team_member_area .team_item .team_name:hover,
.team_member_area .team_item .team_name:focus {
    color: #06218A;
}

.team_member_area .team_item h6 {
    font: 400 16px/30x "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-top: 13px;
}

.tma_2 {
    padding: 40px 0 90px;
}

.tma_3 {
    padding-top: 140px;
    padding-bottom: 20px;
}

.tma_3 .team_item {
    margin-bottom: 65px;
}

/* Testimonial Area */
.testimonial_area {
    display: block;
    overflow: hidden;
    background: url("../images/testimonials/ts_bg.jpg") no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 135px 0 230px;
}

.testimonial_area:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.678);
    z-index: -1;
}

/*.testimonial_area:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    border-style: solid;*/
/*    border-width: 0 0 205px 1920px;*/
/*    border-color: transparent transparent #fff transparent;*/
/*}*/

/*.testimonial_area .shap_angle {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    border-style: solid;*/
/*    border-width: 100px 1920px 0 0;*/
/*    border-color: #fff transparent transparent transparent;*/
/*}*/

.testimonial_area .ts_slider {
    position: relative;
}

.testimonial_area .ts_slider .carousel-item img {
    width: 94px;
    height: 94px;
    max-width: 100%;
}

.testimonial_area .ts_slider .carousel-item h4 {
    font: 600 18px/3px "Open Sans", sans-serif;
    color: #fff;
    padding: 20px 0 30px;
}

.testimonial_area .ts_slider .carousel-item h4 span {
    padding-left: 10px;
}

.testimonial_area .ts_slider .carousel-item .rating {
    padding-bottom: 35px;
    position: relative;
}

.testimonial_area .ts_slider .carousel-item .rating:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 93px;
    height: 1px;
    background: #fff;
}

.testimonial_area .ts_slider .carousel-item .rating li {
    display: inline-block;
    color: #06218A;
    font-size: 20px;
    padding-left: 7px;
}

.testimonial_area .ts_slider .carousel-item .rating li:first-child {
    padding-left: 0;
}

.testimonial_area .ts_slider .carousel-item p {
    font: 400 20px/40px "Open Sans", sans-serif;
    color: rgba(255, 255, 255, 0.902);
    max-width: 800px;
    margin: 0 auto;
    padding-top: 40px;
}

.testimonial_area .ts_slider .carousel-control-prev,
.testimonial_area .ts_slider .carousel-control-next {
    line-height: 40px;
    width: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #06218A;
    height: 40px;
    top: 50%;
    display: none;
}

.testimonial_area .ts_slider:hover .carousel-control-prev,
.testimonial_area .ts_slider:hover .carousel-control-next {
    display: block;
}

/* Testimonial Area */
/* children_care Area */
.children_care_area {
    display: block;
    overflow: hidden;
    padding: 0 0 100px 0;
}

.children_care_area .children_care {
    cursor: e-resize;
}

.children_care_area .children_care .item a {
    display: block;
    height: 175px;
    overflow: hidden;
    border: 1px solid #e2e1e1;
    text-align: center;
    padding: 25px;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.children_care_area .children_care .item a:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #06218A;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.children_care_area .children_care .item a i:before {
    display: block;
    font-size: 50px;
    color: #06218A;
    line-height: 1;
}

.children_care_area .children_care .item a span {
    display: block;
    font: 600 18px/35px "Open Sans", sans-serif;
    color: #181717;
    padding-top: 20px;
}

.children_care_area .children_care .item a:hover,
.children_care_area .children_care .item a:focus {
    border-color: #06218A;
}

.children_care_area .children_care .item a:hover i:before,
.children_care_area .children_care .item a:hover span,
.children_care_area .children_care .item a:focus i:before,
.children_care_area .children_care .item a:focus span {
    color: #fff;
}

.children_care_area .children_care .item a:hover:after,
.children_care_area .children_care .item a:focus:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.cca_2 {
    padding: 130px 0;
}

/* End children_care Area */
/* Client Logo Area */
.client_logo_area {
    display: block;
    overflow: hidden;
    padding: 80px 0 74px;
    background: #06218A;
    margin-top: 40px;
}

@media (min-width: 1230px) {
    .client_logo_area .container {
        max-width: 1260px;
    }
}

.client_logo_area .client_logo {
    cursor: col-resize;
}

.client_logo_area .client_logo .item {
    text-align: center;
    height: 94px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.client_logo_area .client_logo .item img {
    width: auto;
    margin: 0 auto;
}

/* End Client Logo Area */
/*----------------------------------------------------*/
/* upcoming_event_area */
.upcoming_event_area {
    display: block;
    overflow: hidden;
    padding: 90px 0;
}

.upcoming_event_area .run_event {
    padding-top: 70px;
}

.upcoming_event_area .run_event .official_event {
    margin-bottom: 30px;
    border: 0.5px solid #eee;
    box-shadow: 0 4px 12px rgba(238, 238, 238, 0.8);
}

.upcoming_event_area .run_event .official_event .event_img {
    position: relative;
    display: block;
    overflow: hidden;
}

.upcoming_event_area .run_event .official_event .event_img img {
    max-width: 100%;
    -webkit-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
}

.upcoming_event_area .run_event .official_event .event_img h4 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(31, 31, 31, 0.502);
    padding: 20px 35px;
    font: 600 25px/1 "Poppins", sans-serif;
    color: #fff;
    -webkit-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
    display: none;
}

.upcoming_event_area .run_event .official_event:hover .event_img h4,
.upcoming_event_area .run_event .official_event.active .event_img h4 {
    display: block;
}

.upcoming_event_area .run_event .official_event:hover .event_img img,
.upcoming_event_area .run_event .official_event.active .event_img img {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    -ms-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}

.upcoming_event_area .run_event .official_event:hover .event_content h6,
.upcoming_event_area .run_event .official_event:hover .event_content a,
.upcoming_event_area .run_event .official_event:hover .event_content p,
.upcoming_event_area .run_event .official_event.active .event_content h6,
.upcoming_event_area .run_event .official_event.active .event_content a,
.upcoming_event_area .run_event .official_event.active .event_content p {
    color: #fff;
}

.upcoming_event_area .run_event .official_event:hover .event_content:after,
.upcoming_event_area .run_event .official_event.active .event_content:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.upcoming_event_area .run_event .official_event .event_content {
    background: #f7f7f7;
    padding: 30px 40px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.upcoming_event_area .run_event .official_event .event_content:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #06218A;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.upcoming_event_area .run_event .official_event .event_content p.post-category a {
    font: 200 12px "Poppins", sans-serif;
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 1.75rem;
}

.upcoming_event_area .run_event .official_event .event_content p.post-category span a {
    font-size: 12px;
    color: #000;
    background-color: #fff;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 1.75rem;
}

.upcoming_event_area .run_event .official_event .event_content a {
    font: 500 24px/36px "Poppins", sans-serif;
    color: #000;
}

.upcoming_event_area .run_event .official_event .event_content a.btn {
    font: 300 14px/24px "Poppins", sans-serif;
    color: #fff;
}

.upcoming_event_area .run_event .official_event .event_content p {
    font: 400 16px/32px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-top: 15px;
    padding-bottom: 10px;
}

.uea_2 {
    padding-top: 145px;
}

.uea_3 .run_event .official_event {
    margin-bottom: 3px;
}

.uea_3 .run_event .official_event .event_content {
    position: relative;
    padding-right: 105px;
}

.uea_3 .run_event .official_event .event_content .more_event {
    background: #ececec;
    color: #8c8b8b;
    position: absolute;
    top: 0;
    font-size: 20px;
    bottom: 0;
    right: 0;
    width: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #f7f7f7;
}

.uea_3 .run_event .official_event .event_content .more_event:hover,
.uea_3 .run_event .official_event .event_content .more_event:focus {
    background: #06218A;
    color: #fff;
}

.uea_3 .run_event .official_event .p-r-0 {
    padding-right: 0;
    padding-top: 25px;
}

/* End upcoming_event_area */
/*============= Event_pages =============*/
.event_pages {
    padding-bottom: 70px;
}

.event_pages .pagination_area {
    padding-top: 25px;
}

.event_media {
    margin-bottom: 30px;
}

.event_media .event_img {
    display: block;
    overflow: hidden;
}

.event_media .event_img img {
    max-width: 100%;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.event_media:hover img,
.event_media:focus img {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    -ms-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}

.event_media .media-body {
    background: #f5f5f5;
    padding: 30px 20px 30px 40px;
}

.event_media .media-body h3 {
    font: 400 18px/1 "Open Sans", sans-serif;
    color: #312f2f;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.event_media .media-body h3 b {
    font: 600 34px/66px "Open Sans", sans-serif;
    color: #fff;
    width: 68px;
    text-align: center;
    background: #06218A;
    display: inline-block;
    margin-right: 20px;
}

.event_media .media-body h3 .theme_btn {
    line-height: 40px;
    font-size: 15px;
    min-width: 140px;
    border-radius: 15px;
    margin-left: 33px;
    font-family: "Open Sans", sans-serif;
    background: #b9b9b9;
}

.event_media .media-body h3 .theme_btn:after {
    background: #06218A;
}

.event_media .media-body h3 .theme_btn:before {
    background: rgba(255, 179, 7, 0.5);
}

.event_media .media-body .event_heding {
    font: 500 24px/36px "Poppins", sans-serif;
    color: #312f2f;
    display: block;
    padding-top: 35px;
}

.event_media .media-body .event_heding:hover,
.event_media .media-body .event_heding:focus {
    color: #06218A;
}

.event_media .media-body p {
    line-height: 32px;
    padding: 23px 0 20px;
}

.event_media .media-body h6 {
    font: 400 15px/22px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    position: relative;
    padding-left: 27px;
}

.event_media .media-body h6 i {
    font-size: 15px;
    padding-right: 10px;
    color: #06218A;
    position: absolute;
    left: 0;
    top: 5px;
}

.ea_v2 {
    padding-bottom: 20px;
}

.ea_v2 .pagination_area {
    padding-top: 60px;
}

.event_details .donations_details .datails_timar {
    max-width: 645px;
    margin: 0 auto;
    position: relative;
}

.event_details .donations_details .datails_timar .timer {
    padding-top: 0;
    margin-top: 55px;
    display: block;
}

.event_details .donations_details .datails_timar .book_now {
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid #06218A;
    line-height: 45px;
    font-size: 16px;
    min-width: 145px;
    color: #06218A;
    position: absolute;
    right: 0;
    top: 7px;
}

.event_details .donations_details .datails_timar .book_now:after {
    background: #06218A;
}

.event_details .donations_details .datails_timar .book_now:before {
    background: rgba(255, 179, 7, 0.5);
}

.event_details .donations_details .datails_timar .book_now:hover,
.event_details .donations_details .datails_timar .book_now:focus {
    color: #fff;
}

.event_details .donations_details .datails_timar .event_date {
    padding-bottom: 45px;
}

.event_details .donations_details .datails_timar .event_date li {
    display: inline-block;
    padding-right: 30px;
    font: 400 16px/32px "Open Sans", sans-serif;
    color: #848383;
    padding-bottom: 20px;
}

.event_details .donations_details .datails_timar .event_date li i {
    color: #06218A;
    padding-right: 10px;
    font-size: 18px;
}

.event_details .donations_details .datails_timar .event_date li.money {
    padding-right: 0;
    float: right;
}

.event_details .donations_details .datails_timar .event_date li .theme_btn {
    min-width: 226px;
    padding: 0;
    margin-left: 15px;
    position: relative;
    top: 20px;
}

/*----------------------------------------------------*/
/* latest_news_area */
.latest_news_area {
    display: block;
    overflow: hidden;
    padding-top: 15px;
}

.latest_news_area .c-f {
    padding: 0 175px;
    max-width: 100%;
}

.latest_news_area .c-f h2 {
    text-align: center;
    display: block;
    font: 500 40px/60px "Poppins", sans-serif;
    color: #171616;
    padding-bottom: 65px;
}

.latest_news_area .news_items {
    margin-bottom: 30px;
}

.latest_news_area .news_items .news_ing {
    display: block;
    overflow: hidden;
    padding: 0;
}

.latest_news_area .news_items .news_ing img {
    -webkit-transition: all 500ms linear 0s;
    transition: all 500ms linear 0s;
    max-width: 100%;
}

.latest_news_area .news_items a {
    font: 500 20px/34px "Poppins", sans-serif;
    color: #171616;
    display: block;
    padding-top: 50px;
}

.latest_news_area .news_items h6 {
    font: 400 15px "Open Sans", sans-serif;
    color: #06218A;
    padding-top: 35px;
}

.latest_news_area .news_items h6 i {
    font-size: 20px;
    padding-right: 10px;
}

.latest_news_area .news_items:hover a,
.latest_news_area .news_items:focus a {
    color: #06218A;
}

.latest_news_area .news_items:hover .news_ing img,
.latest_news_area .news_items:focus .news_ing img {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    -ms-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}

.lna_2 {
    padding-bottom: 105px;
}

.lna_3 {
    padding: 65px 0 105px;
}

/* End latest_news_area */
/* ======= Blog ======== */
/* blog_list */
.blog_list {
    padding-top: 135px;
    padding-bottom: 20px;
}

.blog_list .blog_items {
    margin-bottom: 60px;
}

.blog_list .blog_items .blog_img {
    position: relative;
    display: block;
    overflow: hidden;
}

.blog_list .blog_items .blog_img img {
    max-width: 100%;
    -webkit-transition: all 500ms linear 0s;
    transition: all 500ms linear 0s;
}

.blog_list .blog_items .blog_img span {
    position: absolute;
    left: 0;
    top: 20px;
    background: #06218A;
    color: #fff;
    font: 500 18px/52px "Poppins", sans-serif;
    display: inline-block;
    padding: 0 25px 0 15px;
    border-radius: 0 30px 30px 0;
}

.blog_list .blog_items:hover .blog_img img,
.blog_list .blog_items:focus .blog_img img {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    -ms-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}

.blog_list .blog_items .admin_details {
    display: block;
    background: #f7f7f7;
    margin-top: 25px;
    overflow: hidden;
}

.blog_list .blog_items .admin_details .like_comment {
    display: inline-block;
    float: left;
}

.blog_list .blog_items .admin_details .like_comment li {
    display: inline-block;
    font: 400 16px/58px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 20px;
}

.blog_list .blog_items .admin_details .like_comment li:first-child {
    padding-left: 37px;
}

.blog_list .blog_items .admin_details .like_comment li a {
    color: rgba(0, 0, 0, 0.6);
}

.blog_list .blog_items .admin_details .like_comment li a:hover,
.blog_list .blog_items .admin_details .like_comment li a:focus {
    color: #06218A;
}

.blog_list .blog_items .admin_details .share_blog {
    display: inline-block;
    float: right;
}

.blog_list .blog_items .admin_details .share_blog li a {
    line-height: 58px;
    color: #fff;
    background: #06218A;
    font-size: 22px;
    display: block;
    width: 58px;
    text-align: center;
    position: relative;
    z-index: 9999;
}

.blog_list .blog_items .admin_details .share_blog li a:after {
    display: none;
}

.blog_list .blog_items .admin_details .share_blog li .dropdown-menu {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    min-width: 247px;
    border: 0;
    border-radius: 0;
    padding: 0;
    display: block;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.blog_list .blog_items .admin_details .share_blog li .dropdown-menu li {
    display: inline-block;
}

.blog_list .blog_items .admin_details .share_blog li .dropdown-menu li a:hover,
.blog_list .blog_items .admin_details .share_blog li .dropdown-menu li a:focus {
    background: #171616;
    color: #fff;
}

.blog_list .blog_items .admin_details .share_blog li:hover .dropdown-menu,
.blog_list .blog_items .admin_details .share_blog li:hover .show,
.blog_list .blog_items .admin_details .share_blog li:focus .dropdown-menu,
.blog_list .blog_items .admin_details .share_blog li:focus .show {
    left: -248px !important;
}

.blog_list .blog_items .blog-heading {
    display: block;
    font: 500 35px/45px "Poppins", sans-serif;
    color: #171616;
    padding: 40px 0 30px;
}

.blog_list .blog_items .blog-heading:hover,
.blog_list .blog_items .blog-heading:focus {
    color: #06218A;
}

.blog_list .blog_items p {
    line-height: 36px;
}

.blog_list .blog_items .ad_2 {
    background-color: transparent;
    padding: 35px 0 0;
}

.blog_list .blog_items .ad_2 h4 {
    font: 500 22px/58px "Poppins", sans-serif;
    color: #06218A;
    display: inline-block;
    float: left;
}

.blog_list .blog_items .ad_2 .like_comment {
    float: right;
    padding-right: 25px;
}

.blog_list .blog_items .ad_2 .like_comment li {
    padding: 0;
    padding-right: 10px;
}

.blog_list .blog_details {
    margin-bottom: 15px;
}

.blog_list .blog_details p {
    padding-bottom: 30px;
}

.blog_list .blog_details .bg1,
.blog_list .blog_details .bg2,
.blog_list .blog_details .bg3 {
    background: #ffd59c;
    padding: 0;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.902);
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    margin-top: 40px;
}

.blog_list .blog_details .bg2,
.blog_list .blog_details .bg3 {
    background: #f4dffe;
    margin: 0;
    margin-bottom: 10px;
}

.blog_list .blog_details .bg3 {
    background: #e0f7d9;
    display: inline-block;
    margin-bottom: 45px;
}

.blog_list .tag_area {
    display: inline-block;
    float: left;
}

.blog_list .tag_area li {
    font: 500 18px/36px "Poppins", sans-serif;
    color: #000;
    display: inline-block;
}

.blog_list .tag_area li:first-child {
    padding-right: 10px;
}

.blog_list .tag_area li a {
    color: #000;
}

.blog_list .tag_area li a:hover,
.blog_list .tag_area li a:focus {
    color: #06218A;
}

.blog_list .share_square {
    text-align: right;
}

.blog_list .share_square li {
    display: inline-block;
    padding-left: 27px;
}

.blog_list .share_square li a {
    font-size: 24px;
    color: #a6a6a6;
}

.blog_list .share_square li a:hover,
.blog_list .share_square li a:focus {
    color: #06218A;
}

.blog_list .looking {
    padding-top: 100px;
}

.blog_list .looking .looking_text {
    padding-right: 35px;
}

.blog_list .looking .looking_text a {
    display: block;
    border: 1px solid #f1f0f0;
    font: 500 20px/36px "Poppins", sans-serif;
    color: #06218A;
    text-align: center;
    padding: 25px;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.blog_list .looking .looking_text a:hover,
.blog_list .looking .looking_text a:focus,
.blog_list .looking .looking_text a.active {
    color: #fff;
    background: #06218A;
    border-color: #06218A;
}

.blog_list .looking .lt_2 {
    padding-right: 15px;
    padding-left: 35px;
}

.blog_list .blog_comment {
    display: block;
    overflow: hidden;
    padding-top: 120px;
}

.blog_list .blog_comment .media {
    margin-bottom: 70px;
}

.blog_list .blog_comment .media img {
    height: 81px;
    width: 81px;
}

.blog_list .blog_comment .media .media-body {
    padding-left: 70px;
}

.blog_list .blog_comment .media .media-body a {
    font: 500 18px/1 "Poppins", sans-serif;
    color: #171616;
    display: block;
}

.blog_list .blog_comment .media .media-body a:hover,
.blog_list .blog_comment .media .media-body a:focus {
    color: #06218A;
}

.blog_list .blog_comment .media .media-body h6 {
    font: 400 15px/1 "Open Sans", sans-serif;
    color: #939393;
    display: inline-block;
    padding-top: 15px;
}

.blog_list .blog_comment .media .media-body h6 a {
    display: inline-block;
    font: 500 16px/1 "Poppins", sans-serif;
    padding-left: 65px;
    color: #b4b4b4;
}

.blog_list .blog_comment .media .media-body p {
    padding-top: 35px;
}

.blog_list .leave_comment {
    padding-top: 50px;
}

.blog_list .leave_comment h2 {
    font: 500 20px/32px "Poppins", sans-serif;
    color: #171616;
}

.blog_list .leave_comment .comment_from .form-group {
    padding: 0 15px;
    margin-bottom: 35px;
}

.blog_list .leave_comment .comment_from .form-group .form-control {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
    font-size: 16px;
    color: #b4b4b4;
    padding-bottom: 5px;
}

.blog_list .leave_comment .comment_from .form-group .form-control.placeholder {
    color: #b4b4b4;
}

.blog_list .leave_comment .comment_from .form-group .form-control:-moz-placeholder {
    color: #b4b4b4;
}

.blog_list .leave_comment .comment_from .form-group .form-control::-moz-placeholder {
    color: #b4b4b4;
}

.blog_list .leave_comment .comment_from .form-group .form-control::-webkit-input-placeholder {
    color: #b4b4b4;
}

.blog_list .leave_comment .comment_from .form-group .form-control:focus {
    border-color: #06218A;
}

.blog_list .leave_comment .comment_from .form-group .form-control:focus.placeholder {
    color: transparent;
}

.blog_list .leave_comment .comment_from .form-group .form-control:focus:-moz-placeholder {
    color: transparent;
}

.blog_list .leave_comment .comment_from .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
}

.blog_list .leave_comment .comment_from .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

.blog_list .leave_comment .comment_from .form-group .comment_box {
    height: 145px;
}

.blog_list .leave_comment .comment_from .form-group .comment_box.placeholder {
    padding-top: 90px;
}

.blog_list .leave_comment .comment_from .form-group .comment_box:-moz-placeholder {
    padding-top: 90px;
}

.blog_list .leave_comment .comment_from .form-group .comment_box::-moz-placeholder {
    padding-top: 90px;
}

.blog_list .leave_comment .comment_from .form-group .comment_box::-webkit-input-placeholder {
    padding-top: 90px;
}

.blog_list .leave_comment .comment_from .form-group .theme_btn {
    border-radius: 0;
    line-height: 55px;
    min-width: 200px;
    font-size: 16px;
    margin-top: 40px;
}

/* End blog_list */
/*----------------------------------------------------*/
/* We believe water */
.believe_water_area {
    display: block;
    overflow: hidden;
    padding-top: 30px;
}

.believe_water_area .believe_water {
    padding-right: 48px;
}

.believe_water_area .believe_water h4 {
    font: 400 26px/40px "Poppins", sans-serif;
    color: #171616;
    padding-top: 20px;
}

.believe_water_area .believe_water p {
    font: 400 16px/36px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-top: 5px;
}

.believe_water_area .believe_water .theme_btn {
    width: 234px;
    line-height: 60px;
    display: block;
    font-size: 16px;
    margin-top: 70px;
}

.believe_water_area .believe_img {
    text-align: right;
    padding-top: 0px;
    margin-left: 10px;
    z-index: 1;
    position: relative;
}

/* .believe_water_area .believe_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    bottom: 33px;
    display: block;
    background: #f8d19d;
    z-index: -1;
} */

.believe_water_area .believe_img img {
    max-width: 100%;
}

.believe_water_area .volunteer {
    padding-top: 40px;
}

.believe_water_area .volunteer img {
    max-width: 100%;
}

.believe_water_area .volunteer .theme_btn {
    margin: 0 auto;
    width: 234px;
    line-height: 60px;
    display: block;
    font-size: 16px;
    margin-top: 70px;
}

/* End We believe water */
/* WAYS TO VOLUNTEER */
.ways_volunteer_area {
    display: block;
    overflow: hidden;
    padding-top: 150px;
}

.ways_volunteer_area h6 {
    font: 600 16px/36px "Poppins", sans-serif;
    color: #000000;
}

.ways_volunteer_area h2 {
    font: 600 38px/50px "Poppins", sans-serif;
    color: #171616;
    padding-top: 30px;
}

.ways_volunteer_area .volunteering_row {
    padding-top: 60px;
}

@media (max-width: 1366px) {
    .ways_volunteer_area .volunteering_row img {
        max-width: 100%;
    }
}

.ways_volunteer_area .volunteering_row .volunteering_giving {
    padding-left: 64px;
}

.ways_volunteer_area .volunteering_row .volunteering_giving p {
    font: 400 16px/30px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-bottom: 30px;
}

.ways_volunteer_area .volunteering_row .volunteering_giving .meet_people li {
    font: 400 16px/40px "Open Sans", sans-serif;
}

.ways_volunteer_area .volunteering_row .volunteering_giving .meet_people li i {
    font-size: 14px;
    color: #06218A;
    padding-right: 15px;
}

.ways_volunteer_area .volunteering_row .meet_people_2 {
    padding-top: 50px;
    padding-right: 0;
}

.ways_volunteer_area .volunteering_row .meet_people_2 li {
    font: 400 16px/40px "Open Sans", sans-serif;
}

.ways_volunteer_area .volunteering_row .meet_people_2 li i {
    font-size: 14px;
    color: #06218A;
    padding-right: 15px;
}

.ways_volunteer_area .volunteering_row .volunteer-hands {
    padding-top: 30px;
    text-align: right;
}

.ways_volunteer_area .volunteering_row .volunteer-hands img {
    max-width: 100%;
}

/* End WAYS TO VOLUNTEER */
/*----------------------------------------------------*/
/* mission_area */
.mission_area {
    display: block;
    overflow: hidden;
    padding: 90px 0;
}

.mission_area .mission_tab {
    float: left;
    display: inline-block;
    max-width: 1148px;
}

.mission_area .mission_tab .tab_nav li {
    padding: 0 20px;
}

.mission_area .mission_tab .tab_nav li:first-child {
    padding-left: 0;
}

.mission_area .mission_tab .tab_nav li a {
    font: 500 20px/40px "Poppins", sans-serif;
    color: #171616;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    border-bottom: 3px solid #e9e9e9;
}

.mission_area .mission_tab .tab_nav li a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    width: 0;
    border-bottom: 3px solid #06218A;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.mission_area .mission_tab .tab_nav li a:hover:after,
.mission_area .mission_tab .tab_nav li a:focus:after,
.mission_area .mission_tab .tab_nav li a.active:after {
    width: 100%;
}

.mission_area .mission_tab .tab-content .tab-pane p {
    font: 400 16px/36px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-top: 50px;
}

.mission_area .mission_impact {
    background: #f3f3f3;
    padding: 30px;
    overflow: hidden;
    width: 328px;
}

.mission_area .mission_impact h4 {
    font: 500 18px/36px "Poppins", sans-serif;
    color: #171616;
}

.mission_area .mission_impact p {
    font: 400 16px/34px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding: 20px 0;
}

.mission_area .mission_impact a {
    font: 600 16px/1 "Open Sans", sans-serif;
    color: #06218A;
}

.mission_area .mission_impact a i {
    padding-left: 10px;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    font-size: 12px;
    position: relative;
    bottom: 2px;
}

.mission_area .mission_impact a:hover,
.mission_area .mission_impact a:focus {
    color: #171616;
}

.mission_area .mission_impact a:hover i,
.mission_area .mission_impact a:focus i {
    padding-left: 16px;
}

/* End mission_area */
/*----------------------------------------------------*/
/* grid_gallery_area */
.grid_gallery_area {
    overflow: hidden;
    padding-top: 135px;
    padding-bottom: 70px;
}

.grid_gallery_area .grid_gallery_inner {
    /* gallery_filter */
    /* grid_gallery_item_inner */
}

.grid_gallery_area .grid_gallery_inner .gallery_filter {
    text-align: center;
    padding-bottom: 77px;
}

.grid_gallery_area .grid_gallery_inner .gallery_filter li {
    display: inline-block;
    padding-left: 7px;
}

.grid_gallery_area .grid_gallery_inner .gallery_filter li:first-child {
    padding: 0;
}

.grid_gallery_area .grid_gallery_inner .gallery_filter li a {
    font: 500 16px/45px "Poppins", sans-serif;
    min-width: 172px;
    background: #e7e7e6;
    color: #717171;
    border-radius: 10px;
}

.grid_gallery_area .grid_gallery_inner .gallery_filter li a:after {
    background: #06218A;
}

.grid_gallery_area .grid_gallery_inner .gallery_filter li a:before {
    background: rgba(255, 179, 7, 0.5);
}

.grid_gallery_area .grid_gallery_inner .gallery_filter li a:hover,
.grid_gallery_area .grid_gallery_inner .gallery_filter li a:focus {
    color: #fff;
}

.grid_gallery_area .grid_gallery_inner .gallery_filter li.active a {
    background: #06218A;
    color: #fff;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item img {
    max-width: 100%;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover {
    position: absolute;
    left: 200%;
    right: 0;
    top: 200%;
    bottom: 0;
    display: block;
    background-color: rgba(255, 149, 7, 0.82);
    -webkit-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    cursor: pointer;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link {
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    text-align: center;
    display: block;
    padding-top: 188px;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link a {
    line-height: 55px;
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 50%;
    color: #06218A;
    display: inline-block;
    text-align: center;
    margin: 0 8px;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link a i:before {
    font-size: 24px;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link a:hover,
.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link a:focus {
    background: #f69f00;
    color: #fff;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link .light i {
    position: relative;
    top: 2px;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .cr_header {
    font: 500 20px/36px "Poppins", sans-serif;
    color: #fff;
    text-align: center;
    display: block;
    padding-top: 40px;
}

.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item:hover .gallery_hover,
.grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item:focus .gallery_hover {
    left: 10px;
    top: 10px;
}

.grid_gallery_area .pagination_area {
    margin: 60px 0 0;
}

/*----------------------------------------------------*/
/**=== program_details ===*/
.program_details {
    display: block;
    overflow: hidden;
    padding: 90px 0 60px;
}

.program_details h2 {
    font: 600 38px/50px "Poppins", sans-serif;
    color: #06218A;
    text-transform: uppercase;
}

/**=== End program_details ===*/

/* Contact Us Area */
.contact_area {
    display: block;
    overflow: hidden;
    padding-top: 130px;
}

.contact_area .contact_tittle {
    padding-bottom: 60px;
}

.contact_area .contact_tittle h2 {
    font: 500 34px/36px "Poppins", sans-serif;
    color: #171616;
}

.contact_area .contact_tittle p {
    font: 400 16px/30px "Open Sans", sans-serif;
    color: #06218A;
    padding-top: 50px;
}

.contact_area .contact_inner .from_main .form-group {
    margin-bottom: 30px;
}

.contact_area .contact_inner .from_main .form-group .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 0;
    font: 400 16px/50px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    height: auto;
    padding: 0 30px;
    resize: none;
    background: #f6f6f6;
}

.contact_area .contact_inner .from_main .form-group .form-control.placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.contact_area .contact_inner .from_main .form-group .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.contact_area .contact_inner .from_main .form-group .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.contact_area .contact_inner .from_main .form-group .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.contact_area .contact_inner .from_main .form-group .form-control:focus {
    border-color: #06218A;
}

.contact_area .contact_inner .from_main .form-group .form-control:focus.placeholder {
    color: transparent;
}

.contact_area .contact_inner .from_main .form-group .form-control:focus:-moz-placeholder {
    color: transparent;
}

.contact_area .contact_inner .from_main .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
}

.contact_area .contact_inner .from_main .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

.contact_area .contact_inner .from_main .form-group textarea {
    line-height: 30px !important;
    height: 240px !important;
    padding-top: 27px !important;
}

.contact_area .contact_inner .from_main .form-group .theme_btn {
    border-radius: 10px;
    padding: 0;
    margin-top: 20px;
    font-size: 16px;
    border: 0;
    display: block;
    min-width: 100%;
}

.contact_area .contact_inner .from_main .form-group.has-error .form-control {
    border: 1px solid red;
}

/* End Contact Us Area */
/* office_location_area Area */
.office_location_area {
    display: block;
    overflow: hidden;
    padding-top: 95px;
}

.office_location_area .office_location_row .location {
    background: #f6f6f6;
    border-radius: 10px;
    text-align: center;
    padding: 40px;
    position: relative;
    z-index: 1;
}

.office_location_area .office_location_row .location:after {
    content: "\f10b";
    font-size: 150px;
    color: #e7e7e7;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -27px;
    font-family: "Flaticon";
    z-index: -1;
}

.office_location_area .office_location_row .location.Number:after {
    content: "\f105";
    bottom: -2px;
    font-size: 130px;
}

.office_location_area .office_location_row .location.Contact:after {
    content: "\f106";
    font-size: 170px;
}

.office_location_area .office_location_row .location h4 {
    font: 500 20px/1 "Poppins", sans-serif;
    color: #06218A;
    padding-bottom: 45px;
}

.office_location_area .office_location_row .location address,
.office_location_area .office_location_row .location h6 {
    font: 400 16px/36px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-bottom: 20px;
    margin: 0;
}

.office_location_area .facebook_btn {
    padding-top: 65px;
}

.office_location_area .facebook_btn a {
    font: 400 18px/64px "Open Sans", sans-serif;
    text-align: center;
    display: block;
    border-radius: 10px;
    background: #f6f6f6;
    color: #717171;
    margin-bottom: 30px;
}

.office_location_area .facebook_btn a:hover,
.office_location_area .facebook_btn a:focus {
    background: #55acee;
    color: #fff;
}

.office_location_area .facebook_btn a.facebook:hover,
.office_location_area .facebook_btn a.facebook:focus {
    background: #526FA3;
    color: #fff;
}

.office_location_area .facebook_btn a.google:hover,
.office_location_area .facebook_btn a.google:focus {
    background: #D14C2D;
    color: #fff;
}

.office_location_area .facebook_btn a.linkdin:hover,
.office_location_area .facebook_btn a.linkdin:focus {
    background: #007bb6;
    color: #fff;
}

.office_location_area .facebook_btn a.pinterest:hover,
.office_location_area .facebook_btn a.pinterest:focus {
    background: #BD081C;
    color: #fff;
}

.office_location_area .facebook_btn a.instagram:hover,
.office_location_area .facebook_btn a.instagram:focus {
    background: #e4405f;
    color: #fff;
}

.map_area {
    display: block;
    overflow: hidden;
    margin-top: 120px;
}

.map_area .mapBox {
    width: 100%;
    height: 560px;
}

/* End office_location_area Area */
/* Log in Area */
.login_area {
    display: block;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 80px;
}

.login_area .login_inner {
    max-width: 630px;
    margin: 0 auto;
}

.login_area .login_inner .login_from .form-group {
    margin-bottom: 50px;
}

.login_area .login_inner .login_from .form-group label {
    font: 400 16px/1 "Open Sans", sans-serif;
    color: #171616;
    margin-bottom: 40px;
}

.login_area .login_inner .login_from .form-group .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 1px solid #e8e7e7;
    font: 400 16px/63px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 0;
    height: auto;
    padding: 0 30px;
    resize: none;
}

.login_area .login_inner .login_from .form-group .form-control.placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.login_area .login_inner .login_from .form-group .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.login_area .login_inner .login_from .form-group .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.login_area .login_inner .login_from .form-group .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
}

.login_area .login_inner .login_from .form-group .form-control:focus {
    border-bottom-color: #06218A;
}

.login_area .login_inner .login_from .form-group .form-control:focus.placeholder {
    color: transparent;
}

.login_area .login_inner .login_from .form-group .form-control:focus:-moz-placeholder {
    color: transparent;
}

.login_area .login_inner .login_from .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
}

.login_area .login_inner .login_from .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

.login_area .login_inner .login_from .form-group .theme_btn {
    border-radius: 0px;
    padding: 0;
    margin-top: 20px;
    font-size: 20px;
    line-height: 65px;
    border: 0;
    display: block;
    min-width: 100%;
    text-transform: uppercase;
}

.login_area .login_inner .login_from .custom-checkbox {
    margin: 0;
    margin-bottom: 48px;
}

.login_area .login_inner .login_from .custom-checkbox .custom-control-label {
    font: 400 15px/38px "Open Sans", sans-serif;
    color: #010101;
    padding-left: 45px;
    cursor: pointer;
}

.login_area .login_inner .login_from .custom-checkbox .custom-control-label a {
    color: #06218A;
}

.login_area .login_inner .login_from .custom-checkbox .custom-control-label:before {
    border-radius: 0;
    height: 32px;
    width: 32px;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(147, 147, 147, 0.75);
    box-shadow: 0px 0px 7px 0px rgba(147, 147, 147, 0.75);
}

.login_area .login_inner .login_from .custom-checkbox .custom-control-label:after {
    height: 32px;
    width: 32px;
}

.login_area .login_inner .login_from .larg_btn p {
    text-align: center;
    font: 400 15px/36px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-top: 50px;
}

.login_area .login_inner .login_from .larg_btn p a {
    color: #06218A;
}

.login_area .login_inner .login_from .larg_btn p a:hover {
    color: #171616;
}

/* End Log in Area */
/*----------------------------------------------------*/
/* Faq_area */
.faq_area {
    display: block;
    overflow: hidden;
    padding-top: 110px;
    padding-bottom: 100px;
}

.faq_area h2 {
    font: 500 24px/39px "Poppins", sans-serif;
    color: #171616;
}

.faq_area h4 {
    font: 400 18px/36px "Open Sans", sans-serif;
    color: #171616;
    padding-top: 25px;
    padding-bottom: 90px;
}

.faq_area .faq_accordion .item a {
    font: 400 16px/48px "Open Sans", sans-serif;
    color: #171616;
    display: block;
    padding: 0 28px;
    border: 1px solid #eeeaea;
    margin-bottom: 33px;
    position: relative;
}

.faq_area .faq_accordion .item a:after {
    content: "\f0aa";
    font: normal normal normal 18px/48px FontAwesome;
    color: #fd580b;
    position: absolute;
    right: 25px;
    top: 0;
}

.faq_area .faq_accordion .item a.collapsed:after {
    color: #615b5b;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq_area .faq_accordion .item p {
    font: 400 16px/36px "Open Sans", sans-serif;
    color: rgba(0, 0, 0, 0.702);
    padding-bottom: 50px;
    padding-top: 10px;
}

.faq_area .faq_accordion .item .plp {
    padding-right: 80px;
}

/* End faq_area */
/*----------------------------------------------------*/
/* shop_with_sidebar */
.shop_with_sidebar {
    display: block;
    overflow: hidden;
    padding-top: 165px;
    padding-bottom: 115px;
}

.shop_with_sidebar .shop_left_sidebar .shop_items {
    text-align: center;
    margin-bottom: 30px;
}

.shop_with_sidebar .shop_left_sidebar .shop_items .shop_img {
    display: block;
    overflow: hidden;
}

.shop_with_sidebar .shop_left_sidebar .shop_items .shop_img img {
    max-width: 100%;
    -webkit-transition: all 500ms linear 0s;
    transition: all 500ms linear 0s;
}

.shop_with_sidebar .shop_left_sidebar .shop_items:hover .shop_img img,
.shop_with_sidebar .shop_left_sidebar .shop_items:focus .shop_img img {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    -ms-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}

.shop_with_sidebar .shop_left_sidebar .shop_items:hover .shop_text .s_heding,
.shop_with_sidebar .shop_left_sidebar .shop_items:focus .shop_text .s_heding {
    color: #06218A;
}

.shop_with_sidebar .shop_left_sidebar .shop_items .shop_text {
    border: 1px solid #f0f0f3;
    display: block;
    overflow: hidden;
    padding-bottom: 30px;
}

.shop_with_sidebar .shop_left_sidebar .shop_items .shop_text .s_heding {
    display: block;
    font: 500 18px/50px "Poppins", sans-serif;
    color: #242222;
    padding-top: 10px;
}

.shop_with_sidebar .shop_left_sidebar .shop_items .shop_text h4 {
    font: 500 18px/1 "Poppins", sans-serif;
    color: #242222;
    padding-bottom: 15px;
}

.shop_with_sidebar .shop_left_sidebar .shop_items .shop_text .theme_btn {
    background: #cecece;
    text-transform: uppercase;
    font: 600 15px/40px "Open Sans", sans-serif;
    min-width: 130px;
    border-radius: 0;
}

.shop_with_sidebar .shop_left_sidebar .shop_items .shop_text .theme_btn:after {
    background: #06218A;
}

.shop_with_sidebar .shop_left_sidebar .shop_items .shop_text .theme_btn:before {
    background: rgba(255, 179, 7, 0.5);
}

.shop_with_sidebar .shop_left_sidebar .pagination_area {
    margin-top: 20px;
}

.shop_with_sidebar .shop_left_sidebar .r_heding {
    position: relative;
    font: 500 22px/50px "Poppins", sans-serif;
    color: #242222;
    margin-bottom: 50px;
}

.shop_with_sidebar .shop_left_sidebar .r_heding:after {
    content: "";
    position: absolute;
    width: 85px;
    height: 2px;
    background: #06218A;
    left: 0;
    bottom: 0;
}

.shop_with_sidebar .shop_left_sidebar .min_img img {
    max-width: 100%;
}

.shop_with_sidebar .shop_left_sidebar .product_details {
    padding: 0;
    margin-left: -10px;
}

.shop_with_sidebar .shop_left_sidebar .product_details h2 {
    font: 500 30px/50px "Poppins", sans-serif;
    color: #242222;
    margin-top: -5px;
    padding-bottom: 20px;
}

.shop_with_sidebar .shop_left_sidebar .product_details h1 {
    font: 500 32px/50px "Poppins", sans-serif;
    color: #06218A;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop_with_sidebar .shop_left_sidebar .product_details h1 span {
    color: rgba(0, 0, 0, 0.702);
    font-size: 24px;
    text-decoration: line-through;
    padding: 0 35px;
}

.shop_with_sidebar .shop_left_sidebar .product_details h1 small {
    font: 400 14px "Open Sans", sans-serif;
}

.shop_with_sidebar .shop_left_sidebar .product_details h4 {
    font: 400 16px/32px "Open Sans", sans-serif;
    color: #242222;
    padding-top: 7px;
}

.shop_with_sidebar .shop_left_sidebar .product_details .rating {
    padding-top: 15px;
    padding-bottom: 35px;
}

.shop_with_sidebar .shop_left_sidebar .product_details .rating li a {
    font-size: 16px;
    color: #f86227;
}

.shop_with_sidebar .shop_left_sidebar .product_details .value-section {
    padding-top: 45px;
}

.shop_with_sidebar .shop_left_sidebar .product_details .value-section li {
    display: inline-block;
    font: 400 18px/40px "Open Sans", sans-serif;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.shop_with_sidebar .shop_left_sidebar .product_details .value-section li:last-child {
    margin: 0;
}

.shop_with_sidebar .shop_left_sidebar .product_details .value-section li button {
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #fff;
    font-size: 18px;
    background-color: #06218A;
    cursor: pointer;
    min-width: 37px;
}

.shop_with_sidebar .shop_left_sidebar .product_details .value-section li#product-value {
    background: #eeeded;
    width: 70px;
    color: rgba(0, 0, 0, 0.702);
}

.shop_with_sidebar .shop_left_sidebar .product_details .value-section li .theme_btn {
    min-width: 130px;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    font-weight: 600;
    margin-left: 37px;
    position: relative;
    top: 13px;
}

.shop_with_sidebar .shop_left_sidebar .review-tab {
    padding: 80px 15px;
}

.shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs {
    margin: 0;
    border: 0;
}

.shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs li a {
    border-radius: 0;
    margin-right: 4px;
    line-height: 60px;
    font-size: 20px;
    padding: 0 65px;
    background: #eeeded;
    color: #242222;
}

.shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs li a:after {
    background: #06218A;
}

.shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs li a:before {
    background: rgba(255, 179, 7, 0.5);
}

.shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs li a:hover,
.shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs li a:focus,
.shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs li a.active {
    color: #fff;
    background: #06218A;
}

.shop_with_sidebar .shop_left_sidebar .review-tab .tab-content {
    padding-top: 5px;
}

.shop_with_sidebar .shop_left_sidebar .review-tab .tab-content p {
    line-height: 35px;
    padding-top: 25px;
}

.shop_with_sidebar .shop_right_sidebar .input-group input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eeeeee;
    font: 400 15px/45px "Open Sans", sans-serif;
    color: #b6b6b6;
    border-radius: 0;
    padding: 0 20px;
    padding-right: 0;
}

.shop_with_sidebar .shop_right_sidebar .input-group input.placeholder {
    color: #a7a4a4;
}

.shop_with_sidebar .shop_right_sidebar .input-group input:-moz-placeholder {
    color: #a7a4a4;
}

.shop_with_sidebar .shop_right_sidebar .input-group input::-moz-placeholder {
    color: #a7a4a4;
}

.shop_with_sidebar .shop_right_sidebar .input-group input::-webkit-input-placeholder {
    color: #a7a4a4;
}

.shop_with_sidebar .shop_right_sidebar .input-group input:focus.placeholder {
    color: transparent;
}

.shop_with_sidebar .shop_right_sidebar .input-group input:focus:-moz-placeholder {
    color: transparent;
}

.shop_with_sidebar .shop_right_sidebar .input-group input:focus::-moz-placeholder {
    color: transparent;
}

.shop_with_sidebar .shop_right_sidebar .input-group input:focus::-webkit-input-placeholder {
    color: transparent;
}

.shop_with_sidebar .shop_right_sidebar .input-group .input-group-append {
    border: 0;
    cursor: pointer;
}

.shop_with_sidebar .shop_right_sidebar .input-group .input-group-append span {
    border: 0;
    padding: 0 20px;
    border-radius: 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    min-width: 100px;
}

.shop_with_sidebar .shop_right_sidebar .input-group .input-group-append span:hover,
.shop_with_sidebar .shop_right_sidebar .input-group .input-group-append span:focus {
    background: #06218A;
    color: #fff;
}

.shop_with_sidebar .shop_right_sidebar .s_widget {
    padding-top: 45px;
}

.shop_with_sidebar .shop_right_sidebar .s_widget h4 {
    position: relative;
    font: 500 24px/50px "Poppins", sans-serif;
    color: #242222;
}

.shop_with_sidebar .shop_right_sidebar .s_widget h4:after {
    content: "";
    position: absolute;
    width: 85px;
    height: 2px;
    background: #06218A;
    left: 0;
    bottom: 0;
}

.shop_with_sidebar .shop_right_sidebar .s_widget .categories {
    padding-top: 30px;
}

.shop_with_sidebar .shop_right_sidebar .s_widget .categories li a {
    font: 400 17px/40px "Open Sans", sans-serif;
    color: #9f9e9e;
}

.shop_with_sidebar .shop_right_sidebar .s_widget .categories li a:hover,
.shop_with_sidebar .shop_right_sidebar .s_widget .categories li a:focus {
    color: #06218A;
}

.shop_with_sidebar .shop_right_sidebar .popular_products {
    padding-top: 20px;
}

.shop_with_sidebar .shop_right_sidebar .popular_products .media_fast {
    padding-top: 10px;
}

.shop_with_sidebar .shop_right_sidebar .popular_products .media {
    margin-top: 30px;
}

.shop_with_sidebar .shop_right_sidebar .popular_products .media .media-body {
    padding-left: 20px;
}

.shop_with_sidebar .shop_right_sidebar .popular_products .media .media-body a {
    font: 400 18px/36px "Poppins", sans-serif;
    color: #242222;
}

.shop_with_sidebar .shop_right_sidebar .popular_products .media .media-body h6 {
    font: 400 16px/1 "Poppins", sans-serif;
    color: #06218A;
    padding-top: 7px;
}

.shop_with_sidebar .shop_right_sidebar .popular_products .media:hover .media-body a,
.shop_with_sidebar .shop_right_sidebar .popular_products .media:focus .media-body a {
    color: #06218A;
}

/* shop_with_sidebar */
/*----------------------------------------------------*/
/* Footer Home pages */
.footer_area {
    display: block;
    overflow: hidden;
    background: #252525;
    padding-top: 120px;
}

.footer_area .footer_inner {
    padding-bottom: 27px;
}

.footer_area .footer_inner .footer_logo,
.footer_area .footer_inner .footer_subscription {
    margin-bottom: 30px;
}

.footer_area .footer_inner .footer_logo img {
    max-width: 100%;
}

.footer_area .footer_inner .footer_logo p {
    font: 400 16px/32px "Open Sans", sans-serif;
    color: #787777;
    padding-top: 50px;
}

.footer_area .footer_inner .footer_logo h3 {
    color: #fff;
    font: 600 23px/1 "Open Sans", sans-serif;
    margin-left: -5px;
}

.footer_area .footer_inner .footer_logo h3 i:before {
    color: #06218A;
    font-size: 54px;
    line-height: 1;
    position: relative;
    top: 10px;
    left: 5px;
}

.footer_area .footer_inner .resources {
    margin-top: -15px;
    padding-left: 43px;
}

.footer_area .footer_inner .resources li a {
    font: 400 16px/42px "Open Sans", sans-serif;
    color: #787777;
}

.footer_area .footer_inner .resources li a:hover,
.footer_area .footer_inner .resources li a:focus {
    color: #06218A;
}

.footer_area .footer_inner .r-2 {
    padding-left: 75px;
}

.footer_area .footer_inner .w_services {
    padding-left: 60px;
}

.footer_area .footer_inner .w_services h6 {
    font: 400 16px/1 "Open Sans", sans-serif;
    color: #787777;
    padding-left: 15px;
    padding-bottom: 45px;
}

.footer_area .footer_inner .w_services img {
    max-width: 100%;
    cursor: pointer;
}

.footer_area .copy_right {
    background: #000000;
    display: block;
    overflow: hidden;
    padding: 32px 0;
}

.footer_area .copy_right p {
    font: 400 15px/32px "Open Sans", sans-serif;
    color: #969494;
}

.footer_area .copy_right p a {
    color: #06218A;
}

.footer_area .copy_right p a:hover,
.footer_area .copy_right p a:focus {
    color: #969494;
}

.footer_area .copy_right .footer_nav {
    text-align: right;
}

.footer_area .copy_right .footer_nav li {
    display: inline-block;
    padding-right: 12px;
}

.footer_area .copy_right .footer_nav li:last-child {
    padding-right: 0;
    padding-left: 20px;
}

/*.footer_area .copy_right .footer_nav li:last-child a {*/
/*    font-weight: 600;*/
/*    color: #06218A;*/
/*}*/

.footer_area .copy_right .footer_nav li a {
    font: 400 16px/30px "Open Sans", sans-serif;
    color: #969494;
}

.footer_area .copy_right .footer_nav li a:hover,
.footer_area .copy_right .footer_nav li a:focus {
    color: #06218A;
}

/* End Footer Home pages */
.scroll-top {
    position: fixed;
    right: 30px;
    bottom: 15px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    background: #06218A;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 999;
    color: #fff;
}

.scroll-top:hover,
.scroll-top:focus {
    background: #fff;
    color: #000;
}

/*----------------------------------------------------*/
@media (max-width: 1440px) {
    .latest_news_area .c-f {
        padding: 0 15px;
    }
}

@media (max-width: 1199px) {
    .header_logo_area .header_logo_inner .right_info {
        padding-left: 0;
    }

    .header_logo_area .header_logo_inner .right_info .media:nth-child(2) {
        padding-left: 15px;
    }

    .header_logo_area .header_logo_inner .right_info .media:nth-child(3) {
        padding-left: 15px;
    }

    .main_header_area .header_menu .navbar .navbar_supported ul li a {
        margin: 0 10px;
    }

    .main_slider_area #main_slider .zeus {
        width: 1080px !important;
    }

    .fredration_annual_area .fredration_inner .annual_btn .theme_btn {
        line-height: 30px;
        padding: 10px 20px;
    }

    .latest_causes_area .latest_causes_inner .causes_items .causes_content h4 {
        padding-left: 10px;
        text-align: left;
    }

    .charity_organizations .donet_counter.dc_2 {
        padding-left: 15px;
    }

    .upcoming_event_area .run_event .official_event .event_content a {
        font-size: 18px;
        line-height: 32px;
    }

    .upcoming_event_area .run_event .official_event .event_img img {
        height: 170px;
    }

    .uea_3 .run_event .official_event .event_content {
        padding-right: 50px;
    }

    .event_media {
        display: block;
    }

    .event_media .event_img img {
        width: 100%;
        height: 348px;
    }

    .mission_area .mission_tab {
        padding-bottom: 30px;
    }

    .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link {
        padding-top: 100px;
    }

    .ways_volunteer_area .volunteering_row .volunteering_giving {
        padding-left: 15px;
    }

    .shop_with_sidebar .shop_left_sidebar .product_details {
        margin-left: 0;
        padding: 40px 15px 0;
    }

    .office_location_area .office_location_row .location {
        margin-bottom: 30px;
        padding: 30px 15px;
    }
}

@media (max-width: 991px) {
    .header_top_area {
        padding: 10px 0;
    }

    .header_top_area .header_social {
        text-align: center;
    }

    .header_top_area .header_social li a {
        line-height: 40px;
    }

    .header_top_area .right_nav {
        float: none;
        text-align: center;
    }

    .header_top_area .right_nav li a {
        line-height: 40px;
    }

    .header_logo_area {
        padding: 0;
        padding-top: 15px;
    }

    .header_logo_area .navbar-brand {
        display: block;
        text-align: center;
        padding-bottom: 20px;
    }

    .header_logo_area .header_logo_inner .right_info .media_btn {
        float: none;
    }

    .header_logo_area .header_logo_inner .right_info .media_btn .theme_btn {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .main_header_area .header_menu {
        position: relative;
    }

    .main_header_area .header_menu .navbar {
        width: 100%;
    }

    .main_header_area .header_menu .navbar .navbar-toggler {
        font-size: 30px;
        color: #fff;
        padding: 0;
        margin: 0;
        line-height: 60px;
    }

    .main_header_area .header_menu .navbar .navbar-nav {
        margin: 0;
        margin-top: 2px;
        border: 1px solid #fff;
        max-height: 330px;
        overflow-y: auto;
    }

    .main_header_area .header_menu .navbar .navbar-nav li {
        border-bottom: 1px solid #fff;
    }

    .main_header_area .header_menu .navbar .navbar-nav li:last-child {
        border: 0;
    }

    .main_header_area .header_menu .navbar .navbar-nav li a {
        line-height: 45px !important;
        margin: 0 20px !important;
    }

    .main_header_area .header_menu .navbar .navbar-nav li a:after {
        display: none;
    }

    .main_header_area .header_menu .navbar .navbar-nav li.dropdown {
        position: relative;
    }

    .main_header_area .header_menu .navbar .navbar-nav li.dropdown:after {
        content: "\f103";
        position: absolute;
        top: 0;
        right: 20px;
        font: normal normal normal 15px/48px FontAwesome;
        color: #fff;
    }

    .main_header_area .header_menu .navbar .navbar-nav li.dropdown .dropdown-menu {
        background-color: transparent;
        border: 0;
        border-top: 1px solid #fff;
    }

    .main_header_area .header_menu .navbar .navbar-nav li.dropdown .dropdown-menu:before {
        display: none;
    }

    .main_header_area .header_menu .navbar .navbar-nav li.dropdown .dropdown-menu li a {
        border: 0;
        color: #fff;
    }

    .main_header_area .header_menu .navbar .navbar-nav li.dropdown .dropdown-menu li a:hover,
    .main_header_area .header_menu .navbar .navbar-nav li.dropdown .dropdown-menu li a:focus,
    .main_header_area .header_menu .navbar .navbar-nav li.dropdown .dropdown-menu li a.active {
        color: #fff;
        border: 0;
    }

    .main_header_area .header_menu .navbar .navbar-nav li.dropdown .dropdown-menu .dropdown:after {
        display: none;
    }

    .main_header_area .header_menu .search_button_content {
        position: absolute;
        right: 0;
        top: 0;
    }

    .main_header_area .header_menu .search_button_content li .shop_btn {
        line-height: 50px;
    }

    .main_header_area .header_menu .search_button_content li .shop_btn span {
        top: 7px;
        padding-left: 1px;
    }

    .main_header_area .header_menu .search_button_content li .quote_btn {
        line-height: 58px;
    }

    .main_header_area .header_menu .search_button_content li .call_support {
        padding-top: 17px;
    }

    .main_header_area .header_menu .search_button_content .search_dropbown a {
        line-height: 60px !important;
    }

    .main_header_area.navbar_fixed .search_button_content.nav li a {
        line-height: 58px;
    }

    .mha_2 .header_menu .navbar .navbar-toggler {
        color: #06218A !important;
    }

    .mha_2 .header_menu .navbar .navbar_supported .navbar-nav {
        border-color: #171616;
    }

    .mha_2 .header_menu .navbar .navbar_supported .navbar-nav li {
        border-color: #171616;
    }

    .mha_2 .header_menu .navbar .navbar_supported .navbar-nav .dropdown .dropdown-menu {
        border-color: #171616;
    }

    .mha_2 .header_menu .navbar .navbar_supported .navbar-nav .dropdown .dropdown-menu a {
        color: #171616;
    }

    .mha_2 .header_menu .navbar .navbar_supported .navbar-nav .dropdown .dropdown-menu a:hover,
    .mha_2 .header_menu .navbar .navbar_supported .navbar-nav .dropdown .dropdown-menu a:focus,
    .mha_2 .header_menu .navbar .navbar_supported .navbar-nav .dropdown .dropdown-menu a.active {
        color: #171616;
    }

    .main_slider_area #main_slider .zeus {
        width: 750px !important;
    }

    .fredration_annual_area .fredration_inner .annual_btn {
        padding-left: 15px;
        padding-top: 15px;
    }

    .quick_help_need .quick_help_inner .donat_help_content h2 {
        padding-top: 80px;
        padding-left: 0;
    }

    .charity_organizations {
        padding: 80px 0 0;
    }

    .charity_organizations .charity_content {
        padding-bottom: 50px;
    }

    .charity_organizations .charity_content h2 {
        padding-bottom: 20px;
    }

    .team_member_area .team_item {
        max-width: 270px;
        margin: 0 auto 30px;
    }

    .footer_area .copy_right {
        padding: 20px 0;
    }

    .footer_area .copy_right p {
        text-align: center;
    }

    .footer_area .copy_right .footer_nav {
        text-align: center;
    }

    .qhn_2 {
        padding-top: 0;
    }

    .qhn_2 .quick_help_inner .donat_help_content {
        padding-right: 15px;
    }

    .qhn_2 .quick_help_inner .donat_help {
        padding-top: 40px;
    }

    .mha_3 .header_menu {
        padding-left: 0;
    }

    .other_ways_help_area .add_impact {
        padding-top: 40px;
    }

    .pages_banner {
        margin-top: -62px;
    }

    .upcoming_event_area .run_event .official_event .event_img h4 {
        font-size: 16px;
        line-height: 25px;
    }

    .event_pages {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .event_pages .pagination_area {
        padding-top: 0;
    }

    .footer_area .footer_inner .w_services {
        padding-left: 15px;
        padding-top: 20px;
    }

    .believe_water_area .believe_img {
        max-width: 460px;
        margin: 0 auto;
    }

    .believe_water_area .believe_water {
        padding-right: 15px;
        padding-bottom: 30px;
    }

    .ways_volunteer_area .volunteering_row .volunteering_giving {
        padding-top: 30px;
    }

    .shop_with_sidebar .shop_left_sidebar {
        padding-bottom: 50px;
    }

    .shop_with_sidebar .shop_right_sidebar {
        max-width: 400px;
    }

    .causes_area .causes_right_sidebar {
        max-width: 300px;
        margin: auto;
    }
}

@media (max-width: 767px) {
    .main_slider_area #main_slider .zeus {
        width: 660px !important;
    }

    .fredration_annual_area {
        padding: 80px 0 50px;
    }

    .fredration_annual_area .fredration_inner {
        padding: 15px 15px 25px;
        margin-bottom: 80px;
    }

    .latest_causes_area {
        padding: 60px 0;
        padding-bottom: 0;
    }

    .latest_causes_area .latest_causes_inner .causes_items {
        max-width: 370px;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .tittle .theme_btn {
        float: left;
        margin-top: 20px;
    }

    .charity_organizations .charity_content h2 {
        font-size: 25px;
        line-height: 36px;
    }

    .team_member_area {
        padding: 60px 0 0;
    }

    .testimonial_area {
        padding: 135px 0;
    }

    .testimonial_area .ts_slider .carousel-item p {
        font-size: 16px;
        line-height: 32px;
    }

    .upcoming_event_area {
        padding: 60px 0;
    }

    .latest_news_area {
        padding-top: 0;
    }

    .latest_news_area .news_items {
        max-width: 370px;
        margin: 0 auto 30px;
    }

    .latest_news_area .news_items a {
        padding-top: 20px;
    }

    .latest_news_area .news_items h6 {
        padding-top: 10px;
    }

    .footer_area {
        padding-top: 60px;
    }

    .footer_area .footer_inner {
        padding-bottom: 50px;
    }

    .footer_area .footer_inner .resources,
    .footer_area .footer_inner .r-2 {
        margin-top: 0;
        padding-left: 15px;
    }

    .footer_area .footer_inner .w_services {
        padding-left: 15px;
        padding-top: 30px;
    }

    .footer_area .footer_inner .w_services h6 {
        padding-left: 0;
    }

    .fredration_annual_area {
        padding-top: 80px;
    }

    .uea_3 {
        padding-top: 0;
    }

    .other_ways_help_area {
        padding-bottom: 0;
    }

    .pages_banner {
        padding-top: 140px;
    }

    .pages_banner h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .pages_banner .breadcrumb {
        padding-top: 50px;
    }

    .causes_area {
        padding-top: 80px;
    }

    .event_details .donations_details .datails_timar .book_now {
        position: relative;
        left: 0;
        right: auto;
        margin: 0;
        margin-bottom: 30px;
    }

    .event_details .donations_details .datails_timar .timer {
        padding-bottom: 20px;
    }

    .faa_4 {
        padding-bottom: 0 !important;
    }

    .lca_4 {
        padding-top: 0 !important;
    }

    .causes_area .causes_left_sidebar .causes_media {
        display: block;
        max-width: 370px;
        margin: 0 auto 30px;
    }

    .causes_area .causes_left_sidebar .causes_media .media-body {
        padding-left: 0;
    }

    .ucha_2 {
        margin-top: 80px;
    }

    .mission_area .mission_tab .tab_nav li {
        padding: 0;
        padding-right: 20px;
    }

    .mission_area .mission_tab .tab_nav li a {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 5px;
        padding: 0;
        padding-right: 20px;
    }

    .owha_2 .add_impact {
        padding-bottom: 30px;
    }

    .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link {
        padding-top: 40px;
    }

    .ways_volunteer_area {
        padding-top: 80px;
    }

    .ways_volunteer_area h2 {
        font-size: 25px;
        line-height: 36px;
    }

    .faq_area {
        padding: 80px 0;
    }

    .faq_area .faq_accordion .item .plp {
        padding-right: 0;
    }

    .login_area {
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .login_area .login_inner .login_from .custom-checkbox .custom-control-label {
        line-height: 35px;
        margin-top: -10px;
    }

    .shop_with_sidebar {
        padding-top: 100px;
        padding-bottom: 80px;
    }

    .blog_list .blog_items .blog-heading {
        padding: 20px 0;
        font-size: 18px;
        line-height: 35px;
    }

    .blog_list .blog_items .ad_2 h4 {
        display: block;
        float: none;
        line-height: 35px;
    }

    .blog_list .blog_items .ad_2 .like_comment {
        float: none;
        padding-right: 0;
    }

    .blog_list .blog_items .ad_2 .like_comment li:first-child {
        padding: 0;
    }

    .blog_list .looking .looking_text {
        padding-right: 15px;
    }

    .blog_list .looking .lt_2 {
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 20px;
    }

    .contact_area {
        padding-top: 80px;
    }

    .contact_area .contact_tittle p {
        padding-top: 10px;
    }

    .contact_area .contact_tittle h2 {
        font-size: 25px;
    }

    .office_location_area {
        padding-top: 20px;
    }

    .office_location_area .facebook_btn {
        padding-top: 10px;
    }

    .map_area {
        margin-top: 60px;
    }

    .map_area .mapBox {
        height: 400px;
    }

    .main_slider_area #main_slider>ul>li:first-child>.tp-caption.get_started_btn {
        display: none;
    }

    .fredration_annual_area .give_inspiration .inspiration p {
        text-align: justify !important;
    }
}

@media (max-width: 575px) {
    .header_logo_area .header_logo_inner .right_info {
        padding-left: 15px;
        max-width: 285px;
        margin: 0 auto;
    }

    .main_header_area .header_menu .search_button_content li .quote_btn {
        font-size: 16px;
        line-height: 57px;
        min-width: 150px;
    }

    .main_header_area .header_menu .search_button_content li.search_dropbown {
        padding: 0 15px;
    }

    .main_slider_area #main_slider .get_started_btn .theme_btn {
        min-width: 160px;
        zoom: 80%;
    }

    .quick_help_need .quick_help_inner .donat_help_content h2 {
        font-size: 25px;
        line-height: 36px;
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .quick_help_need .quick_help_inner .donat_help .donated_pie {
        display: block;
        text-align: center;
    }

    .quick_help_need .quick_help_inner .donat_help .donated_pie .pie_chart {
        padding: 20px 0;
    }

    .quick_help_need .quick_help_inner .donat_help .more_donation li .more_details {
        margin-left: 10px;
    }

    .tittle h2 {
        font-size: 25px;
        line-height: 36px;
    }

    .tittle p {
        line-height: 32px;
    }

    .charity_organizations .donet_counter .media {
        margin-bottom: 40px;
    }

    .testimonial_area {
        padding-bottom: 68px;
    }

    .stay_informed_area {
        padding-bottom: 30px;
    }

    .stay_informed_area .informed .informed_btn {
        margin-right: 20px;
    }

    .footer_area .copy_right p {
        padding-top: 15px;
    }

    .main_header_area .header_menu .search_button_content li .call_support {
        display: none;
    }

    .faa_2 .fredration_inner {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .other_ways_help_area .other_ways_help .open_today {
        padding: 15px;
    }

    .upcoming_event_area .run_event .official_event .event_content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .event_pages {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .event_media {
        max-width: 370px;
        margin: 0 auto 30px;
    }

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

    .event_media .media-body {
        position: relative;
        padding: 30px 15px 100px;
    }

    .event_media .media-body h3 {
        display: block;
    }

    .event_media .media-body h3 .theme_btn {
        display: block;
        margin-left: 0;
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 30px;
    }

    .event_media .media-body h6 {
        padding-bottom: 10px;
    }

    .event_details .donations_details .datails_timar .event_date li.money {
        float: none;
        display: block;
    }

    .donations_details .timer .ds-element {
        border-bottom: 1px solid #fff;
    }

    .comments_area .comment {
        display: block;
    }

    .comments_area .comment .media-body {
        padding-left: 0;
        margin-top: 20px;
    }

    .leave_comment .comment_from {
        padding-left: 15px;
        padding-right: 15px;
    }

    .leave_comment .comment_from .form-group {
        margin-bottom: 20px;
    }

    .details .author {
        padding: 20px 15px;
        display: block;
        text-align: center;
    }

    .details .author .media-body {
        padding: 30px 0 0;
    }

    .details .author .media-body .author_name {
        display: block;
    }

    .details .author .media-body .share_btn {
        display: block;
        float: none;
        padding-top: 20px;
    }

    .donations_details .timer {
        display: block;
        text-align: center;
    }

    .donations_details .donated_pie {
        display: block;
        text-align: center;
    }

    .donations_details .donated_pie .smpie_chart {
        margin: 20px 0;
    }

    .believe_water_area .believe_img::after {
        display: none;
    }

    .believe_water_area {
        padding-top: 0;
    }

    .believe_water_area .believe_water h4 {
        font-size: 18px;
        line-height: 32px;
    }

    .other_ways_help_area .other_ways_help .open_today h3 {
        display: block;
        float: none;
    }

    .other_ways_help_area .other_ways_help .open_today span {
        float: none;
        display: block;
        text-align: center;
        margin: 0;
    }

    .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item {
        max-width: 370px;
        margin: 0 auto 30px;
    }

    .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .gallery_hover .zoom_link {
        padding-top: 100px;
    }

    .faq_area .faq_accordion .item a {
        line-height: 36px;
        padding: 5px 60px 5px 20px;
    }

    .breadcrumb2 {
        position: relative !important;
        padding-top: 0 !important;
    }

    .shop_with_sidebar .shop_left_sidebar .shop_items {
        max-width: 300px;
        margin: 0 auto 30px;
    }

    .shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs li {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .shop_with_sidebar .shop_left_sidebar .review-tab .nav-tabs li a {
        display: block;
        width: 100%;
    }

    .shop_with_sidebar .shop_left_sidebar .product_details .value-section li .theme_btn {
        margin: 0;
    }

    .blog_list .blog_items .admin_details .like_comment {
        padding-left: 20px;
    }

    .blog_list .blog_items .admin_details .like_comment li {
        padding: 0;
        padding-right: 20px;
        line-height: 35px;
    }

    .blog_list .blog_items .admin_details .like_comment li:first-child {
        padding: 0;
    }

    .blog_list .blog_comment .media {
        display: block;
    }

    .blog_list .blog_comment .media .media-body {
        padding-left: 0;
        padding-top: 30px;
    }
}

@media (max-width: 360px) {
    .header_top_area .header_social li {
        padding-left: 10px;
    }

    .main_header_area .header_menu .search_button_content li .quote_btn {
        font-size: 15px;
        min-width: 130px;
    }

    .main_header_area .header_menu .search_button_content li.search_dropbown {
        padding: 0 10px;
    }

    .fredration_annual_area .fredration_inner .annual_btn .theme_btn {
        font-size: 14px;
    }

    .fredration_annual_area .fredration_inner .fredration_text h4 {
        font-size: 16px;
        line-height: 32px;
    }

    .fredration_annual_area .give_inspiration .inspiration h2 {
        font-size: 25px;
        line-height: 36px;
    }

    .details .foulkes {
        margin-left: 15px;
    }

    .mission_area .mission_impact {
        width: 100%;
    }

    .blog_list .blog_comment .media .media-body h6 a {
        padding-left: 20px;
    }
}

/*---------------------------------------------------- */
/*All CSS call*/
/* Bootstrap CSS */
/* Icon CSS */
/* Extra Plugins CSS */
/* Rev slider css */
/* Font family link */


.text-light {
    color: #787777 !important;
}

.publication_item:not(:last-child) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}