/* Base CSS */
@import url('https://fonts.googleapis.com/css?family=Hind:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700,700i&display=swap');
.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

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

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}

html,
body {
    height: 100%
}

body {
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Hind', sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
}

a:hover {
    text-decoration: none
}

.header-area {
    /* padding: 10px 0; */
    /* border-top: 2px solid #FF9B00; */
    /* background: #ffffffd9 url(../Images/header.png); */
    background: #ffffffe0;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.logo img {
    width: 100%;
    /* padding-top: 5px; */
}
/* .topbar {
    background-color: #338805;
    float: left;
    padding: 3px 0px;
    width: 100%;
} */

ul.top-info {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    float: left;
    font-weight: bold;
    padding-top: 2px;
    text-align: center;
}
ul.top-info>li {
    float: left;
    color: #222;
    padding: 0px 10px;
    font-family: 'Heebo', sans-serif;
    font-size: 12px;
    font-weight: 400;
    /* border-left: 1px solid #eeeeee; */
}

ul.top-info>li i {
    margin-right: 3px;
}
.topbar .social-btns1 {
    float: right;
}
.header-nav {
    /* position: absolute; */
    right: 0;
    left: 0;
    z-index: 1030;
}
.social-btns1 {
    display: inline-block;
}
.topbar-ul {
    float: right;
    margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
}
.topbar-ul li {
    /* margin: 10px 0px; */
    text-align: center;
}
.topbar {
    /* background: #338805; */
   background: #f5f5f5;
    border-bottom: 1px solid #dfdfdf;
}
.topbar a {
    /* color: #338805; */
    color: #222;
    font-size: 12px;
    padding: 0px 5px;
    border-right: 1px solid #dfdfdf;
}
.topbar-rec {
    padding: 2px 5px;
}

.search_box input {
    height: 25px;
    padding: 1px 10px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.search_box button {
    background: #FF9B00;
    color: #fff;
    border: 0.3px solid #ffedde;
    margin-left: 10px;
    padding: 3px;
    line-height: 5px;
}
.logo a {}
/*
.header-info {
    padding-top: 13px
} */
.header-info img {
    width: 80px;
    height: auto;
    /* padding-top: 5px; */
}

.single-header-info {
    position: relative;
	    margin-top: 12px;
}
span.view a {
    padding: 8px 0;
    color: #fff;
    background: #8bc34a;
    width: 90px;
    display: block;
    text-align: center;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.single-header-info h2 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 8px;
    color: #e84709;
}

.single-header-info p,
.single-header-info a {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

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

.mainmenu>ul>li {
    list-style: none;
    display: inline-block;
    position: relative
}

.mainmenu ul li.megamenu {
    position: inherit
}

.mainmenu ul li.megamenu .main-megamenu-wrapper {
    width: 100%;
    overflow: hidden;
}

.mainmenu ul li.megamenu .main-megamenu-wrapper ul {
    float: left;
    width: 30%
}

.mainmenu ul li a {
    padding: 10px 15px;
    display: inline-block;
    /* font-size: 1.2vw; */
    color: #fff;
    text-transform: uppercase;
    /* font-weight: 500; */
}

.mainmenu ul li a:hover {
    /* color: #222 */
    color: #ff9b00;
    
}


.mainmenu ul li ul.sub-menu {
    left: 0px;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 60px;
    width: 250px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    z-index: -1;
    -webkit-transition: .3s;
    transition: .3s;
    background:#ad0808;
}

/* .mainmenu ul ul.sub-menu li:hover:after {
    display: none;
} */

.mainmenu ul li:hover ul.sub-menu {
    top: 38px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 9999
}

.mainmenu ul ul.sub-menu li a {
    display: block;
    padding: 8px 20px;
}

.slider-area {
    position: relative;
    z-index: 1;
}

.menu-area {
    /* left: 0;
    position: absolute;
    top: 110px;
    z-index: 2;
    width: 100%; */
    background: #ad0808;
}

.slider-top-btn {
    text-transform: uppercase
}

.header-info {
    padding: 5px 0px;
}

.read-more-btn:hover {
    color: #1A1A1A
}


.slider-area {}

.home-page-sliders {}

.single-slider-item {
    width: 100%;
    height: 550px;
    position: relative;
    z-index: 1;
}
.single-slider-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #22222224;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: -1
}
.single-slider-item.slider-bg1 {
    background: url(../Images/slider1.png);
	background-repeat: no-repeat;
    background-size: cover;
	background-position:inherit;
}

.single-slider-item.slider-bg2 {
    background: url(../Images/slider2.png);
	background-repeat: no-repeat;
    background-size: cover;
	background-position:inherit;
}

.single-slider-item.slider-bg3 {
    background: url(../Images/slide3.jpg);
	background-repeat: no-repeat;
    background-size: cover;
	background-position:inherit;
}
.single-slider-item.slider-bg4 {
    background: url(../Images/slide4.jpg);
	background-repeat: no-repeat;
    background-size: cover;
	background-position:inherit;
}

.single-slider-item.slider-bg5 {
    background: url(../Images/slide5.jpg);
	background-repeat: no-repeat;
    background-size: cover;
	background-position:inherit;
}

.single-slider-item-table {
    display: table;
    width: 100%;
    height: 100%
}

.single-slider-item-tablecell {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.single-slider-text h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px
}

.single-slider-text p {
    color: #d4d4d4;
    font-size: 17px;
    margin: 0;
    line-height: 30px
}

.single-slider-text a {}

.join-with-us {
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
    text-transform: uppercase
}

.join-with-us:hover {
    color: #F87900;
    background: #fff
}

.section_block {
    padding: 70px 0;
}


.home-page-sliders .owl-nav div {
    color: #222222;
    height: 65px;
    left: 0;
    line-height: 60px;
    margin-top: -32.5px;
    position: absolute;
    text-align: center;
    top: 50%;
    top: 50%;
    width: 45px;
    font-size: 30px;
    background: #f1f1f1;
}

.home-page-sliders .owl-nav div:hover {
    background: #ffeaeb;
}

.home-page-sliders .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.featured-text h2 {
    margin: 0;
    margin-bottom: 25px;
    font-size: 32px;
    color: #222222;
    font-weight: 700
}

 p {
    line-height: 25px;
    color: #565656;
    /* font-size: 15px; */
    margin: 0;
    letter-spacing: 1px;
}

.featured-text a:hover {
    color: #fff;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.featured-text h3 {
    margin: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 22px;
    color: #222222;
}

.rised {
    font-weight: 600;
    font-size: 16px;
    color: #222;
}

.goal {
    text-align: right;
    font-weight: 600;
    font-size: 16px;
    color: #222;
}

.rised span,
.goal span {}

.progress {
    margin-top: 20px
}

.sr-only {}

.choose-area {
    padding-bottom: 40px;
}

.section-title {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 75px
}

.section-title h2 {
    color: #222222;
    font-size: 32px;
    margin: 0;
    margin-bottom: 40px;
    position: relative
}

.section-title h2:after {
    bottom: -20px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px;
    background: #F87900
}

.section-title h2:before {
    background: #1A1A1A none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 20px;
    z-index: 1
}

.section-title p {
    color: #565656;
    font-size: 17px;
}

.single-choose-item {
    text-align: center;
    margin-bottom: 60px
}

.single-choose-item img {}

.single-choose-item h2 {
    margin: 0;
    font-size: 22px;
    color: #222222;
    font-weight: 600;
    padding-top: 25px;
    padding-bottom: 20px
}

.single-choose-item p {
    margin: 0;
    color: #565656;
    font-size: 17px;
    line-height: 30px
}

.read-more-btn:hover {
    color: #fff
}

.donation-area {
    padding: 45px 0;
    position: relative;
    z-index: 1
}

.donation-area:after {
    position: absolute;
    right: 0;
    width: 50%;
    top: 0;
    height: 100%;
    background: #1A1A1A;
    content: "";
    z-index: -1
}

.donation-left {}

.donation-left h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    margin-bottom: 27px
}

