/*
Template Name: Charity HTML Template
Author: yaminncco

Colors:
	Body 		  : #5f646b
	Headers 	: #23262a
	Primary 	: #2fa516
	Grey 		  : #f4f4f8, #e6e6ea

Fonts: Roboto, Source Sans Pro

Table OF Contents
------------------------------------
GENERAL
LOGO
NAVGATION
HEADER
ABOUT
NUMBERS
CALL TO ACTION
TESTIMONIAL
CAUSES
EVENTS
BLOG
ASIDE
FOOTER
RESPONSIVE
OWL THEME
------------------------------------*/

/*=========================================================
	GENERAL
===========================================================*/

/*----------------------------*\
	typography
\*----------------------------*/
     html {
  scroll-behavior: smooth;
}
/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
/*  background: linear-gradient(180deg, #fae100 0%, #fb7e08 50%, #fd3011 100%);
*/  
 background:#2fa516;
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  opacity: 0.7;
}
       body {
      background-image: url("../images/body_img.jpg");
       background-attachment: fixed;
        background-repeat:repeat;/*
         background-size: cover;*/
        }
/*body {

  background-image: url("/images/nature-2.jpg");


  height:auto;


  background-attachment: fixed;

  background-repeat:repeat;
  background-size: cover;
}*/
  @font-face {
  src: url(../fonts/NunitoSans-Regular_0.ttf);
}
body {
  font-family: NunitoSans-Regular_0, sans-serif;
  font-size: 15px;
  font-weight: 300 !important;
  color: #666666;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
  font-family: 'NunitoSans-Regular_0', sans-serif;
  margin-top: 0px;
  color: #23262a;
  letter-spacing: 0px;
}

h1 {
  font-size: 42px;
}

h2 {
  font-size: 33px;
/*    background: -webkit-linear-gradient(#ff9545, #ff730b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #fc6d0b;
}

h3 {
  font-size: 26px;
}


@media (max-width:575.75px) {

h1, h2, h3, h4, h5, h6 {
  font-family: 'NunitoSans-Regular_0', sans-serif;
  margin-top: 0px;
  color: #23262a;
  letter-spacing: 0px;
}

h1 {
  font-size:32px;
}

h2 {
  font-size:28px;
}

h3 {
  font-size: 22px;
}



}
p {
    margin: 0 0 10px;
    line-height: 25px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #2fa516;
}


.title::before {
text-decoration-line: underline;
  text-decoration-style: wavy;
  color:green;
/*        content: "";
    top: 50px;
    position: absolute;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: rgb(47, 165, 22);*/
}
/*.underline::before {
    content: "";
    top: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: rgb(131, 186, 9);
}*/
.causes-content span{
     font-size:20px ;
    font-weight: 500;
    color: #2fa516; 
}
.padding-bottom-10px{
  margin-bottom: 20px;
}
h4 {
  font-size: 21px;
}

a {
  color: #1f3b16;
  font-weight: 400;
  -webkit-transition: 0.3s color;
  transition: 0.3s color;
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
  color: #2fa516;
}
a:active{
  color: #2fa516 !important;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

blockquote {
  position: relative;
  padding: 30px 30px;
  margin: 0px;
  font-size: 15px;
  border-radius: 10px;
  background: #f4f4f8;
  border-left: 0px;
  margin: 30px 0px;
}

blockquote:after {
  content: "\f10e";
  font-family: fontAwesome;
  position: absolute;
  right: -10px;
  bottom: -10px;
  text-align: center;
  font-size: 43px;
    color: #2fa516;
  width: 45px;
  height: 45px;
  line-height: 45px;
  z-index: 22;
}

/*----------------------------*\
	button
\*----------------------------*/

.primary-button {
    position: relative;
    display: inline-block;
    padding: 0px 32px;
    background: #2fa516;
        border: 1px solid #fff !important;
    color: #FFF;
    font-weight:600;
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 25px;
    overflow: hidden;
    opacity: 0.9;
    -webkit-transition: 0.6s all;
    transition: 0.6s all;
 margin: 3px;
}

.primary-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 120%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, -150%);
  transform: scale3d(12, 2, 1) rotate(135deg) translate(0, -150%);
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
        background: #fff;
        border: 1px solid #2fa516;
      color:#2fa516 !important;
}

.primary-button:hover:after, .primary-button:focus:after {
          background: #fff;
        border:1px solid #2fa516 !important;
      color:#2fa516 !important;
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
  transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
}

.primary-button:hover, .primary-button:focus {
          background: #fff;
        border: 1px solid #2fa516 !important; 
      color:#2fa516 !important;
  color: #FFF;
  opacity: 1;
  outline:none;
}

.primary-button2 {
    position: relative;
    display: inline-block;
    padding: 0px 32px;
    background: #fff;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border:1px solid #2fa516;
    border-radius: 25px;
    overflow: hidden;
    opacity: 0.9;
    -webkit-transition: 0.6s all;
    transition: 0.6s all;
    color: #2fa516 !important;
 margin: 3px;
 outline: none;
}

.primary-button2:after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 120%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, -150%);
  transform: scale3d(12, 2, 1) rotate(135deg) translate(0, -150%);
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
      background: #2fa516;
      color:#fff !important;
}

.primary-button2:hover:after, .primary-button2:focus:after {
        background: #2fa516;
      color:#fff !important;
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
  transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
}

.primary-button2:hover, .primary-button2:focus {
      background: #2fa516;
      color:#fff !important;
      Outline:none;
}


               /* buttons for navigation buttton 3*/

.primary-button3 {
    font-size: 16px;
    position: relative;
    display: inline-block;
    padding: 0px 25px;
    background: #fc6d0b;
     border: 1px solid #fc6d0b !important;
    color: #FFF;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border: none;
 /*   border-radius: 25px;*/
    overflow: hidden;
    opacity: 0.9;
    -webkit-transition: 0.6s all;
    transition: 0.6s all;
         margin: 20px 2px;
}

.primary-button3:after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 120%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, -150%);
  transform: scale3d(12, 2, 1) rotate(135deg) translate(0, -150%);
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
        background: #fff;
        border: 1px solid #fc6d0b;
      color:#fc6d0b !important;
}

.primary-button3:hover:after, .primary-button3:focus:after {
          background: #fff;
        border:1px solid #fc6d0b !important;
      color:#fc6d0b !important;
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
  transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
}