.donation-left p {
    font-size: 17px;
    color: #f5f5f5;
    margin: 0;
    line-height: 25px
}

.donation-left a {
    margin-top: 30px
}

.join-now {}

.donation-right {}

.donation-right h2 {
    color: #ff8f17;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 27px
}

.donation-right p {
    font-size: 17px;
    color: #f5f5f5;
    margin: 0;
    line-height: 25px
}

.donation-right a {
    margin-top: 30px
}


.single-cause-item-img {
    position: relative
}

.single-cause-item h2,
.single-cause-item-2 h2 {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 30px
}

.single-cause-item-img h2 {
    bottom: -45px;
    color: #fff;
    font-size: 17px;
    height: 50px;
    line-height: 46px;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 50px;
    z-index: 1;
}

.single-cause-item-img > h2:after {
    background: #f67800 none repeat scroll 0 0;
    border: 2px solid #fff;
    content: "";
    height: 50px;
    position: absolute;
    right: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 50px;
    z-index: -1;
}

.single-cause-item p,
.single-cause-item-2 p {
    font-size: 17px;
    color: #565656;
    margin: 0;
    line-height: 25px
}

.single-cause-item-2 a {
    margin-top: 30px;
}

.single-cause-item .progress,
.single-cause-item-2 .progress {
    height: 10px
}

.causes-hover-btn a:hover {
    color: #fff
}

.causes-hover-btn a {
    padding: 20px 30px;
    display: inline-block;
    background: #fff;
    color: #222222;
    border-radius: 5px
}

.causes-left-wrap > p {
    padding-bottom: 15px;
}

.single-cause-item a {
    margin-top: 20px
}

.donate-now {
    width: 130px;
}

.cause-details-btn .donate-now {
    width: 160px;
}

.read-more-btn {
    width: 130px;
}

.causes-left {
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}

.causes-left-wrap {
    background: #338805;
    padding: 30px;
    top: 0;
    z-index: 1;
}



.causes-left h2 {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    padding: 5px;
    margin-bottom: 0px;
    position: relative;
    background: #338805;
    text-align: center;
    /* border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; */

}
.featured-text h2{
    color: #333;
    /* font-size: 2vw; */
    font-weight:500;
}

/* .causes-left h2:after {
    bottom: -25px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
    background: #e84709
} */
.news_slider {
    /* position: relative;
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2); */
}

.news_slider .causes-left-wrap h2:before {
    background: #338805  none repeat scroll 0 0;
    bottom: -25px;
    content: "";
    height: 2px;
    left: 22px;
    position: absolute;
    width: 4px;
    z-index: 1;
}
.news_slider .causes-left-wrap h2{
color:#fff;
position:relative;
    margin-bottom: 60px;
}

.news_slider .causes-left-wrap h2:after {
    bottom: -25px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
    background: #d9f110
}

/* .causes-left h2:before {
    background: #8bc34a  none repeat scroll 0 0;
    bottom: -25px;
    content: "";
    height: 2px;
    left: 22px;
    position: absolute;
    width: 4px;
    z-index: 1;
} */
.causes-list {}

.single-cause-item {}

.causes-list .owl-nav div {
    border: 1px solid #f87900;
    display: inline-block;
    font-size: 30px;
    height: 40px;
    line-height: 35px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: center;
    width: 40px;
}

.causes-list .owl-nav div:hover {
    background: #f87900;
    border-color: #f87900;
    color: #fff
}

.causes-list .owl-nav {
    text-align: right;
}




.arrow-right {
    margin-left: 5px;
}

.volunteer-area {
    padding-bottom: 100px;
}

.single-volunteer-item img {
    width: 100%;
}

.single-volunteer-item {
    position: relative;
    border: 2px solid #F87900
}

.volunteer-hover {
    height: 70px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.volunteer-hover h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 10px;
}

.volunteer-hover p {
    font-size: 14px;
    color: #fff;
    font-weight: 600
}

.single-volunteer-item:hover .volunteer-hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.single-volunteer-item:hover {
    border: 2px solid #222;
}

.event-area {
    padding-bottom: 100px
}

.single-event-img {
    background-image: url("Images/event-img-1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 40%;
}

.single-event-img-2 {
    background-image: url("Images/event-img-2.jpg");
}

.single-event-img-3 {
    background-image: url("Images/event-img-3.jpg");
}

.single-event-img-4 {
    background-image: url("Images/event-img-4.jpg");
}

.single-event-img-5 {
    background-image: url("Images/event-img-5.jpg");
}

.single-event-img-6 {
    background-image: url("Images/event-img-6.jpg");
}

.single-volinteer-item img {
    width: 100%
}

.single-event-img h2 {
    background: #f67800 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-top: 15px;
    position: relative;
    text-align: right;
    z-index: 1;
}

.single-event-img h2:before {
    background: rgba(0, 0, 0, 0) url("Images/bg-img-3.jpg") repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 35%;
    z-index: -1;
}

.single-event-img span {
    float: left;
    left: 25px;
    position: relative;
}

.single-event-text > h3 {
    color: #565656;
    display: inline-block;
    font-size: 14px;
    padding-right: 10px
}

.single-event-text > h2 {
    color: #222;
    font-size: 20px;
    line-height: 28px;
}

.single-event-text > p {
    color: #565656;
    font-size: 17px;
}

.single-event-item {
    position: relative;
}

.single-event-text {
    padding-left: 45%;
    border: 1px solid #F67800;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
}

.people-area {
    padding-bottom: 100px;
}

.single-people-items {}

.single-people-item {
    color: #fff;
    padding: 30px;
    text-align: center;
    background: #222;
    position: relative
}

.single-people-item span {
    background: #ef7500 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 25px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    position: absolute;
    top: -24px;
    width: 50px;
}

.single-people-item p {
    color: #ededed;
    font-size: 14px;
    font-style: italic;
    line-height: 28px;
    margin: 0;
    padding-bottom: 25px;
}

.single-people-item h3 {
    color: #ef7500;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
}

.single-people-item:hover h3 {
    color: #222
}

.single-people-item h4 {
    font-size: 13px;
    color: #f2f2f2
}


.about_sec .single-people-item-padding a {
color:#fff;
font-size:17px;
}

.single-people-items .owl-dots div {
    background: #1A1A1A;
    display: inline-block;
    height: 5px;
    margin-right: 6px;
    margin-top: 50px;
    width: 20px;
}

.single-people-items .owl-dots {
    text-align: center;
}

.single-people-items .owl-dots div.active {
    background: #F87900;
}

.event-items .owl-nav div {
    color: #fff;
    height: 65px;
    left: -50px;
    line-height: 60px;
    margin-top: -32.5px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 25px;
    font-size: 16px;
}

.single-event-text h3 i.fa {
    color: #F67800;
}

.event-items .owl-nav div.owl-next {
    left: auto;
    right: -50px;
}

.news-area {
    padding-bottom: 95px
}

.single-news-item-bottom h2 {
    color: #222;
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 25px;
}

.single-news-item-bottom p {
    color: #565656;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.news-info span {
    font-size: 14px;
    padding-left: 0;
    margin-right: 6px
}

.news-info span i.fa {
    font-size: 16px;
    padding-right: 12px;
}

.footer-top-area {
    background: #33402e;
    padding: 30px 0px;
}



.single-footer-item.footer-info h2 {
    padding-bottom: 25px;
}

.single-news-item-bottom {
    border: 2px solid #e2e2e2;
    padding: 30px;
}

.footer-logo {
    margin-bottom: 25px;
}

.single-footer-item p {
    color: #cfcfcf;

    margin: 0;
    line-height: 28px;
}

.footer-social-icon {
    color: #fff;
    font-size: 13px;
    margin-top: 50px;
}

.social-icon-border {
    border: 1px solid #bababa;
    color: #bababa;
    margin-right: 5px;
    padding: 7px;
    text-align: center;
    font-size: 1vw;
}

.single-footer-item {
    position: relative
}


.single-footer-item h2 {
    color: #e7e7e7;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 25px;
}

.single-footer-item a {
    color: #d1d1d1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
}

.single-footer-item p a i.fa {
    margin-right: 20px;
    margin-top: 8px;
}

.footer-news-text > h2 {
    color: #cfcfcf;
    font-size: 1vw;
    font-weight:400;
    margin: 0;
    padding: 0;
}

.footer-recent-news {

    margin-bottom: 10px;
    overflow: hidden;
}

.footer-news-img {
    float: left
}


.footer-news-text p {
    color: #989898;
    font-size: 15px;
}

.footer-news-text a {
    font-size: 18px;
    color: #d1d1d1;
}

.single-footer-item-padding-left {
    padding-left: 60px
}


.footer-info p {
    /* margin-bottom: 10px; */
    padding-left: 25px;
    position: relative;
}

.footer-info p i.fa {
    left: 0;
    position: absolute;
    top: 8px;
    color: #338805;
}

.footer-bottom-area {
    background: #338805;
    padding: 6px 0;
}
.footer-bottom-area p {
    margin-bottom: 0;
}

.footer-bottom-left p {
    color: #ffffff;
    padding: 0;
}


.footer-bottom-left a {
    color: #fff;
}

.footer-bottom-right {
    text-align: right
}

.footer-bottom-right p {
    font-size: 16px;
    color: #9a9a9a;
    padding: 0
}

.footer-bottom-left .fa.fa-heart {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 2px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}


/* About page start */

.people-area.people-area-2 .section-title {
    padding-top: 0;
}


/* About page End */

.single-featured-img > img {
    width: 100%;
}

.single-featured-img {
    position: relative;
    z-index: 1
}

.single-featured-img:after {
    border: 8px solid #f87900;
    content: "";
    height: 114%;
    left: -7%;
    position: absolute;
    top: -7%;
    width: 40%;
    z-index: -1;
    opacity: .57;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=56)";
}

.people-area-2 {
    background: none
}

.about-area {
    padding: 95px 0;
}

.about-img {
    border: 8px solid #e5e5e5;
    box-shadow: 0 0px 6px #999;
}

.about-img img {
    width: 100%
}

.about-text h2 {
    color: #222222;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    margin: 0;
    padding-bottom: 10px;
}

.about-text p {
    color: #565656;
    font-size: 17px;
    margin: 0;
    line-height: 28px;
}

.about-area-margin {
    margin-bottom: 66px
}

.slider-text-2 {
    color: #fff;
    padding-top: 140px;
    padding-bottom: 60px;
}

.slider-text-2 a {
    color: #fff
}

.slider-text-2 a:hover {
    color: #F87900
}

.causes-area-2 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.single-cause-item-2 {
    margin-bottom: 50px
}

.cta-area {
    padding: 60px 0;
}

.cta-text {}

.cta-text h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    font-style: italic;
}

.cta-btn {
    margin-top: -10px;
    text-align: right
}

.cta-btn a {
    text-decoration: none;
}