.primary-button3:hover, .primary-button3:focus {
          background: #fff;
        border: 1px solid #fc6d0b !important; 
      color:#fc6d0b !important;
  color: #FFF;
  opacity: 1;
  outline:none;
}


.primary-button4 {
  font-size: 16px;
    position: relative;
    display: inline-block;
    padding: 0px 25px;
    background: #fff;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    border:1px solid #fc6d0b;
   /* border-radius: 25px;*/
    overflow: hidden;
    opacity: 0.9;
    -webkit-transition: 0.6s all;
    transition: 0.6s all;
    color: #fc6d0b !important;
       margin: 20px 2px;
    outline: none;
}

.primary-button4:after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 120%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, -150%);
  transform: scale3d(12, 2, 1) rotate(135deg) translate(0, -150%);
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
      background: #fc6d0b;
      color:#fff !important;
}

.primary-button4:hover:after, .primary-button4:focus:after {
        background: #fc6d0b;
      color:#fff !important;
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
  transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
}

.primary-button4:hover, .primary-button4:focus {
      background: #fc6d0b;
      color:#fff !important;
      Outline:none;
}

.primary-button5 {
    position: relative;
    display: inline-block;
    padding: 0px 32px;
    background: #fc6d0b;
        border: 1px solid #fff !important;
    color: #FFF;
    font-weight:600;
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 25px;
    overflow: hidden;
    opacity: 0.9;
    -webkit-transition: 0.6s all;
    transition: 0.6s all;
 margin: 3px;
}

.primary-button5:after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 120%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, -150%);
  transform: scale3d(12, 2, 1) rotate(135deg) translate(0, -150%);
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
        background: #fff;
        border: 1px solid #fc6d0b;
      color:#fc6d0b !important;
}

.primary-button5:hover:after, .primary-button5:focus:after {
          background: #fff;
        border:1px solid #fc6d0b !important;
      color:#fc6d0b !important;
  -webkit-transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
  transform: scale3d(6, 2, 1) rotate(135deg) translate(0, 100%);
}

.primary-button5:hover, .primary-button5:focus {
          background: #fff;
        border: 1px solid #fc6d0b !important; 
      color:#fc6d0b !important;
  color: #FFF;
  opacity: 1;
  outline:none;
}
@media only screen and (max-width: 767px) {

.primary-button3, .primary-button4 {
    padding: 0px 20px;
         margin: 0px 2px;
}

.donte-page{
        background-color: #2fa516;
        width: 100%;
        display: none;        

      }  
#main-navbar {
position:fixed;
  left: 0;
  right: 0;
  top: 0 !important;
  background-color: #FFF;
  z-index: 910;
  border-bottom: 1px solid #edeeee;
}



}





/*----------------------------*\
	input
\*----------------------------*/

.input {
  width: 100%;
  background-color: #FFF;
  border: 1px solid #e6e6ea;
  height: 45px;
  padding: 0px 15px;
  border-radius: 10px;
  -webkit-transition: 0.3s border-color;
  transition: 0.3s border-color;
}

textarea.input {
  height: 90px;
  padding: 15px;
}

.input:focus {
  border-color: #2fa516;
}

/*----------------------------*\
	section
\*----------------------------*/

.section {
  position: relative;
    padding:20px 20px;

}

.section-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;

}

.section-title {
  margin-bottom: 60px;
}

.section-title .title {
  font-size: 43px;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.section-title .sub-title {
    color: #5a5a5a;
  font-size: 22px;
  line-height: 26px;
}

/*=========================================================
	LOGO
===========================================================*/
      .donte-page{
        background-color: #2fa516;
        width: 100%;   
        position:fixed;
        height: 40px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 910;     

      }  
       .donte-page .green-nav{
        float:right;
        color: #fff;
        font-weight: 400;

      } 
       .donte-page .green-nav a{
        color: #fff;
        font-size:14px;
        font-weight: 400;
        margin-right:20px; 
      }
      .donte-page .green-nav i{
       
      margin:12px;
      }

.navbar-brand {
  height: 60px;
/*  padding: 0;
  position: absolute;
  top:4%;
  left:8%;*/
  z-index: 99999;
}

.navbar-brand .logo {
  display: inline-block;
}

.navbar-brand .logo> img{
margin: -11px;
max-height:90px;
}

/*=========================================================
	NAVGATION
===========================================================*/

#main-navbar {
position:fixed;
  left: 0;
  right: 0;
  top: 40px;
  background-color: #FFF;
  z-index: 910;
  border-bottom: 1px solid #edeeee;
}

/*----------------------------*\
	menu
\*----------------------------*/

.navbar-menu .active a{
  /*  border-right: 1px solid #e6e6ea;*/    
    /*border-bottom: 1px solid #2fa516;*/
    background-color:#2fa516;
    color:#fff;
}
.navbar-menu li .active{
  /*  border-right: 1px solid #e6e6ea;*/    
    /*border-bottom: 1px solid #2fa516;*/
    background-color:#2fa516;
    color:#fff;
}
.navbar-menu li i{
margin-left:5px;
}
.navbar-menu li a {
  font-weight:600;
  font-size: 15px; 
padding: 10px 12px 10px 12px;
    border-bottom: 1px solid #fff;
/*  border-right: 1px solid #e6e6ea;*/
}
.navbar-menu li a {
   margin: 20px 2px 20px 2px;
  }
.navbar-menu>li:first-child a:active {
/*color:#2fa516;/*/
    background-color:#2fa516;
    color:#fff;
}

.navbar-menu li a:hover, .navbar-menu li a:focus{
  background-color: transparent;
/*  color: #2fa516 !important;
   border-bottom: 1px solid #2fa516;*/
    background-color:#2fa516;
    color:#fff;
}
.navbar-menu li a:active{
  background-color: transparent;
/*  color: #2fa516 !important;*/
    background-color:#2fa516;
    color:#fff;
}
/*----------------------------*\
	Dropdown
\*----------------------------*/

.navbar-menu li.has-dropdown {
  position: relative;
}

.navbar-menu li.has-dropdown>a {
  font-weight:600;
  font-size: 15px; 
  padding: 10px 10px 10px 10px;
}
.navbar-menu li.has-dropdown{ 

 color: #1f3b16;
}
.navbar-menu li.has-dropdown:after {

/*  font-family: 'FontAwesome';
  content: "\f107";*/
  position: absolute;
    right: 15px;
    top:25px;
  width: 10px;
  font-size: 14px;
  color: #fff;
}