.slider-area-2 {
    background: url(../Images/slider1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 1
}

.slider-area-2:after {
    background: #1f1a17 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    content: "";
}

.events-area-2 {
    padding: 100px 0;
}

.single-event2-item {
    padding-bottom: 45px;
}

.single-event2-item-left > h2 {
    padding: 29px 52px;
    top: -88px;
}

.single-event2-item-right {
    margin-left: 34px;
    padding: 29px
}

.event-page ul {}

.event-page ul li {}

.event-page ul li a {
    border-color: #bebebe;
    color: #222;
    font-size: 15px;
    margin-left: 10px;
    padding: 10px 13px;
    background: none;
}

.event-page ul li a:hover {
    background: #F87900;
}

.pagination li a:hover {
    color: #ffffff;
}

.event-page ul li a span {}

.event-details-area {
    padding: 100px 0;
}

.event-details-banner {
    border: 8px solid #fff;
    box-shadow: 0 0 4px 1px;
    margin-bottom: 70px
}

.event-details-banner img {}

.event-details-info {
    background: #f3f3f3 none repeat scroll 0 0;
    padding: 35px;
    border-left: 1px solid #F87900;
    border-right: 1px solid #F87900
}

.event-details-info-left {
    color: #222;
    font-size: 17px;
    font-weight: 600;
}

.event-details-info-left p {
    margin: 0;
    padding-bottom: 20px
}

.event-details-info-right {
    text-align: right;
    color: #222;
    font-size: 17px;
    font-weight: 300
}

.event-details-info-right p {
    margin: 0;
    padding-bottom: 20px
}

.event-details-text {
    color: #565656;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    padding: 70px 0;
}

.event-details-text h2,
.event-key h2 {
    font-size: 32px;
    color: #222;
    font-weight: 700;
}

.event-details-text p {
    margin: 0
}

.para-separator-38 {
    margin-bottom: 30px
}

.event-details-info-text h2 {
    color: #222;
    font-size: 24px;
    margin: 0;
    padding-bottom: 20px;
}

.event-details-btn {
    margin-top: 25px;
    text-align: center;
    margin-bottom: 20px
}

.event-details-btn a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.buy-ticket {
    padding: 20px 42px;
    border-radius: 5px
}

.buy-ticket:hover {
    background: #222
}

.event-details-map {}

.event-details-map iframe {
    width: 100%;
    height: 400px
}

.single-key-people-img {
    float: left;
}

.single-key-people-text {
    border: 1px solid #f67800;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 14px;
    padding-left: 47%;
}

.single-key-people-img img {
    height: 100%;
    position: absolute;
    width: 40%
}

.single-key-people-text h2 {
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.single-key-people-text p {
    color: #797979;
    font-size: 14px;
}

.single-key-people {
    position: relative;
}

.single-key-people-icon {}

.single-key-people-icon a {
    font-size: 13px;
    color: #636363;
    padding-left: 5px;
}

.single-key-people-icon a:hover {
    color: #F67800
}

.causes-details-img img {
    height: 330px;
    width: 100%;
}

.single-event-people-info {}

.single-event-people-info h2 {
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.single-event-people-info p {
    color: #797979;
    font-size: 14px;
}

.cause-details-info-padding {
    margin-top: 9px
}

.single-event-social-icon {
    margin-top: 17px
}

.single-event-social-icon a {
    color: #636363;
    font-size: 13px;
    padding-right: 16px;
}

.single-event-people-img {
    float: left;
}

.single-event-people-img > img {
    left: 0;
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%
}

.single-event-people-info {
    border: 1px solid #f67800;
    padding: 19px 15px 20px 45%;
}

.single-event-people {
    overflow: hidden;
    position: relative
}

.single-event-margin-bottom {
    margin-bottom: 50px
}

.blog-area {
    padding: 100px 0;
}

.single-blog-item {
    margin-bottom: 55px
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 0;
}

.pagination > li a:hover {
    color: #fff
}

.volunteer-area-2 {
    padding-top: 100px;
    padding-bottom: 45px;
}

.single-volunteer2-item {
    margin-bottom: 55px
}

.testimonial-area {
    padding-top: 100px;
    padding-bottom: 0;
}
.testimonial-area {
  padding-bottom: 50px;
  padding-top: 100px;
}
.single-testimonial-item {
    margin-bottom: 50px
}

.faq-area {
    padding: 100px 0;
}

.single-faq-item {
    font-size: 17px;
    color: #565656;
    margin-left: 50px;
    position: relative;
    margin-bottom: 46px
}

.single-faq-item:last-child {
    margin-bottom: 0;
}

.single-faq-item h2 {
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    padding-bottom: 30px;
    position: relative;
}

.single-faq-item h2:before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 4px solid #f87900;
    content: "";
    display: inline-block;
    height: 10px;
    left: -40px;
    padding: 3px;
    position: absolute;
    top: 9px;
    width: 10px;
}

.single-faq-item p {
    line-height: 30px;
    margin: 0;
}

.single-faq-item-left {
    left: -50px;
    position: relative;
    top: 7px;
}

.single-faq-item-left > a {
    color: #fff;
    font-size: 7px;
    left: 0;
    padding: 6px 8px;
    position: absolute;
    text-align: center;
    top: 0;
}

.categeory h2,
.archives h2,
.tags h2 {
    border-bottom: 1px solid #f87900;
    color: #222;
    font-size: 25px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 15px;
    margin-bottom: 18px
}

.categeory {
    position: relative
}

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

.categeory ul li {
    border-bottom: 1px solid #cacaca;
    list-style: outside none none;
    padding: 18px 0;
}

.categeory ul li a {
    font-size: 17px;
    color: #222;
    font-weight: 600;
}

.categeory ul li a span {
    position: absolute;
    right: 0;
}

.categeory-icon {
    font-size: 15px;
    margin-right: 12px;
}

.categeory ul li:hover a {
    margin-left: 22px
}

.archives {
    margin-top: 47px
}

.archives h2 {
    margin: 0;
    margin-bottom: 30px;
}

.single-archives {
    border-bottom: 1px solid #CACACA;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.single-archives p {
    font-size: 17px;
    color: #222;
    font-weight: 600;
    margin: 0
}

.single-archives h3 {
    font-size: 14px;
    color: #666666;
    font-weight: 300;
    margin: 0;
    padding-top: 15px
}

.join-volunteer-area,
.donation-two-area {
    padding: 100px 0;
}

.join-volunteer-text > h2,
.donation-two-text h2 {
    color: #222;
    font-size: 27px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 25px;
}

.join-volunteer-text > p,
.donation-two-text p {
    color: #767676;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    margin: 0;
}

.join-volunteer-text,
.donation-form {
    margin-bottom: 70px;
}

.new-volunteer-area > h2,
.donation-form h2,
.contact-form h2 {
    border-bottom: 1px solid #d6d6d6;
    color: #222;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 40px;
    padding-bottom: 20px;
    padding-top: 25px
}

.contact-form h2 {
    padding-top: 0
}

.single-volunteer-info input[type="text"],
.single-volunteer-info input[type="email"],
.single-volunteer-info input[type="number"],
.single-contact-info input[type="text"],
.single-contact-info input[type="email"] {
    border: 1px solid #d3d3d3;
    color: #8a8a8a;
    font-size: 15px;
    margin-bottom: 18px;
    padding: 12px;
    width: 100%;
}

input:focus {
    outline: none
}

textarea:focus {
    outline: none
}

.new-volunteer-bg {
    background-color: #F7F7F7;
    position: relative
}

.new-volunteer-bg:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 48%;
    height: 100%;
    background: url(../Images/Join_Volunteer-img-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    background-position: center;
}

.new-volunteer-area {
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 30px
}

.new-volunteer-img {}

.donation-two-bg {
    position: relative;
    background-color: #F7F7F7
}

.donation-two-bg:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 48%;
    height: 100%;
    background: url(../Images/donation-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    background-position: center;
}

.donation-form {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-top: 30px;
}

.submit {
    text-align: right
}

/*input[type="submit"] {
    border: medium none;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-top: 30px;
    padding: 20px 30px;
    text-transform: uppercase;
    background-color: #F87900;
    color: #fff
}*/

input[type="submit"]:hover {
    background: #1A1A1A;
    color: #fff
}

.donation-two-area {}

.donation-two-text {
    margin-bottom: 60px
}

.donation-two-text h2 {}

.donation-two-text p {}

.donation-form h2 {}

.donation-two-img {}

.donation-submit {}

.donation-submit input[type="submit"] {
    border: medium none;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-top: 30px;
    padding: 20px 30px;
    text-transform: uppercase;
}

.donation-amount input[type=text] {
    border: 0;
    border: 1px solid #D6D6D6;
    padding: 10px;
}

.progress-amount p {
    margin: 0 0 -2px;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
}

.payment-method {
    margin-top: 30px
}

.payment-method p {
    color: #222;
    font-size: 18px;
    font-weight: 600
}

.payment-method ul {
    margin: 0;
    padding: 0;
}

.payment-method ul li {
    list-style: none;
    display: inline-block
}

.payment-method ul li a {
    color: #D6D6D6;
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px
}

.payment-method ul li a .fa-check {
    font-size: 8px;
    background: #D6D6D6;
    padding: 3px 3px;
    border-radius: 3px;
    margin-right: 10px;
}

.payment-method ul li a:hover .fa-check {
    color: #fff;
}

.progress-amount .progress {
    height: 10px
}

.contact-area {
    padding: 100px 0;
}

.contact-map {}

.contact-map iframe {
    width: 100%;
    height: 450px
}

.contact-info {}

.single-contact-info {}

.single-contact-info input[type=text] {}

.single-contact-btn {
    text-align: right
}

.single-contact-btn input[type=submit] {}

.single-contact-info textarea {
    width: 100%;
    height: 184px;
    padding: 15px;
    border: 1px solid #d3d3d3;
    color: #8a8a8a;
    font-size: 15px;
    font-weight: 300px
}

.contact-info i.fa {
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px
}

.contact-map-bottom {}

.contact-info {
    text-align: center;
    padding: 20px 0;
}

.contact-info a {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    margin-top: 10px
}

.contact-info > a:hover {
    color: #1A1A1A;
}

.contact-info-border {
    border-right: 1px solid #fff
}

.error-area {
    padding: 115px 0;
}

.error-text {}

.error-text img {
    margin-bottom: 30px
}

.error-text p {}

.margin-30 {
    margin-bottom: 30px
}

.error-text a {
    font-size: 17px;
    color: #222;
}

.error-text input[type="text"] {
    border: 1px solid #c8c8c8;
    color: #787878;
    font-size: 15px;
    height: 50px;
    padding-left: 15px;
    padding-right: 65px;
}

.error-text input[type="submit"] {
    height: 50px;
    border: none;
    background: #1A1A1A;
    padding: 18px 20px;
    color: #fff;
    margin-left: -3px;
}

.back-to-home {
    margin-top: 30px;
    display: inline-block
}

.back-to-home .fa-long-arrow-right {
    font-size: 15px;
    margin-left: 10px;
}

.cause-details-text-style h2 {
    font-size: 32px;
    color: #222;
    font-weight: 700
}

.cause-details-text-style p {
    color: #565656;
    font-size: 17px;
    line-height: 28px;
}

.causes-details-img {
    border: 8px solid #fff;
    box-shadow: 0 0 3px 2px;
}

.recent-donors h2 {
    margin: 0 0 45px;
    padding-top: 70px;
}

.recent-causes h2 {
    margin: 70px 0 55px;
}

.cause-details-text .progress {
    height: 10px
}

.cause-details-text a {
    text-decoration: none
}

.cause-discription {
    margin-top: 40px;
}

.cause-details-info p span {
    ;
    margin-top: 20px
}

.cause-details-padding-10 {
    margin-top: 10px
}

.single-blog-details-item-img {
    background: rgba(0, 0, 0, 0) url("Images/Blog_Details-img-1.jpg") no-repeat scroll 0 0 / cover;
    height: 345px;
    max-width: 750px;
    border: 1px solid #F87900;
}

.single-blog-details-sidebar {}

.single-blog-details-sidebar a {}

.single-blog-details-sidebar-img {
    float: left;
    padding-right: 22px
}

.single-blog-details-sidebar-text {}

.categeory-bottom {
    border: 2px solid #F87900
}

.tags,
.categeory-2,
.categeory-bottom {
    margin-top: 65px;
}

.tags h2,
.categeory-2 h2,
.archives-2 h2 {
    margin-bottom: 30px;
}

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

.tags ul li {
    list-style: none;
    display: inline-block
}

.tags ul li a {
    border: 2px solid #cacaca;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 14px;
    font-size: 17px;
    color: #222;
}

.single-blog-details-item {}

.single-blog-details-item h2 {
    color: #222;
    font-size: 32px;
    margin: 0;
    padding-top: 45px;
    padding-bottom: 20px;
}

.single-blog-details-item p {
    color: 565656;
    font-size: 17px;
    line-height: 28px;
    margin-top: 20px
}

.single-blog-details-icon {
    text-align: right;
}

.single-blog-details-icon strong {
    color: #222;
    font-weight: 700;
    font-size: 15px;
}

.single-blog-details-icon a {
    color: #777777;
    font-size: 13px;
    padding-left: 10px
}

.blog-details-tags {
    text-align: center;
    border-top: 1px solid #CFCFCF;
    padding-top: 20px
}

.single-blog-details-item p strong {
    color: #000;
    font-size: 17px;
    font-weight: 700
}

.single-blog-details-item p a {
    color: #797979;
    font-size: 16px
}

.single-blog-details-item p a:hover {
    color: #F98D37
}

.comment-text {
    margin-bottom: 40px;
}

.comment-text h2 {
    font-size: 25px;
    color: #222;
    font-weight: 600;
    margin: 0
}

.comment-text h2 span {
    color: #F98D37;
}

.single-comments {}

.single-comment-img {}

.single-comment-img img {
    border-radius: 500px;
    max-width: 114px;
    border: 2px solid #F98D37;
}

.single-comment-item {}

.single-comment-item h2 {
    font-size: 17px;
    color: #222;
    font-weight: 600;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 0px;
}

.single-comment-item h3 {
    color: #565656;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    padding-bottom: 22px
}

.single-comment-item p {
    border-bottom: 1px solid #d6d6d6;
    color: #565656;
    font-size: 17px;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.comment-replay {
    text-align: right;
}

.comment-replay .fa-reply {
    font-size: 17px;
    color: #fff;
    padding: 10px 20px;
}

.comment-replay .fa-reply:hover {
    background: #1A1A1A
}

.leave-comments-form form input[type="text"],
.leave-comments-form form input[type="email"] {
    width: 100%;
    padding: 18px;
    background: #FFFAF3;
    border: 1px solid #D0D0D0;
    color: #787878;
    font-size: 16px
}

.leave-comments-form form textarea {
    width: 100%;
    padding: 18px;
    background: #FFFAF3;
    border: 1px solid #D0D0D0;
    color: #787878;
    font-size: 16px;
    margin-top: 20px
}

.leave-comments-form form input[type="submit"] {}

.leave-comments-form {
    margin-top: 25px;
}

.faq-search {
    border: 1px solid #CACACA;
    position: relative;
    padding: 20px;
    margin-bottom: 40px
}

.faq-search form input[type="text"] {
    border: none
}

.faq-search form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    position: absolute;
    right: 20px;
    top: 20px;
    border-left: 1px solid #D0D0D0;
    color: #CACACA;
}

.gallery-area {
    padding: 100px 0;
}

.gallery-option ul {
    margin: 0;
    padding: 0;
}

.gallery-option ul li {
    display: inline-block;
    padding: 0px 20px;
}

.gallery-option ul li a {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none
}

.gallery-option {
    margin-bottom: 20px;
}

.single-gallery-item {
    background-image: url(../Images/gallery-img-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 400px;
    background-size: cover;
    background-color: #ddd;
    position: relative;
    margin-top: 20px
}

.single-gallery-item-2 {
    background-image: url(../Images/gallery-img-2.jpg);
}

.single-gallery-item-3 {
    background-image: url(../Images/gallery-img-3.jpg);
}

.single-gallery-item-4 {
    background-image: url(../Images/gallery-img-4.jpg);
}

.single-gallery-item-5 {
    background-image: url(../Images/gallery-img-5.jpg);
}

.single-gallery-item-6 {
    background-image: url(../Images/gallery-img-6.jpg);
}

.single-gallery-item-7 {
    background-image: url(../Images/gallery-img-7.jpg);
}

.single-gallery-item-8 {
    background-image: url(../Images/gallery-img-8.jpg);
}

.single-gallery-item-9 {
    background-image: url(../Images/gallery-img-5.jpg);
}

.gallery-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s
}

.gallery-hover-table {
    display: table;
    height: 100%;
    width: 100%
}

.gallery-hover-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.single-gallery-item a {
    background: #EB7300;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 15px;
}

.gallery-hover h2 {
    font-size: 24px;
    color: #222;
    font-weight: 600;
}

.gallery-hover p {
    color: #ff8f17;
    font-size: 18px;
    font-weight: 600;
    font-style: italic
}

.single-gallery-item-wrapper {
    padding: 10px
}

.single-gallery-item-inner:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: "";
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s
}

.single-gallery-item:hover .single-gallery-item-inner:after {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    transition: .5s
}

.single-gallery-item:hover .gallery-hover {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    transition: .5s
}
li.navbar-right a {
    background: #ff9b00;
}
.slicknav_menu {
    display: none
}

.mainmenu-wrap{
    background: #ad0808;
}


/* logo texts start */
.logo {
    display:flex;
    padding: 5px 0px;
}
.logo img {
    width: 500px!important;
}
.loogo_texts span{
    display:block;
}
.logo_name {
    font-size:25px;
    color: #222;
    font-weight: 500;
    /* margin-top: 10px; */
}
.logo_tagline {
    font-size:25px;
    /* color: #f37204; */
    color: #222;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px;
}
.loogo_texts {
    margin: 0px 0px 0px 10px;
}
.section_donation {
    padding-top:80px;
    padding-bottom:80px;
    background-position: center top;
    background-image: url(../Images/donation_banner.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.apoorva_btn {
    background: #FF9B00;
    padding: 8px 15px;
    display: inline-table;
    color: #ccc;
    color: #ffffff;
    line-height: 15px;
    margin: 6px 0px;
}

.apoorva_content_element h1{margin-bottom: 20px; color: #ffffff;}
.apoorva_content_element p{color: #cde400;}

.news_slider .owl-nav{margin-top:5px;}

.news_slider .owl-nav div:hover {
    background: #FF9B00;
    border-color: #FF9B00;
    color: #fff;
}
.news_slider .owl-nav div {
    border: 1px solid #d9f110;
    display: inline-block;
    font-size: 30px;
    height: 40px;
    line-height: 35px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: center;
    width: 40px;
	    color: #fff;
}
.left_sidebar {
    margin-bottom: 30px;
}
/* .footer-recent-news a {
    border-bottom: 1px solid #ccc;
} */
.footer-recent-news a:hover h2 {
   color:#fff;
}
.program_img{width:100%;}
.program_img img, .causes-list  img {
    width: 100%;
    height: 260px;
    padding: 4px;
    border: 1.4px dashed #e84709;
	object-fit:cover;
	object-position:top;
}


/*===================== Sidebar CSS Start Here =====================*/
.causes-area {
    background: #71ab2e;
}
.sidebar{
   background: #fff;
   margin-bottom: 0px;
}
.sidebar li{
    position: relative;
}
/* 
ul.list-unstyled.sidebar.imp_peiyojana li a{
    padding: 13px 30px;
} */
.sidebar li a {
    padding:7.7px 30px;
    display: block;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    position: relative;
    border-bottom:1px solid #e6e6e6;
}
.sidebar li a:before {
    content: "\f101";
    font-family: fontawesome;
    position: absolute;
    left: 13px;
}
.sidebar li a:hover {
    /* background: #338805;
    color: #fff; */
    color: #338805;
}
.filling_boxes {
    background: #338805;
    box-shadow: 0px 0px 20px rgba(0,0,0,.05);
    border-radius: 5px;
    padding: 5px;
 
    /* height: 36.5vh; */
    position: relative;
    margin-bottom: 0px;
    margin-top: 10px;
}
.box_bg i {
    font-size: 5vw;
    color: #338805;
}
.box_bg {
    /* background: #e8f5e1; */
    /* border-radius: 50%; */
    /* height: 120px; */
    /* width: 70px; */
    /* margin: 0 auto; */
    padding: 5px;
    display: inline-block;
}
.box_bg img {
    width: 30px;
}
.filling_boxes h4 {
    font-size: 15px;
    /* margin-top: 8px;
    line-height: 25px;
    margin-bottom: 10px; */
    color: #fff;
    font-weight: normal;
    display: inline;
}
/*=================== Footer Government Logo CSS Start Here ===================*/
.imp_links img{
    border:1px solid #dcdcdc;
    }

.imp_links .owl-carousel{
position: relative;
}
.imp_links .owl-controls .owl-prev {
    position: absolute;
    left:0;
    width:100px;
    height: 100px;
    }
    .imp_links .owl-controls .owl-prev {
        position: absolute;
        right: 65px;
        left: auto;
        bottom: -45px;
        width: 60px;
        height: 35px;
        background: #338805;
        text-align: center;
        padding: 8px;
        text-transform: capitalize;
        color: #fff;
        border-radius: 5px;
        box-shadow: 0px 0px 17px 0px #00000020;
    }
    .imp_links .owl-controls .owl-next {
        position: absolute;
        right: 0;
        bottom: -45px;
        width: 60px;
        height: 35px;
        background: #338805;
        text-align: center;
        padding: 8px;
        text-transform: capitalize;
        color: #fff;
        border-radius: 5px;
        box-shadow: 0px 0px 17px 0px #00000020;
    }

    /*======================== Home Slider CSS start Here ========================*/
       .home-sliders .carousel-inner{
           position: relative;
       }
       .home-sliders .carousel-inner .carousel-caption{
        position: absolute;
        bottom: 5%;
        left: 10% !important;
        text-align: left !important;
    }
    .home-sliders .carousel-inner .carousel-caption h1{
        font-size: 2.5vw;
        text-shadow: 0px 0px 20px rgba(0,0,0,2);
    }
    .training_section{
        padding-top:20px;
        padding-bottom: 70px;
    }
    .training_program {
        margin-bottom: 20px;
    }
    .training_program .owl-stage-outer{
        padding: 20px 0px;
    }
    .training_program .owl-item {
        background: #fff;
        padding: 10px;
        box-shadow: 0px 5px 20px rgba(0,0,0,.1);
    }
    .training_program .owl-controls {
        display: none;
    }
    .training_program .item{
        position: relative;
    }
    .training_program .item h4 {
        position: absolute;
        bottom: 0;
        background: #8bc34ae0;
        width: 100%;
        padding: 10px;
        /* font-size: 1.1vw;
        color: #fff; */
    }
    .training_program h4 {
        text-align: center;
        margin-bottom: 0;
        margin-top: 20px;
    }

    .news_slider h3 {
        font-size:17px;
        font-weight: 200;
        padding: 5px;
        margin-bottom: 0px;
        text-align: center;
        background: #338805;
        color: #fff;
    }
    .green_text{
        color: #338805;
    }
    .footer-top-area p{
        color: #fff;

    }
    .marquee_section .spot {
        background: #ff9b00;
        border-bottom-left-radius: 5px;
        border-top-left-radius:5px;
        padding: 8px 15px;
        color: #fff;
        position: relative;
        font-weight: 600;
    }

    .marquee_section .spot:before {
        content: "";
        position: absolute;
        right: -10px;
        border-left: 12px solid #ff9b00;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        z-index: 9;
        top: 7px;
    }
    .marquee_section {
        display: flex;
        background: #e6e6e6;
        color: #000;
        font-weight: 600;
        /* padding: 12px 0px; */
        font-size: 15px;
        box-shadow: 0px 0px 20px rgba(0,0,0,.08);
        border-radius: 5px;
        /* font-size: 1vw; */
    }
    .marquee_section marquee {
        padding: 8px 12px;
    }
    .news_div p>a {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        text-align: center;
        padding: 12px 15px;
        display: block;
    }

/*========================== Media Query CSS Start Here ==========================*/
@media only screen and (min-width:320px) and (max-width:640px){

.logo_name {

    font-size: 14px;
    margin-top: 0px;
}
.logo_tagline {
    font-size: 14px;
    line-height: 15px;
}
.header-area {
    background: none;
}
.logo img {
    padding-top: 0px !important;
}
.slicknav_menu>a {
    background: #338805;
    top: 17px;
}
.slicknav_nav {
    top: 18px;
}
.slicknav_menu .slicknav_icon {
    margin: 0;
}
.home-sliders .carousel-inner .carousel-caption h1 {
    font-size: 18px;
}
.home-sliders .carousel-inner .carousel-caption {
    bottom: 0;
}
.carousel-indicators {
    bottom: 0;
}
.news_div p>a {
    bottom: 0px !important;
    position: relative;
}
.marquee_section .spot {
    padding: 6px;
    font-size: 12px;
}
.marquee_section marquee {
    padding: 6px;
}
span.view a {
    padding: 8px 0;
    width: 70px;
    font-size: 12px;
}
}
ul#mainmenu ul.sub-menu li ul.sub-menu {
    position: absolute;
    top: 0;
    left: 251px;
    display: none;
}
ul#mainmenu ul.sub-menu li {
    position: relative;
    border-bottom: .5px solid #ff9b00d6;    
}
ul#mainmenu ul.sub-menu li.item-child:after {
    content:"\f0da";
    font-family: fontAwesome;
    position:absolute;
    top: 8px;
    right: 10px;
    color: #fff;;

}
ul#mainmenu ul.sub-menu li .fa-caret-right{
    position: absolute;
    right: 0;
    top: 20px;
}
ul#mainmenu ul.sub-menu li:hover ul.sub-menu {
    display: block;
}
ul.topbar-ul {
    /* z-index: 9; */
    /* position: fixed; */
    /* right: 0; */
    /* top: 40%; */
    /* background: #fff; 
    padding: 2px;*/
    /* border-top-left-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
    /* box-shadow: 0px 10px 20px rgba(0,0,0,.1); */
}
.search_box{
    text-align: center;
}
.banner_content {
    display: flex;
}

.banner_content .flex-box{
    flex:1;
    padding:5px;
    position: relative;
}
.banner_content .flex-box:nth-child(2){
    flex-grow:2.5;
}
li.navbar-right a:hover {
    color: #000 !important;
}
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

 .details h1 {
      font-size: 32px;
      text-align: center;
      margin-bottom: 3px; }
    .details .back-link {
      text-align: center; }
      .details .back-link a {
        display: inline-block;
        margin: 20px 0;
        padding: 15px 30px;
        background: #333;
        color: #fff;
        border-radius: 24px; }
        .details .back-link a svg {
          margin-right: 10px;
          vertical-align: text-top;
          display: inline-block; }
		  
		  .home-sliders .carousel-inner>.item> img {
  
    width: 100%;
}
/*=============== About Us Page CSS Start Here ===============*/
section.feature_box{
    background: #24c5064a;
}
section.feature_box .page_name {
    font-size: 20px;
}
.sec_padding{
    padding:20px 0px;
}
/* .about_bg{
    position: relative;
    margin-bottom: 50px;
    z-index: 9;
    border: 10px solid #338805;
} */
.merge_text_img img {
    shape-outside: url(../Images/about_bg.jpg);
    float: left;
    shape-image-threshold: 0.5;
}
span.merge_text_img {
    position: relative;
    width: auto;
    height: auto;
    float: left;
    /* position: relative; */
    /* margin-bottom: 50px; */
    z-index: 9;
    border: 10px solid #338805;
    margin-right: 20px;
}
.merge_text_img:before {
    content: "";
    /* background: #ffecec; */
    height: 90%;
    width: 80%;
    position: absolute;
    bottom: -10px;
    left: -10px;
    z-index: -1;
    border: 10px solid #e8f2e3;
}
.section_content p{
    margin-bottom: 20px;
}
.service_list {
    padding: 20px;
    background: #3388051c;
}
.service_list li {
    padding: 10px 0px;
    border-bottom: 1px solid #6e8d6f30;
}
.service_list li:last-child {
    border-bottom: 0;
}
.service_list li .fa {
    color: #338805;
}
/* Data Table CSS Start Here */
.table {
    border-spacing: 0 0.85rem !important;
  }
  
  .table .dropdown {
    display: inline-block;
  }
  
  .table td,
  .table th {
    vertical-align: middle;
    margin-bottom: 10px;
    border: none;
  }
  
  .table thead tr,
  .table thead th {
    border: none;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: transparent;
  }
  
  .table td {
    background: #fff;
  }
  
  .table td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  
  .table td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  .avatar {
    width: 2.75rem;
    height: 2.75rem;
    line-height: 3rem;
    border-radius: 50%;
    display: inline-block;
    background: transparent;
    position: relative;
    text-align: center;
    color: #868e96;
    font-weight: 700;
    vertical-align: bottom;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .avatar-sm {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.83333rem;
    line-height: 1.5;
  }
  
  .avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .avatar-blue {
    background-color: #c8d9f1;
    color: #467fcf;
  }
  
  table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > td:first-child:before,
  table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > th:first-child:before {
    top: 28px;
    left: 14px;
    border: none;
    box-shadow: none;
  }
  
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 48px;
  }
  
  table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
  }
  
  table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 50%;
  }
  
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    padding: 0.75rem 1rem 0.125rem;
  }
  
  div.dataTables_wrapper div.dataTables_length label,
  div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0;
  }
  
  @media (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
      -ms-flex-pack: center !important;
      justify-content: center !important;
      margin-top: 1rem;
    }
  }
  
  .btn-icon {
    background: #fff;
  }
  .btn-icon .bx {
    font-size: 20px;
  }
  
  .btn .bx {
    vertical-align: middle;
    font-size: 20px;
  }
  
  .dropdown-menu {
    padding: 0.25rem 0;
  }
  
  .dropdown-item {
    padding: 0.5rem 1rem;
  }
  
  .badge {
    padding: 0.5em 0.75em;
  }
  
  .badge-success-alt {
    background-color: #d7f2c2;
    color: #7bd235;
  }
  
  .table a {
    color: #212529;
  }
  
  .table a:hover,
  .table a:focus {
    text-decoration: none;
  }
  
  table.dataTable {
    margin-top: 12px !important;
  }
  
  .icon > .bx {
    display: block;
    min-width: 1.5em;
    min-height: 1.5em;
    text-align: center;
    font-size: 1.0625rem;
  }
  
  .btn {
    font-size: 0.9375rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
  }
  
  .avatar-blue {
        background-color: #c8d9f1;
        color: #467fcf;
      }
  
      .avatar-pink {
        background-color: #fcd3e1;
        color: #f66d9b;
      }