.navbar-menu .dropdown {
  position: absolute;
  width: 250px;
  background: #fff;
  z-index: 91;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
    /*  box-shadow: 1px 3px 5px 3px #c0d8ba;*/
      border-radius: 10px;
  outline: none;
  border:none;

}

.navbar-menu .dropdown li a {
  display: block;
  padding:8px 15px;
   border:none;

}

.navbar-menu .dropdown li a {
  border-top: 1px solid #e6e6ea;
}

.navbar-menu li.has-dropdown:hover>.dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

/*----------------------------*\
	search
\*----------------------------*/
.navbar-menu li span{
  margin:-12px;
}
a:active{
 color:#2fa516; 
}
.navbar-search {
  position: relative;
  float: right;
  margin-left: 15px;
  border-right: 1px solid #e6e6ea;
}

.navbar-search .search-btn {
  border: none;
  background: transparent;
  line-height: 20px;
  padding: 20px;
  color: #23262a;
}

.navbar-search .search-form {
  position: absolute;
  width: 250px;
  right: 0px;
  padding: 20px;
  z-index: 91;
  background: #f4f4f8;
  border-top: 1px solid #e6e6ea;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.navbar-search:hover .search-form {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.search-toggle-btn, .navbar-toggle-btn {
    outline: none;
  float: right;
  width: 60px;
  line-height: 60px;
  color: #23262a;
  background: transparent;
  border-left: 1px solid #e6e6ea;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
}

.search-toggle-btn, .navbar-toggle-btn {
  display: none;
}

/*----------------------------*\
	Responsive Nav
\*----------------------------*/

@media only screen and (max-width: 767px) {
  .navbar-brand {
    padding-left: 20px;
  }
  .navbar-menu {
    margin: 0px -15px;
    border-top: 1px solid #e6e6ea;
    max-height: 0;
    overflow-y: scroll;
    -webkit-transition: 0.3s max-height;
    transition: 0.3s max-height;
  }
  .navbar-menu li {
    border-top: 1px solid #e6e6ea;
  }
  .navbar-menu.navbar-menu-active {
    max-height: 500px;
  }
  /*.search-toggle-btn,*/ 
  .navbar-toggle-btn {
    display: block;
  }
  .navbar-search {
    float: none;
    margin: 0px -15px;
  }
  .navbar-search .search-btn {
    display: none;
  }
  .navbar-search .search-form {
    display: none;
    position: static;
    width: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  .navbar-search.navbar-search-active .search-form {
    display: block;
  }
  /* Dropdown */
  .navbar-menu .dropdown {
    display: none;
    margin-left: 30px;
    border-left: 1px solid #e6e6ea;
    position: static;
    width: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  .navbar-menu li.has-dropdown.dropdown-active>.dropdown {
    display: block;
  }
  .navbar-menu li.has-dropdown:after {
    right: 15px;
    z-index: -1;
  }
  .navbar-menu .dropdown li a {
    display: block;
    padding: 10px 10px;
  }
}
@media (max-width:575.75px) {
.navbar-menu li a {
padding: 15px;
    /* border-right: 1px solid #e6e6ea; */
}
.navbar-menu li.has-dropdown>a {
    padding: 15px 30px 15px 15px;
}

.navbar-menu li.has-dropdown:after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 15px;
    top: 15px;
    width: 10px;
    font-size: 14px;
    color: #23262a;
}
.navbar-menu li a {
       margin: 0px 10px 0px 10px;
  }

}
/*=========================================================
	HEADER
===========================================================*/

#home {
  position: relative;
  height:85vh;
 /* background-color: #fff;*/
}

#home #home-owl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#home-owl .home-item {
  height:85vh;
}

#home-owl .home {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#home-owl.owl-theme .owl-dots {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}

#home-owl.owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}

#home-owl.owl-theme .owl-prev {
  left: 15px;
    display: none;
}

#home-owl.owl-theme .owl-next {
  right: 15px;
    display: none;
}
 .home-content{
    width:auto;
    position: absolute;
      background: rgba(0, 0, 0, 0.5);
    padding:5px;
    text-align: center;
        margin-top:80px;
 }
.home-content h1 {
/*  margin-left: 2%;*/
  font-size:48px;
  color: #fff;
}

.home-content p.lead {
  color: #FFF;
  margin-bottom: 30px;
}

/*#page-header {
  position: relative;
  margin-top: 60px;
  padding: 60px 0px;
}*/
#page-header {
    position: relative;
    /* margin-top: 60px; */
    padding: 30px 0px;
        margin-top: 8%;
}

.header-content h1 {
  font-size: 40px;
  color: #FFF;
  /*text-transform: capitalize;*/
  margin-bottom:20%;
}

.o_u_c .header-content h1 {
  color: #FFF;
  margin-bottom:16%;
}
.donate .header-content h1 {
  color: #FFF;
  margin-bottom:16%;
}
.b_a_tn .header-content h1 {
  color: #FFF;

  margin-bottom:16%;
}
.s_t_u_p .header-content h1 {
  color: #FFF;

  margin-bottom:16%;
}

@media (max-width:750px) {
.header-content h1 {
  font-size:30px;
  color: #FFF;
  /*text-transform: capitalize;*/
  margin-bottom:50%;
}

.o_u_c .header-content h1 {
  color: #FFF;
  margin-bottom:35%;
}
.donate .header-content h1 {
  color: #FFF;
  margin-bottom:50%;
}
.b_a_tn .header-content h1 {
  color: #FFF;

  margin-bottom:40%;
}
.s_t_u_p .header-content h1 {
  color: #FFF;

  margin-bottom:52%;
}

}
.join_us_h1 h1{
  color: #fff;
}
.join_us_h1{
  text-transform: capitalize;
  color: #fff;
  position:absolute;
  top:50%;
  text-align: center;
  left:8%;
  font-weight: 500 !important;
}
@media (max-width:575.75px) {


.join_us_h1{
  text-transform: capitalize;
  color: #fff;
  position:absolute;
  top:35%;
  text-align: center;
  left:10%;
  font-weight: 500 !important;
}
.home-content{
    width:100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    padding:10px;
    margin-top:20%;
    text-align: center;
 }
.home-content h1 {
/*  margin-left: 2%;*/
  font-size:24px !important;
  color: #fff;
}

.header-content h1 {
    font-size:28px;
    color: #FFF;
    /* text-transform: capitalize; */
    margin-bottom:70%;
}

}
@media (max-width:360px) {
.join_us_h1{
  text-transform: capitalize;
  color: #fff;
  position:absolute;
  top:35%;
  text-align: center;
  left:10%;
  font-weight: 500 !important;
}
}
.header-content .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom:50px;
}