@media (min-width:1100px) and (max-width:1200px)
{
	.news_div .demo2.demof.gallery_box {
    height: 198px !important;
}
.news_div .demo-wrapper {
    height: 198px;
    /* background: #f6f6f6; */
}
.flex-box .list-unstyled.sidebar.imp_peiyojana li a {
    padding: 11px 30px;
}
.box_bg img {
    width: 17px;
}
.filling_boxes h4 {
    font-size: 14px;
}	
 }	 
/* responsive for 1900 resolution */

@media (min-width:1400px) and (max-width:2000px)
{
.news_div .demo2.demof.gallery_box {
    height: 220px !important;
}
.news_div .demo-wrapper {
    height: 220px;
    /* background: #f6f6f6; */
}

ul.list-unstyled.sidebar.imp_peiyojana li a {
    padding: 5px 30px;
}
.demof li a {
    font-size: 18px !important;
}
.sidebar li a {
    font-size: 18px;
}
.filling_boxes h4, .featured-text p {
    font-size: 1.1vw;
}
}	  
      
.about_section .table tbody tr {
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
    border-radius: 5px;
}
.about_section .table tbody tr td{
    border-top: 0;
}

.left_sidebar .filling_boxes {
    margin-top: 5px;
}
.left_sidebar  ul.list-unstyled.sidebar.imp_peiyojana li a {
    padding: 7.7px 30px;
}
/*======================= Director Page CSS  =======================*/
h3.emp_name {
    padding-top: 80px;
}
h3.emp_name, h3.emp_position{
    font-weight: 300;
}
.emp_name span.text-bold, .emp_position span.text-bold{
    font-weight: 700;
}
.section_content .table tr th{
font-size:13px;
}
.table_selction{
    display: inline-block;
    width: auto;
}
.marb-10 {
    margin-bottom: 10px;
}
/*======================= Organization Structure Page CSS  =======================*/
.org_structure {
    text-align: center;
}
.org_structure img{
	width:100%;
}
/*======================= Holiday Calendar Page CSS  =======================*/