.header-content .breadcrumb>li a {
  color: #FFF;
}

.header-content .breadcrumb>li a:hover, .header-content .breadcrumb>li a:hover {
  color: #2fa516;
}

.header-content .breadcrumb>li+li::before {
  color: #FFF;
}

.header-content .breadcrumb>.active {
  color: #2fa516;
}

/*=========================================================
	ABOUT
===========================================================*/

#about{
    background-color:#fff;
    padding-bottom:20px; 
}

#about:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 10px;
  background-color: #f4f4f8;
  z-index: -1;
}

#about .section-title {
  margin-bottom: 30px;
  margin-top: 30px;
}

.about-content .primary-button {
  margin-top: 15px;
}

.about-video {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.about-video>img {
  width: 100%;
}

.about-video .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  font-size: 26px;
}


/*=========================================================
	CALL TO ACTION
===========================================================*/

#cta.section {
  padding: 90px 0px;
  background-image: url(../images/volunteer.jpg);

  height: auto;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

}

.cta-content h1 {
  color: #FFF;
  font-size: 55px;
}

.cta-content p.lead {
  color: #FFF;
}

/*=========================================================
	TESTIMONIAL
===========================================================*/

#testimonial.section {
  padding: 50px 0px;
  background-image: url(../images/banner-images/testimonial-bg.jpg);

  height:auto;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial {
  padding: 15px;
}

.testimonial .testimonial-meta {
  position: relative;
  padding-left: 90px;
  height: 70px;
  margin-bottom: 15px;
  padding-top: 10px;
}

.testimonial .testimonial-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  border-radius: 50%;
  overflow: hidden;
}

.testimonial .testimonial-img img {
  width: 100%;
}

.testimonial .testimonial-meta h3 {
  margin-bottom: 5px;
  color: #fff;
}

.testimonial .testimonial-meta span {
  font-size: 12px;
    color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

.testimonial .testimonial-quote blockquote {
  background: #FFF;
  margin: 0px 0px;
}

#testimonial-owl.owl-theme .owl-dots {
  margin-top: 30px;
}

/*=========================================================
	CAUSES
===========================================================*/

.causes {
  margin-bottom: 10px;
  height: 490px; 


}
.causes-serives{
      background-color: #fff;
  padding-bottom:2%; 
 height:auto; 
  border: 1px solid #fff; 
 border-radius: 10px;
box-shadow: 2px 5px 10px 5px #c0d8ba;
}
.causes .causes-img {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.causes-serives:hover{
  border: 1px solid #92e57f; 
}

@media (max-width:575.75px) {
.header-content .breadcrumb {
    background-color: transparent;
   padding-top: 19px;
    margin-bottom:15px;
}

.section {
    position: relative;
    padding: 10px 10px;
}

.causes {
  margin-bottom: 10px;
  height:auto; 

}
.causes-serives{
 height:auto; 
  border: 1px solid #fff; 
      border-radius: 10px;
      margin:5%;
}


}

.causes .causes-img a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #2fa516;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.causes .causes-img a:hover:after {
  opacity: 0.6;
}

.causes .causes-img img {
  width: 100%;
}

.causes .causes-progress {
  margin-top: 45px;
}

.causes-progress .causes-progress-bar {
  position: relative;
  height: 6px;
  background-color: #e6e6ea;
  border-radius: 10px;
  margin-bottom: 10px;
}

.causes-progress .causes-progress-bar>div {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #2fa516;
  bottom: 0;
  border-radius: 10px;
}

.causes-progress .causes-progress-bar>div span {
  position: absolute;
  right: 5px;
  top: -3px;
  -webkit-transform: translate(50%, -100%);
  -ms-transform: translate(50%, -100%);
  transform: translate(50%, -100%);
  padding: 2px 10px;
  background: #2fa516;
  color: #FFF;
  font-weight: 400;
  border-radius: 10px;
  font-size: 12px;
}

.causes-progress .causes-progress-bar>div span:after {
  content: "";
  position: absolute;
  background-color: #2fa516;
  height: 3px;
  bottom: 0;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: 3px;
  left: 50%;
}

.causes-progress .causes-goal {
  float: right;
}

.causes .causes-content {
  margin-top: 15px;
  padding: 0px 10px 0px 10px;
}

.causes .causes-content h3 {
  text-transform: capitalize;
 /*padding: 0px 10px 0px 10px;*/
}

.causes .causes-content h3>a {
  font-weight: 700;
}

.causes .causes-content .causes-donate {
  margin-top: 15px;
}

.causes-details .causes-progress {
  width: 75%;
  float: left;
  margin-top: 45px;
}

.causes-details .causes-donate {
  float: right;
  margin-top: 30px;
}

/*=========================================================
	EVENTS
===========================================================*/

.event {
  margin-bottom: 60px;
}

.event:after {
  content: "";
  display: block;
  clear: both;
}

.event .event-img {
  position: relative;
  float: left;
  width: 40%;
  border-radius: 10px;
  overflow: hidden;
}

.event .event-img a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #2fa516;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.event .event-img a:hover:after {
  opacity: 0.6;
}

.event .event-img img {
  width: 100%;
}

.event .event-content {
  padding-left: calc(50% + 30px);
}


/*.events span{
  font-size:20px !important;
    font-weight: 500;

    color: #fc6d0b;
    font-style: italic; 
    
}*/
.event span{
  font-size: 22px !important;
    font-weight: 500;
    color: #2fa516;
}
.event p{
margin-top: 10px;
}
.event .event-content h3>a {

    font-weight: 500;

}

.event .event-meta li {
  margin-bottom: 10px;
}

.event .event-meta li>i {
  margin-right: 5px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  color: #2fa516;
  border: 1px solid #e6e6ea;
  text-align: center;
  font-size: 15px;
}

.event-details .event-meta {
  margin-top: 30px;
}

.event-details .event-meta li {
  margin-bottom: 15px;
}

.event-details .event-meta li>i {
  margin-right: 10px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  color: #2fa516;
  border: 1px solid #e6e6ea;
  text-align: center;
  font-size: 21px;
}
@media (max-width:600px) {

.event span{
  font-size: 18px !important;
    font-weight: 500;
    color: #2fa516;
}
}
/*=========================================================
	BLOG
===========================================================*/

.article {
  margin-bottom: 60px;
}

.article .article-img {
  overflow: hidden;
  border-radius: 10px;
}

.article .article-img a {
  position: relative;
  display: block;
}

/*.article .article-img a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #2fa516;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}*/

.article .article-img a:hover:after {
  opacity: 0.6;
}

.article .article-img img {
  width: 100%;
}

.article .article-content {
  margin-top:0px;

}
/******************************************/
@media (max-width:1200px) {
.article .article-content {
  margin-top:0px;
}
}
.article .article-content .article-title {
  text-transform: capitalize;
}

.article .article-content .article-title>a {
  font-weight: 400;
}

.article .article-content .article-meta {
  margin: 15px 0px 10px;
  font-size: 14px;
  font-weight: 400;
}
.article-meta{

}
.article .article-content .article-meta li {
  display: inline-block;
  margin-right: 10px;
}

/*----------------------------*\
	tags & share
\*----------------------------*/

.article-tags-share {
  margin-top: 30px;
}

.article-tags-share:after {
  content: "";
  display: block;
  clear: both;
}

.article-tags-share .tags {
  width: 60%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.article-tags-share .tags li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 3px;
}

.article-tags-share .tags li a:before {
  content: "\f02b";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
}

.article-tags-share .share {
  float: right;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
}

.article-tags-share .share li {
  display: inline-block;
  margin-right: 15px;
}

/*----------------------------*\
	comments
\*----------------------------*/

.article-comments {
  margin-top: 60px;
}

.article-comments .media {
  padding: 30px;
  border: 1px solid #e6e6ea;
  margin-top: 30px;
  border-radius: 10px;
}

.article-comments .media .media-left {
  padding-right: 30px;
}

.article-comments .media .media-left .media-object {
  border-radius: 50%;
}

.article-comments .media .media-body .media-heading {
  margin-bottom: 15px;
}

.article-comments .media .media-body .media-heading h4 {
  display: inline-block;
  text-transform: capitalize;
}

.article-comments .media .media-body .media-heading .time {
  font-size: 12px;
  margin-left: 15px;
  font-weight: 400;
}

.article-comments .media .media-body .media-heading .reply {
  float: right;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}

.article-comments .media .media-body .media-heading .reply:after {
  content: "\f112";
  font-family: FontAwesome;
  margin-left: 5px;
}

/*----------------------------*\
	reply form
\*----------------------------*/

.article-reply {
  margin-top: 60px;
}

.article-reply form {
  margin-top: 30px;
}

.article-reply form .form-group {
  margin-bottom: 30px;
}

/*----------------------------*\
	pagination
\*----------------------------*/

.article-pagination {
  margin-bottom: 60px;
}

.article-pagination li {
  display: inline-block;
  margin-right: 10px;
}

.article-pagination li a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  color: #5f646b;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #e6e6ea;
  -webkit-transition: 0.3s border-color;
  transition: 0.3s border-color;
}

.article-pagination li a:hover {
  border-color: #2fa516;
}

.article-pagination li.active {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  color: #5f646b;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #2fa516;
}

.article-pagination li.active:hover {
  cursor: default;
}

/*=========================================================
	ASIDE
===========================================================*/

.widget+.widget {
  margin-top: 60px;
}

.widget .widget-title {
  margin-bottom: 30px;
  text-transform: capitalize;
}

/*----------------------------*\
	category
\*----------------------------*/

.widget-category ul li+li {
  margin-top: 15px;
}

.widget-category ul li a span {
  color: #2fa516;
  margin-left: 10px;
}

/*----------------------------*\
	posts
\*----------------------------*/

.widget-post+.widget-post {
  margin-top: 30px;
}

.widget-post>a {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom:10%;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0px;
}

.widget-post>a .widget-img {
  position: relative;
  float: left;
  width:150px;
  border-radius: 10px;
  overflow: hidden;
}

.widget-post>a .widget-img>img {
  width: 100%;
}

.widget-post>a .widget-img:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #2fa516;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.widget-post>a:hover .widget-img:after {
  opacity: 0.6;
}

.widget-post>a .widget-content {
  padding-left:160px;
  min-height:100px;
  width:300px;
}

.widget-post .article-meta li {
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
  font-weight: 400;
}

/*----------------------------*\
	causes
\*----------------------------*/

.widget-causes+.widget-causes {
  margin-top: 30px;
}

.widget-causes>a {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: capitalize;
}

.widget-causes>a .widget-img {
  position: relative;
  float: left;
  width: 85px;
  border-radius: 10px;
  overflow: hidden;
}

.widget-causes>a .widget-img>img {
  width: 100%;
}

.widget-causes>a .widget-img:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #2fa516;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.widget-causes>a:hover .widget-img:after {
  opacity: 0.6;
}

.widget-causes>a .widget-content {
  padding-left: 100px;
  min-height: 60px;
}

.widget-causes .causes-progress {
  margin-top: 15px;
}

.widget-causes .causes-raised, .widget-causes .causes-goal {
  font-size: 12px;
}

/*=========================================================
	FOOTER
===========================================================*/

#footer {
  background-color: #f4f4f8;
}

.footer {
  margin-bottom: 30px;
}

.footer .footer-title {
  margin-bottom: 30px;
 /* text-transform: capitalize;*/
}

/*----------------------------*\
	logo
\*----------------------------*/

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

.footer-logo .logo {
  display: inline-block;
}

.footer-logo .logo img {
  max-height:120px;
}

/*----------------------------*\
	contact
\*----------------------------*/

.footer-contact {
  margin-top: 30px;
}

.footer-contact li {
  margin-bottom: 10px;
}

.footer-contact li i {
  margin-right: 5px;
}

/*----------------------------*\
	galery
\*----------------------------*/

.footer-galery {
  margin: 0px -5px;
}

.footer-galery li {
  display: inline-block;
  width: 33.33%;
  margin-right: -4px;
  padding: 5px;
}

.footer-galery li a {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.footer-galery li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #2fa516;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.footer-galery li a:hover:after {
  opacity: 0.6;
}

.footer-galery li a>img {
  width: 100%;
}

/*----------------------------*\
	newsletter
\*----------------------------*/

.footer-newsletter {
  margin: 30px 0px;
}

.footer-newsletter .primary-button {
  margin-top: 15px;
  display: block;
  width: 100%;
}

/*----------------------------*\
	social
\*----------------------------*/

.footer-social li {
  display: inline-block;
  margin-right: 10px;
}

.footer-social li a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  color: #5f646b;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #e6e6ea;
  -webkit-transition: 0.3s border-color;
  transition: 0.3s border-color;
}