.holiday_box {
    box-shadow: 0px 0px 10px rgba(0,0,0,.15);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}
.holiday_box h3{
    color: #ad0808;
}
.holiday_box li:nth-child(odd) {
    background: #ff9b0015;
    padding: 3px 10px;
    margin-bottom: 5px;
}
.holiday_box li:nth-child(even) {
    background: #33880515;
    padding: 3px 10px;
    margin-bottom: 5px;
}
.holiday_box li:nth-child(odd) .holiday_date{
    font-weight: 500;
    color:#FF5722;
}
.holiday_box li:nth-child(even) .holiday_date{
    font-weight: 500;
    color:#338805;
}

/*===================== Contact Us Page CSS Start Here ========================*/
.section_content h3{
    font-weight: 600;
}
.protect_box {
    padding: 20px;
    background-color: #f0f9f6;
    border-radius: 3px;
    margin-bottom: 30px;
}
.protect_box .figure {
    display: flex;
    margin-bottom: 0;
}
.protect_box figure.figure img {
    width: 35px;
    margin-right: 18px;
    height: 100%;
}
.figure-caption h3 {
    color: #062a4d;
    font-size: 19px;
    text-align: left;
    margin-bottom: 5px;
}
.protect_box figure.figure p {
    margin-bottom: 0;
    font-size: 16px;
}
.map_section iframe header {
    display: none!important;
}
.figure-caption h5 {
    margin-top: 10px;
    margin-bottom: 5px;
}
.map_section p {
    font-size: 24px;
    text-align: center;
    line-height: 40px;
}
.scheme_section figure.figure img {
    width: auto !important;
}
.scheme_section .protect_box {
    border: 1px solid #338805;
}