.footer-social li a:hover, .footer-social li a:focus {
  border-color: #2fa516;
}

/*----------------------------*\
	copyright & footer nav
\*----------------------------*/

#footer-bottom {
  border-top: 1px solid #e6e6ea;
  padding-top: 30px;
}

#footer-bottom .footer-nav {
  text-align: right;
}

#footer-bottom .footer-nav li {
  display: inline-block;
  margin-right: 15px;
}

#footer-bottom .footer-nav li a {
  color: #5f646b;
}

#footer-bottom .footer-nav li a:hover, #footer-bottom .footer-nav li a:focus {
  color: #2fa516;
}

/*=========================================================
	RESPONSIVE
===========================================================*/

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 991px) {
  .section-title .title {
    font-size: 33px;
    color: #fc6d0b;
  }
  .home-content h1 {
    font-size: 43px;
  }
  .about-video {
    margin-top: 30px;
  }
  .cta-content h1 {
    font-size: 43px;
  }
  #footer-bottom .footer-nav {
    text-align: left;
  }
  .footer-copyright {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .causes-details .causes-progress {
    width: 100%;
    float: none;
  }
  .causes-details .causes-donate {
    float: none;
  }
  .article-tags-share .tags, .article-tags-share .share {
    display: block;
    float: none;
    width: 100%;
  }
  .article-tags-share .share {
    margin-top: 15px;
  }

     .home_post img{
        margin-top:0px;
       width: 350px;
      margin-top:0px;
     }
#home-owl.owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    top:75%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#home {
    position: relative;
    height: 60vh;
}
#home-owl .home-item {
    height: 60vh;
}

#home-owl.owl-theme .owl-dots {
    position: absolute;
    bottom:10px;
    left: 0;
    right: 0;
}


}

@media only screen and (max-width: 480px) {
  .event .event-img {
    float: none;
    margin-bottom: 15px;
  }
  .event .event-content {
    padding-left: 0px;
  }
  .article-comments .media {
    padding: 10px;
  }
  .navbar-brand .logo>img {
    max-height: 60px;
}
}

/*=========================================================
	OWL THEME
===========================================================*/

/*----------------------------*\
	owl nav
\*----------------------------*/

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  background: transparent;
  padding: 0px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 26px;
  margin: 0;
  border-radius: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #2fa516;
}

/*----------------------------*\
	owl dots
\*----------------------------*/

.owl-theme .owl-dots .owl-dot span {
  border: 1px solid #FFF;
  background: transparent;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.owl-theme .owl-dots .owl-dot:hover span {
  border-color: #2fa516;
  background: #2fa516;
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 20px;
  border-color: #2fa516;
  background: #2fa516;
}
/**********************cutomized*******************************/
      .titile-main{
        padding-top: 50px;
        margin-bottom: -5px !important;
}
      }
      .margin-top-bottom{
        margin: 2%;
      }
      .bg-green{
        background-color: #2fa516;
        height: 50px;
        width: 70%;
        text-align: center;
      }
      .jumbotron1{
        color: #fff;
        background-color:none;
        margin:2%;  
        border:1px solid #fff;
        border-radius:20px;
        padding-bottom:2%;
        padding-top:2%; 
        line-height: 40px ;
/*        margin-left: 2%;
        margin-right: 2%;
                margin-right: 2%;*/

      }
      .home_aristotle{
  font-size:28px; font-weight: 600;
}
.home_aristotle_i{
 font-size:19px; font-weight:400; 
}

.gomatha_highlets{
color: #fc6d0b; font-size: 20px; font-weight: 500;"
}





@media (max-width: 767px) {
  .gomatha_highlets{
color: #fc6d0b; font-size:16px; font-weight: 500;"
}
      .jumbotron1{
        color: #fff;
        background-color:none;
        margin:2%;  
        border:1px solid #fff;
        border-radius:20px;
        padding-bottom:2%;
        padding-top:2%; 
        line-height:30px ;

}
.home_aristotle{
 
  font-size:20px; font-weight: 600;

}
.home_aristotle_i{
 font-size:16px; font-weight:400;
}
}


      .carousel-1{
            background-image: url(../images/banner-images/home-page-carousel-1.jpg);
            }
      .carousel-2{
            background-image: url(../images/banner-images/home-page-carousel-2.jpg);
            }
      .carousel-3{
            background-image: url(../images/banner-images/home-page-carousel-3.jpg);
            }



.points ul li{
  margin-left:4%;
  list-style-image: url('../images/bullet.png');
  font-size: 16px;
  line-height:28px;
}
.sub-points {
 color:#2fa516;
  font-size: 16px;
  line-height:30px;
  margin-left:3%;
}
b{
  font-size: 19px;
  line-height: 28px;
}
.so_section{
  font-size:28px;
  color:#000; 
}





       .event_box{
            background-color: #fff;
        border: 1px solid #2fa516;
        height:250px;
        width: 540px;
        margin: 1%;
       margin: 1%;
       border: 1px solid #fff;
       box-shadow: 2px 5px 10px 5px #c0d8ba;
       /* margin:1%;*/

     }
     .home_post_img img{
      width:500px;
      position:relative;
      top: 0;
      margin-top:-15px;margin-left:10px;
      padding:0px; 
     }
 @media (max-width:575.75px) {
           .home_post_img img{
      width:250px;
      padding-top:20px; 
     }

             .event_box{
        border: 1px solid #2fa516;
        height:auto;
        width:auto;


       /* margin:1%;*/

     }
    

      .event img{
        text-align: center;
        align-items:center;
         width:380px !important;
       }
      
     }

     @media (max-width:375px) {
           .home_post_img img{
      width:250px;
      padding-top:20px; 
     }

             .event_box{
        border: 1px solid #2fa516;
        height:auto;
        width:auto;


       /* margin:1%;*/

     }
    

      .event img{
        text-align: center;
        align-items:center;
         width:332px !important;
       }
      
     }

      .event img{
         width:220px ;
       }
      .event_content{
        margin-top: 2%;
      }
    
    .main_para{
      font-weight: 600;
    }




/***********************bg-images*****************************/
.gs-bg{
 background-image: url(../images/banner-images/gomatha_seva_banner.jpg);

}
.donate-bg{
 background-image: url(../images/banner-images/donate-bg.jpg);  
}
.stup-bg{
 background-image: url(../images/banner-images/service_to_under_privileged_banner.jpg); 
}
.oa-bg{
 background-image: url(../images/banner-images/our-activities-bg.jpg);
}
.ouc-bg{
background-image: url(../images/banner-images/orphanage-_underprivelaged_children_banner.jpg);
}
.join-us-bg{
 background-image: url(../images/banner-images/join-us.jpg);   
}
.event-bg{
 background-image: url(../images/banner-images/events_banner.jpg);   
}


@media (max-width:600px) {

.gs-bg{
 background-image: url(../images/banner-images/gomatha_seva_banner.jpg);
height: 380px;
}
.donate-bg{
 background-image: url(../images/banner-images/donate-bg.jpg); 
 height: 380px;
 
}
.stup-bg{
 background-image: url(../images/banner-images/service_to_under_privileged_banner.jpg); 
 height: 380px;

}
.oa-bg{
 background-image: url(../images/banner-images/our-activities-bg.jpg);
 height: 380px;

}
.ouc-bg{
background-image: url(../images/banner-images/orphanage-_underprivelaged_children_banner.jpg);
height: 380px;

}
.join-us-bg{
 background-image: url(../images/banner-images/join-us.jpg);   
 height: 380px;

}
.event-bg{
 background-image: url(../images/banner-images/events_banner-sm.jpg);   
}
}
.aristotle{
 background-image: url(../images/banner-images/aristotle.jpg);  
 padding:2%;
 margin-top: 2%; 
}

.filterDiv {
  float: left;
/*  background-color: #2196F3;
  color: #ffffff;
  width: 100px;
  line-height: 100px;
  text-align: center;
  margin: 2px;*/
  display: none;
}
.filterDiv img{
width:370px;
height: auto;
margin: 2%;
padding: 2%;
}
@media (max-width:360px) {
.filterDiv img{
width:330px;
height: auto;
margin: 2%;
padding: 2%;
}
/*.donate img{
  width: 330px;
  height: auto;
}*/
.donate .idea img{
  width: 30px;
  height: auto;
}
}

.show {
  display: block;
}
/*.filterDiv .primary-button{
  float: right;
}*/

/*.filterDiv .primary-button{
  margin-left: 80%;
}*/
/**********************************************************************/
.donate .so_p{
           font-size:24px !important;
          font-weight: 500;
          color:#2fa516;  
}
.so_p{
          font-size:24px !important;
          font-weight: 500;
          color:#2fa516;  
}

/***********************join us**************************/

  .donate_body {
   padding:2%;
    }
/*  .donate_body p{
      font-size: 18px;
      line-height: 28px;
    } */
     .donate_body td{
       padding:6px;
       font-size: 16px;
       font-weight: 400;
       
         }
         .donate_row{
          margin-top: 2%;
         }
           .donate_row .so_p{
          font-size:18px !important;
          font-weight: 500;
          color:#2fa516; 
         }
         .so_box{
          margin-top:2%;
          border-radius: 10px;
          border:1px solid #2fa516;
           padding:2%;
         }
                  .donate_body .donate_img img{
                  width: 390px;
           height: auto; 
           border:1px solid #2fa516;
         }
         .green_mp{
  font-size:18px;
  color: #000;
}

 .join_title{
         /* background-color: #eaeaea;*/
          line-height:30px !important;
          font-weight:500;
          padding-top:30px;
                   }

           .event_quote-l{
            margin:10px;
           }
           .event_quote-r{
            margin:10px;
           }
           .event_tag{
            font-size:32px;
           color: #2fa516;
           }

           #Seva {
    padding: 11px;
    border-radius: 10px;
    font-size: 16px;
}
.vedio_youtube{
  padding:2%;
}
/*.vedio_youtube p{
  font-size: 18px;
}*/
.shortfilm img{
    width:210px;
    border-radius: 25px;
    border:2px solid #fb3c3c;
}
.shortfilm img:hover{
  transition:500ms;
box-shadow: 2px 5px 10px 5px #ffb9b9;
}
@media (max-width:750px) {
  .shortfilm img{
    width: 250px;
}

           .event_quote-l img{
            width:10px; 
                        margin:0px;

           }
           .event_quote-r img{
            width:10px; 
                        margin:0px;

           }
           .event_tag{
            font-size:20px;
           color: #2fa516;
           }
.donate_row .so_p {
    font-size: 18px !important;
    font-weight: 500;
    color: #2fa516;
}

}

    .donate_body h2{
    font-size:33px; 
    color: #fc6d0b;
    }

    .donate_body h4{
    font-size:24px; 
      text-decoration: underline;
    color: #fc6d0b;
    }


         @media (max-width:575.75px) {
         .donate_body .donate_img img{
           width:350px;
           height: auto; 
         }
             .donate_body h2{
    font-size:24px; 
    color: #fc6d0b;
    }
        }
         @media (max-width:360px) {
         .donate_body .donate_img img{
           width:300px;
           height: auto; 
           margin:2%;
         }
        }