/*============= Construction Schemes CSS Start Here =============*/
.construction_box {
    margin-bottom: 20px;
}
.construction_box img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.construction_box .figure-caption h5 {
    margin-top: 0px;
    margin-bottom: 5px;
    background: #33880520;
    padding: 10px;
    color: #338805;
    font-weight: 100;
}

/*============= Minister Box CSS Start Here =============*/
.minister_box {
    /* background: #fff8ec; */
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    padding: 5px 10px;
    margin-bottom: 20px;
}
.box_content {
    display: flex;
    padding: 8px 0px;
    border-bottom: 1px solid #ad080875;
}
.minister_img img {
    width: 100px;
    border-radius: 5px;
    border: 1px solid #795548;
}
.minister_position {
    padding: 10px 0px 0px 10px;
}
.minister_position h4 {
    font-size: 20px;
    margin-bottom: 0px;
    color: #ff9b00;
    font-weight: 600;
    margin-bottom: 10px;
}
.minister_position p {
    margin-bottom: 0px;
    color: #42ad08;
    font-size: 15px;
    line-height: 21px;
}
.box_content:last-child {
    border-bottom: 0;
}
@media (min-width:991px) and (max-width:1024px)
{
	.filling_boxes {
    text-align: center;
}
.filling_boxes h4 {
    display: block;
}
	
}