/***********************************event************************************/
 
      #Seva{
          padding:10px;
          border-radius: 10px;
  
          }
      .margin_30px_bottom-top {
       margin-bottom: 30px;
           margin-top: 30px;}
      .image-full-width{margin-left: -50px;}
      .margin_20px_top{margin-top:20px;}
      .interested-btn{margin-top: 0px!important;}
      .margin-left{margin-left: -10px;}
      .event-title{margin-bottom:40px;}
      .home_post {background-color: #eee;padding: 30px;}
      .event-post{background: #fff;padding: 20px;}
.event-meta li>i {
    margin-right: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    color: #2fa516;
    border: 1px solid #e6e6ea;
    text-align: center;
    font-size: 15px;
}
.event-meta li {
    margin-bottom: 10px;
}
  .event_page img{
     width: 300px;
  }
  .event_page ul{
     margin-top:10px;
  }
    
@media (max-width:575.75px) {
.image-full-width{margin-left:0px;
}
.event_page img {
    width:300px;
    margin-bottom: 10px;
}
.so_p {
    font-size: 18px !important;
    font-weight: 500;
    color: #2fa516;
}
.home_post {
     padding:0px;
}
.home_post .form-group{
  margin-top: 10px;
  margin-left: -10px;
}
.section-title .sub-title {
    color: #5a5a5a;
    font-size: 18px;
    line-height: 26px;
}
}

/*****************************form************************************/
        .form_btn{
 background-image: url(../images/banner-images/form_bg.jpg);  
 padding:2%;
 margin-top: 2%; 
     height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
input, select{
  outline: none;
}
        .modal-lg{

        }
          .donate_form{

          overflow:hidden;

             }
              .form_p {
    text-align: center;
    color: #fff;
    margin-bottom: 2%;
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
}

.footer p{
  font-size:20px;
  font-weight: 500;
}
/*h6{
 font-size:24px;
    font-weight:400 !important;
    color: #2fa516; 
}*/


/*************************Our Activities*******************************/

.mobile{
display: none;
}
@media (max-width:750px) {
.desk_top{
display:none;
}
.mobile{
display: block;
}
.donate_body h4 {
    font-size: 18px;
    text-decoration: underline;
    color: #fc6d0b;
}
.donate_body td {
    padding: 6px;
    font-size: 14px;
    font-weight: 600;
}
.form_p {

    font-size: 18px;

}
.form_btn img{
  width: 200px;
}
.form_btn{
  margin-bottom: 20px;
}
}


/*********** volunteeer section*********************/

          .vol_row img{
          width:160px;
          border-radius: 10px;
       }

.home_post img{
      margin-top:0px;
     }

        @media (max-width:600.75px) {
        .idea img{
          width:80px !important;
          height: auto;
          padding: 0px; 
        } 

        }



   .volunteer_box{
    padding:1%;
    border-radius: 10px;
    text-align: center;
    box-shadow: 2px 5px 10px 5px #80808087;
    border:1px solid #fff; 
    margin:1%;
    width:265px; 
    background-color:#fff;
    height:320px;
   }
    .volunteer_box:hover{
    box-shadow: 2px 5px 10px 5px #d9ffe4;
    border:1px solid #2fa516;
   }
   .volunteer_box img{
    width:100px; 
    border-radius:10px; 
   }
      .volunteer_box q{
    font-size: 15px;
    line-height: 24px; 
   }
      .volunteer_box table{
    margin-bottom:3%; 
   }
.volunteer_box:after {
    content: "\f10e";
    font-family: fontAwesome;
    position: absolute;
    right: -10px;
    bottom: -10px;
    text-align: center;
    font-size: 43px;
    color: #2fa516;
    width: 45px;
    height: 45px;
    line-height: 45px;
    z-index: 22;}
.vol_name{
  font-size:18px;
  color: #2fa516;
  font-weight: 600;
}
.vol_sub{
  font-size:14px;
  color: #2d2d2d;
  font-weight:500;
}
    @media (max-width:575px) {
           .volunteer_box{
            margin:8%;
           width:330px; 
           height: 260px;
            }
        }
    @media (max-width:375px) {
           .volunteer_box{
            padding: 1%;
            margin:5% 2%;
           width:330px; 
           height: 280px;
            }
        }

           .vol_row{    
            background-color:#fff;

         padding:2%;
           border-radius:20px;
           box-shadow: 2px 5px 10px 5px #80808087;
           border:1px solid #fff; 
          margin-bottom:2%;

            }
          
           .vol_row table{
          margin-bottom:2%;
            }

          .vol_row p{
              font-size: 18px;

            }
                      .vol_row img{
}
    .vol_row q:after {
    content: "\f10e";
    font-family: fontAwesome;
    position: absolute;
    right: -10px;
    bottom: -50%;
    text-align: center;
    font-size: 43px;
    color: #2fa516;
    width: 45px;
    height: 45px;
    line-height: 45px;
    z-index: 22;
      display: none;
}

          .vol_row:hover{
           box-shadow: 2px 5px 10px 5px #d9ffe4;
           border:1px solid #2fa516;}

        @media (max-width:575px) {
          .vol_row {
    background-color: #fff;
    padding: 5%;
    border-radius: 20px;
    box-shadow: 2px 5px 10px 5px #80808087;
    border: 1px solid #fff;
    margin: 8%;
          align-items: center;
       }

    .vol_row q:after {
    content: "\f10e";
    font-family: fontAwesome;
    position: absolute;
    right: -10px;
    bottom: -10px;
    text-align: center;
    font-size: 43px;
    color: #2fa516;
    width: 45px;
    height: 45px;
    line-height: 45px;
    z-index: 22;
}

        }


#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #2fa516;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background: rgb(47,165,22,0.5);
    color:#fff;
}

/************************************become and tn volunteer**********************************/

      .no_icons img{
        width:40px;
      }
      .margin_top_10{
        margin-top:5%;
      }
      .margin_top_20{
        margin-top:12%;
      }
            @media (max-width:575.75px) {
      .margin_top_10{
        margin-top:0%;
      }
      .margin_top_20{
        margin-top:0%;
      }
}


/********************ok_subscribe botton*****************************/

.fa-spin{ font-size:30px; text-align:center; display:block; }

.alert-info{ position:relative;}
.alert-info#json-events {
    max-width: 60% !important; 
    margin:0 auto;
}
span.ok_subscribe, span.ok_volunteer {
    color: #fff;
    font-size: 12px;
    font-weight: 500 !important;
    background-color: #2fa516;
    padding:8px 20px;
    border-radius: 5px;
   text-align:center;
/*  position: relative;
    top:-15px;
    right: 130px*/
 
}
.close{ opacity: 0.8 !important; }
/*.d-flex.justify-content-center.align-items-center{ min-height: 80px !important; }*/
#json{ min-height:100px;}
#json-events, #json-volunteer{ min-height:80px;}
 
.alert-text-popup{
font-size: 17px;
    font-weight: 500;
}
 .alert-dismissable#json .close, .alert-dismissible#json .close {
    right: 45% !important;
}
 .alert-dismissable#json-events .close, .alert-dismissible#json-events .close {
    right: 45% !important;
}
 .alert-dismissable#json-volunteer .close, .alert-dismissible#json-volunteer .close {
    right: 45% !important;
}


    @media (max-width:575px) {
        .alert-info#json-events div{ min-height: 100px;}
        #json-volunteer div{ min-height:100px;}
        #json div{ min-height:110px;}
        
        #json div.alrexs, #json-volunteer div.alrexs, #json-events div.alrexs{ min-height: 70px !important; }
        
        
        .alert-info#json-events{ max-width: 100% !important; }
        
        /******  ids for second alert message height    *******/
        
    }
/********************ok_subscribes botton*****************************/
    @media (max-width:350px) {
.alert-text-popup{
font-size: 16px;
    font-weight: 500;
}
        
    }
    @media (max-width:300px) {
.alert-text-popup{
font-size: 14px;
    font-weight: 500;
}
        
    }

#chars{ color:red; font-weight:600;}