/*TOP-SECTION*/
.top_section {
    display: inline-block;
    width: 100%;
    border-top: 4px solid #8dc63f;
    padding: 20px 0;

}
ul.contact_number{
}

.login_form_bg {

    height: auto !important;
    position: relative !important;
    margin: 50px auto 150px !important;
    text-align: center !important;
    display: inherit !important;
    top: 0 !important;

}

ul.contact_number li {
    display: inline-block;
    margin: 0 15px 0 0;
}

ul.contact_number li i {

    display: inline-block;
    font-size: 16px;
    margin: 0 10px 0 0px;
    vertical-align: middle;

}

ul.contact_number li span {
    display: inline-block;
    font-size: 14px;
    font-family: 'MetroNovaPro-Regular';

}

ul.login-section {
    text-align: right;
    background: #8dc63f;
    float: right;

}
ul.login-section li {
    vertical-align: middle;
    background: #8dc63f;
    padding: 4px 10px;
    float: left;
    height: 32px;
    border-right: 1px solid #fff;

}
ul.login-section li a {

    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    display: block;

}

ul.login-section li a img {

    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;

}
ul.social_icon {

    float: right;
    vertical-align: middle;
    margin: 0 10px 0 0px;

}

ul.social_icon li {
    display: inline-block;
 vertical-align: middle;
}

ul.social_icon li a {
    color: #000;
    font-size: 20px;
    padding: 10px 14px;

}

ul.social_icon li a:hover{
color:#8dc63f;
}

.logo-section{
	display: inline-block;
	width:100%;
}
.logo-section img{
	display: inline-block;
}

/*TOP-SECTION*/
 /*NAVIGATION*/

.main-nav {

    display: inline-block;
    margin: 12px 0 0;
    position: relative;
    width: 100%;
    border-top: 1px solid #000;
    padding: 10px 0 0 0;

}

.main-nav .navbar-default {
	background: url(../images/nav_icon.png) repeat;
	border: medium none;
	box-shadow: none;
	background-color:none !important;
	margin-bottom:0px;
	border-radius:0px;
	text-align:center;
	z-index:9;
	}


ul.home-nav {

    float: right;
    position: relative;
    width: 100%;
    z-index: 9;
    text-align: right;

}
	
ul.home-nav > li {
    padding: 0 0px;
    position: relative;
    display: inline-block;
    float: none;
    border-right: 2px solid #8dc63f;
    height: 20px;

}
	
ul.home-nav > li:last-child{
	padding-right:0;
border-right:none;
	}
	
.main-nav ul.home-nav > li > a {

    color: #000;
    font-family: 'MetroNovaPro-CondMedium';
    font-size: 16px;
    padding: 0px 9px;
    margin: 0 0px 0 0;
    text-transform: uppercase;

}

.collapse.navbar-collapse {
    padding: 0;
}

.navbar {
    border: medium none;
    margin-bottom: 0;
    min-height: auto;
    position: relative;
}

.main-nav ul.home-nav > li > a:hover{
	color:#8dc63f;

}




ul.home-nav > li > a .fa-home {
    color: #c1d670;
    font-size: 20px;

}

ul.home-nav > li a:hover, ul.home-nav > li a:focus{
	color:#2F4052;
	}
ul.navbar-nav > li > ul {
    display: none;
}

ul.home-nav li ul {
    background: #fff none repeat scroll 0 0;
    left: 0;
    margin: 2px 0 0 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    transform: translateY(40px);
    transition: all 0.4s ease-in-out 0s;
    width: 200px;
    z-index: 999;
	}

ul.navbar-nav > li:hover > ul{
    opacity: 1;
    transform: translateY(1px);
    visibility: visible;
	}
ul.navbar-nav > li ul li:hover ul.navbar-nav > li ul li ul{
}


	
	.nav.navbar-nav.home-nav.bottem-backgroun li:last-child {
		border-radius: 0 0 5px 6px;
	}

	ul.navbar-nav > li ul li{
		 border-bottom: 1px solid  #CCC;
		 position:relative;
		  background: #fff;
		  color:#000;
	 }

	ul.navbar-nav > li ul li:last-child{
	 	border-bottom:none;
	 }
 
	ul.navbar-nav > li ul li a{
		color: #000;
		font-size: 13px;
		font-weight: 400;
		padding: 8px 15px;
		display:block;
 		font-family: 'ralewayregular';
	}
	
	ul.navbar-nav > li ul li a i {
		color: #fff;
		float: right;
		font-size: 16px;
	}


	ul.navbar-nav > li ul li:hover{
	 	background:#009cdc;
	 }

	ul.navbar-nav > li ul li:hover a{
	 	color:#FFF;
	 }

	ul.navbar-nav > li > ul {
		display: none;
	 }

	ul.navbar-nav > li:hover > ul{
	 	display:block;
		background:#000 ;
		
	 }

	ul.navbar-nav > li ul li {
		border-bottom: 1px solid #CCC;
		position: relative;
		background: #fff;
	}
 
	ul.navbar-nav > li ul li ul {
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		left: 199px;
		top: -41px;
	}

ul.navbar-nav > li ul li:hover {
    background: #c1d670 ;
}


 
	ul.navbar-nav > li > ul > li > ul{
	 	display: block;
	 }

	ul.navbar-nav > li > ul > li:hover > ul{
	 	display:block;
		background:#000 ;
		color:#fff !important;
		opacity:1
	 }

	ul.navbar-nav > li ul li ul li:hover ul{
		display:block;
		background:#000 ;
		color:#fff !important;
		opacity:1
	}
	 
	ul.navbar-nav > li > ul > li > ul > li > a{
	 	color:#000 !important;
	 }
	
	ul.navbar-nav > li > ul > li > ul > li:hover > a{
	 	color:#FFF !important;
	 }

	ul.navbar-nav > li > ul > li > ul > li > ul{
	 	display:none;
	 }

	ul.navbar-nav > li > ul > li > ul > li > ul > li > a{
	 	color:#687074 !important;
	 }
 
	ul.navbar-nav > li > ul > li > ul > li > ul > li:hover > a{
	 	color:#FFF !important;
	 }
	
	ul.navbar-nav > li > ul > li > ul > li:hover > ul{
		 display:block;
	 }

/*NAVIGATION*/

/**************BANNER-SLIDER-SECTION*************/
.main_slider_section {
    display: inline-block;
    width: 100%;
	position:relative;
}
ul.main_slider{
    width: 100%;
}
ul.main_slider li{
    width: 100%;
}
ul.main_slider li img{
	display: inline-block;
    width: 100%;
}
.contan-slider {
    position: absolute;
    top: 22%;
    right: 0;
    width: 60%;
    left: 0;
    margin: 0 auto;
text-align: right;
}
.contan-slider h1{
	font-size:48px;
	color:#fff;
	font-family: 'MetroNovaPro-CondLight';
	text-align: right;
}
.contan-slider h2 {
    font-size: 175px;
    color: #8dc63f;
    font-family: 'MetroNovaPro-CondMedium';
    text-align: right;
    margin: 20px 0 41px 0;
}
.contan-slider h3{
	font-size:48px;
	color:#fff;
	font-family: 'MetroNovaPro-CondLight';
	text-align: right;
}
.contan-slider span {
    font-size: 45px;
    color: #fff;
    font-family: 'MetroNovaPro-CondLight';
    text-align: right;
    display: inline-block;
    margin: 0 7px 0 0;
}
.backgrond-img {
    background: rgba(0,0,0, .4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
ul.main_slider .owl-dots{
display:none !important;
}

/**************BANNER-SLIDER-END-SECTION*************/

/**************DONATE-SECTION*************/
.donate-section{
	background:#8dc63f;
	display: inline-block;
    width: 100%;
	padding:40px 0
}
.donate_contan{
	display: inline-block;
    width: 100%;
}
.donate_contan h3 {
    display: inline-block;
    font-size: 40px;
    color: #000;
    width: 100%;
}
.donate_contan h3 span{
	display: inline-block;
	font-size:40px;
	color:#fff;
}
.boder {
    display: inline-block;
    width: 145px;
    height: 3px;
    background: #fff;
}
.donate_bg {
    display: inline-block;
    width: 100%;
    margin: 15px 0 0 0;
}
.donate_bg h4 {
    display: inline-block;
    font-size: 20px;
    color: #000;
    width: 100%;
    line-height: 28px;
}
.donate_now {
    display: inline-block;
    vertical-align: middle;
    width: 77%;
    padding: 0px 0px 53px;
    height: auto;
    background: #000;
    border-radius: 73px;
    position: relative !important;
    overflow: hidden;
}

.donate_now button {
    background: #000;
    color: #fff;
    border: none;
    font-size: 20px;
    vertical-align: bottom;
    height: 0;
    box-shadow: 0 0 4px 0px #000;
    display: inline-block;
    padding: 0;

}

.donate_now.hvr-sweep-to-right::before{
background:#fff;
color:#000;
}
.donate_now.hvr-sweep-to-right:hover button{
color:#000;
}
.donate_now button img {
    display: inline-block;
    margin: 0 0px 0 10px;
}
/**************DONATE-SECTION-END-SECTION*************/

/**************SERVISES-SECTION-SECTION*************/
.servise_contan {
    display: inline-block;
    width: 100%;
    padding: 60px 0;
}
.image_servise{
display: inline-block;
	width:100%;
}

.image_servise img{
	display: inline-block;
	width:100%;
}
.servise_bg{
}
.servise_bg h2 {
    display: inline-block;
    font-size: 40px;
    color: #000;
    width: 100%;
}
.servise_bg h2 span{
	display: inline-block;
	font-size:40px;
	color:#8dc63f;
}
.servise_boder {
    display: inline-block;
    width: 145px;
    height: 3px;
    background: #8dc63f;
}
.inner_contan{
 display: inline-block;
    width:100%;
	position:relative;
}

.inner_contan p {
    font-size: 20px;
    color: #000;
    font-family: 'MetroNovaPro-CondLight';
    margin: 30px 0 0 0;
    line-height: 27px;
}
.inner_contan a {
    display: inline-block;
    margin:60px 0 0 0;
    background: #8dc63f;
    border-radius: 50px;
    padding: 8px 30px;
    height: auto;
	overflow: hidden;
}
/**************SERVISES-SECTION-END-SECTION*************/

/**************SERVISES-SECTION-SECTION*************/
.Orphans{
	background:#f5f5f5;
	padding:40px;
	width:100%;
}
ul.sectors_section {
    display: inline-block;
    width: 100%;
    text-align: center;
}
ul.sectors_section li .blogs {
    display: inline-block;
    padding: 25px 0 20px;
    width: 100%;
    text-align: center;
    font-size: 32px;
    border-right: 1px solid #8dc63f;
}
ul.sectors_section li .blogs
.blog {
	padding:30px 0 30px;
}

.sectors_contan{
}
.sectors_contan h4{
color:#8dc63f;
font-size:24px;
}
/**************SERVISES-SECTION-END-SECTION*************/
/**************WHAT WE DO-SECTION*************/
.educate_heading{
}
.enhancment {
    display: inline-block;
    width: 100%;
    padding: 60px 0;
}
.educate_heading{
}

.educate_heading h2 {
    display: inline-block;
    font-size: 40px;
    color: #000;
    width: 100%;
}

.educate_section {
    display: inline-block;
    width: 100%;
    background: #f5f5f5;
    padding: 30px 15px;
}
.educate_section h4 {
    display: inline-block;
    font-size:25px;
     color: #8dc63f;
    width: 100%;
}

.educate_section h4 span {
    display: inline-block;
    font-size:25px;
    color: #000;
}
.educate_section p {
    font-size: 20px;
    color: #000;
    font-family: 'MetroNovaPro-CondLight';
    margin:20px 0 0 0;
    line-height: 27px;
}

.donate_button {
    display: inline-block;
    margin: 0;
    width: 100%;
    padding: 15px 15px;
    border: none;
    border-radius: 0px;
    background: #8dc73f;
    text-align: left;
    height: 50px;
}

.donate_button::before {
   border-radius:0px!important ;
    content: "";
    position: absolute ;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
}
.donate_button h5 {
	float:left;
    text-align: left;
font-size:18px
}
.donate_button a {
    text-align: left;
float:right;
color:#000;
font-size:18px;
  margin: -3px 0 0 auto;
}

.donate_button:hover a {
    color: #fff;
}

.viw_section {
    width: 100%;
    float: right;
    margin: 20px 0 0 0;
}

.viw_section a {
    float: right;
    border: none;
    border-radius: 50px;
    padding: 7px 25px;
    height: auto;
background:#8dc63f;
overflow:hidden;
}

/**************WHAT WE DO-SECTION-END*************/
/**************JOIN US-SECTION-SECTION*************/
.joinus_section{
  display: inline-block;
	width:100%;
	position: relative;
}
.joinus_files {
    display: inline-block;
    width: 100%;
    padding: 60px 0;
}
.joinus_section img{
  display: inline-block;
	width:100%
}
.backgrond-joinus {
    background: rgba(0,0,0, .6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.joinus_contan {
    position: absolute;
    width: 100%;
    top: 0;
    text-align: center;
}
.joinus_heading{
 display: inline-block;
  width: 100%;
}

.joinus_heading h3 {
    display: inline-block;
    font-size: 40px;
    color: #8dc63f;
    width: 100%;
}
.joinus_heading h3 span {
    display: inline-block;
    font-size: 40px;
    color: #fff;
}
.joinus_boder {
    display: inline-block;
    width:80px;
    height: 3px;
    background:#8dc63f;
}
.join_bg {

    display: inline-block;
    width: 100%;
    padding: 40px;

}
.join_bg h5 {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
}
ul.volunteer_section {
    display: inline-block;
    width: 100%;
    margin: 40px 0 0 0;
}
.volunteer_butten {
    display: inline-block;
    width: 80%;
    background: #8dc63f;
    border-radius: 50px;
    border: 1px solid #8dc63f;
    height: auto;
    overflow: hidden;

}
.volunteer_butten:hover a{
 color: #fff;
}
.volunteer_butten:hover{
border: 1px solid #fff;
}

.volunteer_butten a {

    color: #000;
    font-size: 18px;

}
.volunteer_butten span{
color:#fff;
}

/**************JOIN US-SECTION-SECTION-END*************/

/**************SUCCESS-SLIDER-SECTION*************/
.success_slider {
    display: inline-block;
    width: 100%;
    padding:60px 0;
}

ul.succeess_slides {
    display: inline-block;
    width: 100%;
    margin: 40px 0 0 0;
}

ul.succeess_slides li {
    display: inline-block;
    width: 100%;

}

ul.succeess_slides .owl-dots{
display:none !important;
}
ul.succeess_slides .owl-prev {
    position: absolute !important;
    left: -24px !important;
    top: 120px !important;
    color: #8dc63f ;
    font-size: 55px !important;
}
ul.succeess_slides .owl-next{
 position: absolute !important;
    top: 120px !important;
    color: #8dc63f ;
    font-size: 55px !important;
	right:-24px !important;
}
.bg_boder{
width:100%;
    display: inline-block;
    border: 2px solid #8dc63f;

}

.box .icon li {
    display: inline-block;
}
.box{
    text-align: center;
    overflow: hidden;
    position: relative;
}
ul.succeess_slides li a:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(141,198,63, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
ul.succeess_slides li a:after{ transform: scaleY(0); }
ul.succeess_slides li a:hover:before{ transform: scaleX(1); }
ul.succeess_slides li a:after{ transform: scaleY(1); }
ul.succeess_slides li a img {
    width: 100%;
    transition: all 0.5s ease 0s;
}
ul.succeess_slides li a:hover img{
    transform: scale(1.3);
}
ul.succeess_slides li a .box-content {
    width: 100%;
    position: absolute;
    top: 42%;
    left: 0;
    z-index: 99;
}
ul.succeess_slides li a .title{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
ul.succeess_slides li a:hover .title{
    opacity: 1;
}
ul.succeess_slides li a .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
ul.succeess_slides li a:hover .icon{
    transform: scaleX(1);
}
ul.succeess_slides li a .icon li{ display: inline-block; }
ul.popup_image li a .icon li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #000;
    margin-right: 5px;
    transition: all 0.3s ease 0s;
}
ul.succeess_slides li a .icon li a:hover{
}
ul.succeess_slides li a ul.icon li a i {
    font-family: "Font Awesome 5 Brands";
    font-size: 45px;
    color: #fff;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 20px; }
}

ul.succeess_slides li a .back-cons {
    background: rgba(0,0,0, 0.3);
    display: inline-block;
    position: absolute;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.popup-contan {
    display: inline-block;
    width: 100%;
    margin: 0 0 11px 0;
}

.popup-contan h4 {
    color: #f58220;
    font-size: 17px;
    font-family: 'Gotham-Medium';
    text-transform: none;

}
#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0 !important;
    width:520px !important;
    display: inline-block;
    margin: 0 auto;
    right: 0;
    text-align: center;
}
#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
    text-align: center;
    bottom: 120px !important;

}

.video_title {

    display: inline-block;
    width: 100%;
    padding: 14px 15px;

}

.video_title h5{
	 display: inline-block;
    width: 100%;
font-size:25px;

}

.video_title p {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0 0 0;
}
/**************SUCCESS-SLIDER-SECTION-END*************/
/**************NEWS-SECTION*************/
.footer_logo{
}
.new_section{
display: inline-block;
    width: 100%;
}

.new_section h2 {
    display: inline-block;
    font-size: 40px;
    color: #000;
    width: 100%;

}
.link_news {

    float: right;

}
.link_news a{
	font-size:20px;
	color:#8dc63f;
}
.link_news a i {
    font-size: 23px;
    display: inline-block;
    margin: 0 0px 0 3px;

}
ul.new_event {
    background: #f5f5f5;
    display: inline-block;
    width: 100%;
    padding: 0px 20px;
    border-top: 2px solid #8dc63f;
    margin: 5px 0 0 0;
}

ul.new_event li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #8dc63f;
    padding:29px 0;
}
ul.new_event li:last-child{
  border-bottom:none;
}
.new_image {
    width: 120px !important;
    height: 120px;
    float: left;
    border: 2px solid #8dc63f;
}

.new_image img{
width:100%;
}

.contan_new {
    width: 66%;
    float: left;
    margin-left: 4%;

}
.contan_new h6 {
    width: 100%;
    float: left;
    color: #000;
    font-size: 20px;
    margin: 0 0 5px 0;
}
.contan_new span{
	float:left;
	color:#6e6e6e;
	font-size:12px;
}
.contan_new p {
    float: left;
    color: #000;
    font-size: 14px;
    margin: 6px 0 0 0;

}
.contan_new a {
    color: #8dc63f;
    font-size: 14px;
    float: right;
    margin: 15px 0 0 0;
}

ul.events{
    background: #f5f5f5;
    display: inline-block;
    width: 100%;
    padding: 0px 20px;
    border-top: 2px solid #8dc63f;
    margin: 5px 0 0 0;
}
ul.events li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #8dc63f;
    padding: 20px 0;
}
ul.events li:last-child{
  border-bottom:none;
}

.events_images{
    width:231px !important;
    height:230px;
    float: left;
    border: 2px solid #8dc63f;
}

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

.contan_events {
    width: 58%;
    float: left;
    margin-left: 4%;

}
.contan_events h6 {
    width: 100%;
    float: left;
    color: #000;
    font-size: 20px;
    margin: 0 0 5px 0;
}
.contan_events span{
	float:left;
	color:#6e6e6e;
	font-size:12px;
}
.contan_events p {
    float: left;
    color: #000;
    font-size: 15px;
    margin: 5px 0 0 0;
    line-height: 23px;

}
.contan_events a {
    color: #8dc63f;
    font-size: 14px;
    float: right;
    margin: 15px 0 0 0;
}
/**************NEWS-SECTION-END*************/
/**************SOCIAL MEDIA*************/
.social_madia {
    background: #8dc63f;
    width: 100%;
    display: inline-block;
    padding: 40px 0;
    margin: 40px 0 0;
}
.madia_contan{
	width: 100%;
    display: inline-block;
position:relative;
}

.social_heading {
    width: auto;
    transform: rotate(-90.5deg);
    height: 280px;
    float: left;
    margin: 16px 0 0;
    position: relative;
    top: 30px;
}
.social_heading h2 span {
    display: inline-block;
    font-size: 40px;
    color: #fff;

}

.social_heading h2 {
    display: inline-block;
    font-size: 40px;
    color: #000;
    width: 100%;

}
.facebook {
    float: left;
    width:33%;
    position: relative;
    left: -196px;
}

.instagram {
    float: left;
    width: 25%;
    position: relative;
    left: -140px;

}
.tweets_section {
    float: left;
    width: 25%;
    position: absolute;
    right: -10px;
}
/**************SOCIAL MEDIA-END*************/
/**************WHAT WE DO-SECTION*************/
.whatwedo-section{
    background: #8dc63f;
    display: inline-block;
    width: 100%;
    padding: 40px 0;

}
.carity_section {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.carity_section h4 {
    display: inline-block;
    font-size: 40px;
    color: #000;
    width: 100%;
}
.carity_section h4 span {
    display: inline-block;
    font-size: 40px;
    color: #fff;
}

.boder_inner {
    width: 125px;
    height: 3px;
    background: #fff;
    margin: 19px auto 0;
}
.donate_inner{
 display: inline-block;
 width: 100%;
}
.donate_inner label {
    display: inline-block;
    width: auto;
    font-size:22px;
    font-weight: normal;
    vertical-align: middle;
}
.donate_inner select {
    display: inline-block;
    width: 33%;
    border: none;
    margin: 0 0 0 20px;
    vertical-align: middle;
}
/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: Arial;
    display: inline-block;
    margin: 0 0 0 15px;
    width: 44%;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
    background-color: #fff;
    font-size: 18px;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border:8px solid transparent;
  border-color: #8dc63f transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #8dc63f transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
	height: 40px;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color:#fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
font-size:18px
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: #8dc63f;
color:#fff;
}
.amount_contan {
    display: inline-block;
    width: 60%;

}
.amount_contan input {
    border: none;
    color: #000;
    padding: 8px 9px;
    height: 40px;
    width:100%;
}
.donates_butten {
    margin: 0 15px 0 0px;
    width: 30%;
    border-radius: 50px;
    overflow: hidden;
    background: #000;
    padding: 0;
    height: 40px;
    float: right;
    border: 1px solid #000;
}
.donates_butten.hvr-sweep-to-right::before {
    background: #fff;
}
.donates_butten button {
    border: none;
    background: none;
    color: #fff;
    padding: 10px 35px;
    height: auto;
}
.donates_butten:hover button{
 color: #000;
}

.what_wedo_inner {
    display: inline-block;
    width: 100%;
    padding: 60px 0px;

}
.educate_boder {
    float: left;
    width: 100%;
    border: 2px solid #8dc63f;
    padding: 10px;
}
ul.educate_bg {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;
}
ul.educate_bg li {
    display: inline-block;
    margin-bottom: 40px;
}
ul.educate_bg img{
    display: inline-block;
    width: 100%;
}
.educate_imag{
 display: inline-block;
    width: 100% !important;
}
.educate_imag img{
    display: inline-block;
    width: 100%;
}
.district_section {
    background: #f5f5f5;
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 3px solid #cccccc;
}
.district_heading{
width: 100%;
display: inline-block;
}

.district_heading h4 {
    display: inline-block;
    font-size: 18px;
    color: #8dc63f;
    width: 100%;
}
.district_heading h4 span {
    display: inline-block;
    font-size:17px;
    color: #000;
}
.district_contan{
	width: 100%;
	display: inline-block;
}
.district_contan p {
    font-size:16px;
    color: #000;
    font-family: 'MetroNovaPro-CondLight';
    margin: 10px 0 0 0;
    line-height: 23px;

}
.district_contan a {
    color: #8dc63f;
    font-size: 14px;
    float: right;
    margin: 15px 0 0 0;
}
.number_Students{
}
.Students_section {
    display: inline-block;
    width: 100%;
    margin: 13px 0 0 0;
}
.Students_section .custom-select {
    position: relative;
    display: inline-block;
    margin: 0 0 0 0px;
    width: 100%;
   border-radius: 12px;
    border: 1px solid #cccccc;
}
.Students_section .select-selected {
    padding:10px 10px;
    font-size: 14px;
    color: #b6b6b6;
    border-radius: 12px;
border:none;
}
.Students_section .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    font-size: 14px;
	border-radius: 8px;

}
.Students_section .select-selected::after {
    border-color: #cccccc transparent transparent transparent;
}
.Students_section .select-selected.select-arrow-active::after {
    top: 14px;

}
.Students_section .select-items div, .select-selected{
color: #b6b6b6;

}
.Students_section .select-items div:hover, .same-as-selected {
    background-color: #b6b6b6;
    color: #000;

}
.number_progress {
 width: 100%;
   border-radius: 12px;
    border: 1px solid #cccccc;
    display: inline-block;
    margin:15px 0 0 0;
}
.number_progress span {
    background: #8dc63f;
   padding: 8px 9px;
    font-size: 18px;
    float: left;
    width: 157px;
    border-radius: 12px 0 0 12px;
    font-family: 'MetroNovaPro-CondLight';
    color: #fff;
}
.number_progress input {
    border: none;
    color: #000;
    padding: 11px 9px;
    height: auto;
    width: 170px;
    float: left;
    border-radius: 0px 12px 12px 0px;

}
.Students_donate {
    margin: 15px 0px 0px 0px;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #8dc63f;
    padding: 0;
    height: 40px;
    float: right;
     border: 1px solid #cccccc;
}

.Students_donate button {
    border: none;
    background: none;
    color: #fff;
    padding: 10px 35px;
    height: auto;


}
.Students_donate.hvr-sweep-to-right::before {
  border-radius: 12px;
}
/**************WHAT WE DO-SECTION-END*************/

/**************POJECT DETAIL-SECTION*************/
.educate_bg{
 	display: inline-block;
    width: 100%;
    margin: 13px 0 0 0;
}

.educate_bg p {
    font-size:20px;
    color: #000;
    font-family: 'MetroNovaPro-CondLight';
    margin: 10px 0 0 0;
    line-height: 26px;
}

ul.educate_contans {
    display: inline-block;
    width: 100%;
    margin: 60px 0 0 0;
}

ul.educate_contans li {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;

}

.educates_images{
}

.educates_images {
    float: left;
    width: 100%;
    border: 2px solid #8dc63f;
    padding: 10px;

}
.educates_listing{
 	display: inline-block;
    width: 100%;
}
.educates_listing h2 {
    display: inline-block;
    font-size:30px;
    color: #000;
    width: 100%;
}
.educates_listing h2 span {
    display: inline-block;
    font-size:30px;
    color: #8dc63f;
}
.listing_contan{
	display: inline-block;
    width: 100%;
}
.listing_contan p {
    font-size: 20px;
    color: #000;
    font-family: 'MetroNovaPro-CondLight';
    margin: 10px 0 0 0;
    line-height: 26px;
    text-align: justify;

}

.listing_contan a {
font-family: 'MetroNovaPro-CondensedBold';
    color: #8dc63f;
    font-size:14px;
    margin: 15px 0 0 0;

}
.listing_contan #slickbox{
    font-size: 20px;
    color: #000;
    font-family: 'MetroNovaPro-CondLight';
    margin:0px 0 0 0;
    line-height: 26px;
    text-align: justify;

}

.back_contan {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.back_butten{
    display: inline-block;
    width:16%;
    background: #8dc63f;
    background-color: rgb(141, 198, 63);
    border-radius: 50px;
    border: 1px solid #8dc63f;
    height: auto;
    overflow: hidden;

}
.back_butten a {
    color: #000;
    font-size: 18px;
}
.back_butten  button {
    border: none;
    background: none;
    color: #fff;
    padding: 8px 30px;
    height: auto;

}

/**************POJECT DETAIL-SECTION-END*************/

/**************ALUMNITABLEPAGE-SECTION-*************/
  .alumni_section {

    width: 85%  !important;
    padding: 50px 1px 100px 74px  !important;
    margin: 0 auto  !important;

}
.alumni_table{
	width:100%;
	display:inline-block;
}
.alumni_page {
    width: 100%;
    display: inline-block;
    margin: 40px 0 0 0;
}
.alumni_page .table > thead {
}
.alumni_page .table > thead tr {
}

.alumni_page .table > thead > tr > th {
   background: #8dc63f !important;
    color: #fff  !important;
    font-weight: normal;
    font-size: 14px;
    border-bottom: none;
    border-right: 1px solid #dadada;
    text-align: left;
    position: relative;
   
}

.alumni_page .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #8dc63f !important;
    background: #8dc63f !important;
}

.alumni_page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
    border: 1px solid #8dc63f !important;
      background: #8dc63f !important;
    box-shadow: none;
}
.alumni_page .table {
border-left:1px solid #dadada;
}

.alumni_page .table > thead > tr > th:first-child::before{
content:none;
}
.alumni_page .table > thead > tr > th:first-child {
    text-align: center;
    padding: 8px 8px;
    width: auto !important;
}
.alumni_page .table > thead > tr > th:last-child{
text-align:center;

}

.alumni_page .table > thead > tr > th:last-child::before{
content:none;

}
.alumni_page .table > tbody > tr > td:last-child{
text-align:center;

}
.alumni_page .table > tbody > tr > td:first-child{
text-align:center;

}
.alumni_page .table > thead > tr > th::before{
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
	color:#fff;
}

.alumni_page .table > tbody > tr > td{
 	border-right: 1px solid #dadada;
	text-align:left;
padding:8px 8px;

}
.alumni_page .table > tbody > tr:nth-child(2n){
background:#f0f0f0;
}

.pagination_section {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 45px 0 0 0;
}

.page-link {
    color: #000 !important;
}
ul.pagination {
    margin: 0;
    vertical-align: middle;

}
.pagination_section .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color:#fff !important;
    background-color:#8dc63f;
    border-color: #fff;

}
.Start_section {
    display: inline-block;
    margin: 0 20px 0px 0;
    vertical-align: middle;

}
.Start_section button {
    background: #8dc63f;
    border: none;
    color: #000;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 5px;
}

.end_section {
    display: inline-block;
    margin: 0 0px 0px 20px;
    vertical-align: middle;

}
.end_section button {
    background: #8dc63f;
    border: none;
    color: #000;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 5px;
}
ul.information_section li input {
    background: none;
    border: none;
    color: #000;
    padding: 10px 10px;
}
ul.information_section li.btn {
     padding:0px;
}

ul.information_section .hvr-sweep-to-right:before {
        border-radius:0px;
}

.back_buttens {
    width: auto !important;
    float: left;
    margin:0px 0 0 0;
}

.back_buttens{
    display: inline-block;
    width:16%;
    background: #8dc63f;
    background-color: rgb(141, 198, 63);
    border-radius: 50px;
    border: 1px solid #8dc63f;
    height: auto;
    overflow: hidden;

}
.back_buttens a {
    color: #000;
    font-size: 18px;
}

.back_buttens button {
    border: none;
    background: none;
    color: #fff;
    padding: 3px 22px;
    height: auto;
    margin: 0px 0 0 0;
}
#Contentbody_btnUpload2 {

    width: 100% !important;
    height: auto !important;

}


#btnUpload2
{
        width: 100% !important;
    height: auto !important;

}


/**************ALUMNITABLEPAGE-SECTION-END*************/

/**************APPLY-SECTION-*************/

.apply_section {
    display: inline-block;
    width: 100%;
    padding: 60px 0;
    margin: 0 0 100px 0px;
}
.apply_image {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border: solid 1px #999999;
}
.apply_image img{
display: inline-block;
    width: 100%;
}
ul.filds_section{
	display: inline-block;
    width: 100%;
margin: 30px 0 0 0;
}

ul.filds_section li {
    display: inline-block;
    margin-bottom: 20px;

}

ul.filds_section li label {
    color: #8e8e8e;
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
	margin: 0 20px 0 0px;
}
ul.filds_section li.degree input {
    vertical-align: middle;
	display: inline-block;
    border: none;
    border-bottom: 1px solid #cccccc;
	width:60%;

}
ul.filds_section li.employer input {
    vertical-align: middle;
	display: inline-block;
    border: none;
    border-bottom: 1px solid #cccccc;
	width:35%;

}

ul.filds_section li input {
    vertical-align: middle;
	display: inline-block;
    border: none;
    border-bottom: 1px solid #cccccc;
	width:70%;

}
.skills_section {
    width: 100%;
    display: inline-block;
    padding: 0px 0;
    margin: 30px 0 0 0;

}
.skills_section h5{
	display:inline-block;
	font-family: 'MetroNovaPro-CondLight';
	color:#000;
    font-size:28px;
}
.skills_section h5 span{
	color:#8dc63f;
}

ul.skills_heading {
    width: 100%;
    display: inline-block;
    margin:30px 0 0 0;

}

ul.skills_heading h6{
	display:inline-block;
	font-family: 'MetroNovaPro-CondLight';
	color:#000;
    font-size:20px;
}

.textarea_section .notes {
    background-image: -webkit-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -moz-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -o-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-size: 100% 31px;
    border:none;
    line-height: 31px;
    padding: 8px;
	height: auto;
}
.textarea_section {
    display: inline-block;
    margin: 30px 0 0 0;
    width: 100%;
   
}

.textarea_section textarea {
  margin:0%
}
.textarea_section span{
	color: #8e8e8e;
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size:20px;
}

/**************APPLY-SECTION-END*************/

/**************registeration-section*************/
.registeration_butten input {
    background: none;
    border: none;
}
.registeration-section {
    display: inline-block;
    margin: 50px 0 76px;
    width: 100%;
}
#UserDashboard {
    position: absolute;
    top: 200px;
    left: 20%;
}

.registeration_contan {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0 0;
}

.registeration_contan p{
	color: #000;
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
	font-size:20px;
	line-height: 26px;
}

.registeration_butten{
    display: inline-block;
    width:28%;
    background: #8dc63f;
    background-color: rgb(141, 198, 63);
    border-radius: 50px;
    border: 1px solid #8dc63f;
    height: auto;
    overflow: hidden;
	margin:30px 0 50px 0;
}
.registeration_butten a {
    color: #000;
    font-size: 18px;
}

.registeration_butten button {
    border: none;
    background: none;
    color: #fff;
    padding: 3px 22px;
    height: auto;
    margin: 0px 0 0 0;
}

ul.information_section {
    display: inline-block;
    width: 100%;
    margin: 30px 0 30px 0;
}

ul.information_section li{
 display: inline-block;
}

ul.information_section li select {
    display: inline-block;
    height: 40px;
    background: #eeeeee;
    border-radius: 8px;
	font-size: 14px;
}

.academic_section{
	width:100%;
	display:inline-block;
}

.academic_section h4 {
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size: 20px;
    text-transform: none;
}

.academic_section h4 span{
color:#8dc63f;
}

ul.college_section {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;
}
ul.college_section li {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

::placeholder {
    color:#000;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#000;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color:#000;
}

ul.college_section li input{
	display: inline-block;
	height: 40px;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 14px;
}

.uplode_image{
}


    .avatar-edit {
        position: absolute;
        right: 12px;
        z-index: 1;
        top: 10px;
}
.avatar-upload {
    position: relative;
}
    .avatar-edit {
        position: absolute;
        right: 12px;
        z-index: 1;
        top: 10px;
}
.uplode_image .avatar-upload .avatar-edit input {
    display: none;

}
    
  .uplode_image label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #FFFFFF;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all .2s ease-in-out;
}
.avatar-upload .avatar-edit input + label::after {

    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;

}
.uplode_image .avatar-preview {
    width: 100%;
    height: 220px;
    position: relative;
    border: 6px solid #F8F8F8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 105px 0 0 0;

}
.uplode_image .avatar-upload .avatar-preview > div {

    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.permanent_section{
    margin:15px 0 0 auto;
	border-top:1px solid #8dc63f;
	width:100%;
	display:inline-block;
}

ul.permanent_contan {
    width: 100%;
    display: inline-block;
    margin: 30px 0 0 auto;

}

ul.permanent_contan li {
    display: inline-block;
    margin-bottom: 20px;
}

ul.permanent_contan li input{
	display: inline-block;
	height: 40px;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 14px;
}
.inner_input{
	width: 100%;
    display: inline-block;
}
.inner_input input{
	display: inline-block;
	height: 40px;
	background: #eeeeee;
	border-radius: 8px;
	font-size: 14px;
}

.skills_heading {
    width: 100%;
    display: inline-block;
    margin:15px 0 20px;
}
.skills_heading h4 {
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size: 24px;
    text-transform: none;

}
.skills_heading h4 span {
    color: #8dc63f;
}

ul.marketing_section{
}
ul.marketing_section li {
    display: inline-block;
    width: 19%;
    margin-bottom: 15px;
}

ul.marketing_section li label {
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    margin: 0 0px 0 10px;
	font-weight: normal;

}

ul.marketing_section li input {
    display: inline-block;
    height: auto;
    background: #eeeeee;
    border-radius: 8px;
    font-size: 14px;
    vertical-align: middle;
}

.captcha_section {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0 0;
}

.captcha_section input {
    display: inline-block;
    height: auto;
    background: #eeeeee;
    border-radius: 8px;
    font-size: 14px;
    vertical-align: middle;
    width: 40%;

}

.captcha_butten {
    margin: 25px 0px 40px 0px;
    width: 12%;
    border-radius: 50px;
    overflow: hidden;
    background: #8dc63f;
    padding: 0;
    height: 40px;
    float: left;
    border: 1px solid #cccccc;
}
.captcha_butten button {
    border: none;
    background: none;
    color: #fff;
    padding: 10px 35px;
    height: auto;

}
/**************registeration-section-END*************/
/**************CAREERS-SECTION*************/
.career_section{
	padding:60px 0;
	width:100%;
	display:inline-block;

}
.career_section .table {
	margin:40px 0px
}
.career_section .table > tbody > tr:nth-child(2n) {
    background: #f0f0f0;
}
.career_section .table > thead > tr > th {
    background: #8dc63f;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    border-bottom: none;
    text-align: left;
    position: relative;
    z-index: -2;
	padding:15px 15px;
}
.career_section  .table > tbody > tr > td:first-child {

    text-align: left;

}
.career_section .table > tbody > tr > td {
    text-align: left;
    padding: 15px 15px;
    border-top: none;
    vertical-align: middle;

}
.career_section .table > tbody > tr > td:last-child{
	text-align:center;
}

.career_section .table > tbody > tr > td button {
    border: none;
    background: #000;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
}
.career_section .table > tbody > tr > td button:hover{
	background:#8ec63f;
}
/**************CAREERS-SECTION-END*************/

/**************CONTACTUS-SECTION*************/
.contactus_section{
	padding:60px 0;
	width:100%;
	display:inline-block;

}

.contact_section {
    display:inline-block;
    width: 100%;

}

.contact_section h4{
}

/**************CONTACTUS-SECTION-END*************/

/**************VOLUNTEER REGISTRATION FORM-SECTION*************/
ul.registration_section {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;

}

ul.information_section li label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    color: #000;
    display: inline-block;
    margin: 0 0 0;
    padding: 0 11px;

}

ul.registration_section li {
    display: inline-block;
    margin-bottom: 20px;

}
ul.registration_section li input {
    display: inline-block;
    height: 40px;
    background: #eeeeee;
    border-radius: 8px;
    font-size: 14px;

}
ul.colleges_section {
    display: inline-block;
    width: 100%;
    margin:0px 0 0 0;
}

ul.colleges_section li {
    display: inline-block;
    margin-bottom: 20px;
}

ul.colleges_section li input {
    display: inline-block;
    height: 40px;
    background: #eeeeee;
    border-radius: 8px;
    font-size: 14px;
}

ul.Memberships {
    display: inline-block;
    width: 100%;
    margin:30px 0 0 0;
}

ul.Memberships li {
    display: inline-block;
    margin-bottom: 20px;
	width: 100%;
}

ul.Memberships li input {
    display: inline-block;
    height: 40px;
    background: #eeeeee;
    border-radius: 8px;
    font-size: 14px;
	width: 100%;
}



.uplode_image .avatar-preview {
    width: 100%;
    height: 282px;
    position: relative;
    border: 6px solid #F8F8F8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 30px 0 0 0;

}
/**************VOLUNTEER REGISTRATION FORM-SECTION-END*************/

/**************LOGIN-SECTION*************/
.login_section{
width: 100%;
display:inline-block;
position:relative;
}
.backgrond_login {
    background: rgba(0,0,0, .2);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.login_section img{
width: 100%;
display:inline-block;
}

.login_pages {
    background: rgba(255,255,255, .6);
    width: 100%;
    display: inline-block;
    padding: 40px 0px;
    position: absolute;
    text-align: center;
    border-bottom: 4px solid #8dc63f;
    top: 0;
}
.login_pages {
    background: rgba(255,255,255, .6);
    width: 100%;
    display: inline-block;
    padding: 40px 0px;
    position: absolute;
    text-align: center;
    border-bottom: 4px solid #8dc63f;
    top: 0;
}
.login_pages {

    background: rgba(255,255,255, .6);
    width: 100%;
    display: inline-block;
    padding: 40px 0px;
    position: absolute;
    text-align: center;
    border-bottom: 4px solid #8dc63f;
    top: 0;
    left: 0;

}
.login_form {
    background: rgba(255,255,255, .6);
    width: 32%;
    display: inline-block;
    padding: 40px;
    position: absolute;
    text-align: center;
    top: 23%;
    height: 34%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 15px;
    border: 4px solid #8dc63f;
    box-shadow: 0px 0px 48px -16px #000;
}
.hvr-sweep-to-right:before {
        border-radius: 0 !important;
}
.login_heading {
    display: inline-block;
    margin: 28px 0 0 0;

}

.main-logo {
    display: inline-block;
    margin: 8px 0px 0 15px;
    width: 100%;
    text-align: center;
}

.login_butten input {
    background: none;
    border: none;
    color: #fff;
    padding: 11px 72px;
}
.login_heading h3 {
  font-family: 'MetroNovaPro-Bold';
    font-size: 40px;
    text-transform: u;
    color: #000;
    text-shadow: 0 0 10px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 2px #fff;
    text-transform: uppercase;

}
ul.login_contan {
    width: 100%;
    display: inline-block;
    margin: 60px 0 0;

}
ul.login_contan li {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;

}
ul.login_contan li input {
    border: 1px solid #8dc63f;
    height: 50px;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
}
.login_butten {
    margin:34px auto;
    width:30%;
    border-radius: 50px;
    overflow: hidden;
    background: #8dc63f;
    padding: 0;
    height: auto;
    float: none;
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;

}
.login_butten button {
	background:none;
    border: none;
    color: #fff;
    padding:10px 30px;
    height: auto;
    margin: 0px 0 0 0;
	font-size:18px;
 	text-transform: uppercase;
}
.forgot_section{
 	display: inline-block;
    width: 100%;
}
.forgot_section a {
font-family: 'MetroNovaPro-CondensedBold';
    display: inline-block;
    color: #000;
    font-size: 14px;
}

/**************LOGIN-SECTION-END*************/

/**************Alumni_Profile-SECTION*************/
.ex-Student {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;

}
.ex-Student label {
    color: #8e8e8e;
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 20px 0 0px;

}
.ex-Student input {
    vertical-align: middle;
    display: inline-block;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #cccccc;
    width: 70%;

}
.academic_section {
    width: 100%;
    display: inline-block;
    margin: 30px 0 0 0;

}
.academic_section h5 {
    display: inline-block;
    font-family: 'MetroNovaPro-CondLight';
    color: #000;
    font-size:20px;

}
.academic_section h5 span {
    color: #8dc63f;
}

.academic_bg {
    display: inline-block;
    width: 145px;
    height:1px;
    background: #8dc63f;

}

ul.employees_section {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;

}

ul.employees_section li {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;

}
ul.employees_section li label {
    color: #8e8e8e;
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 20px 0 0px;

}
ul.employees_section li input {
    vertical-align: middle;
    display: inline-block;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #cccccc;
    width:61%;

}
.architecture_section {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #8dc63f;
    border-bottom: solid 1px #8dc63f;
    margin: 20px 0 0 0;
    padding: 10px 0 30px;
}

ul.mailing_section {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;

}

ul.mailing_section li {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;

}
ul.mailing_section li label {
    color: #8e8e8e;
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 20px 0 0px;

}
ul.mailing_section li input {
    vertical-align: middle;
    display: inline-block;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #cccccc;
    width:83%;

}

ul.alumni_contacts {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;
    padding-bottom:70px;

}
ul.alumni_contacts li {
    display: inline-block;
    margin-bottom: 20px;
}

ul.alumni_contacts li label {
    color: #8e8e8e;
    font-family: 'MetroNovaPro-CondLight';
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 20px 0 0px;

}

ul.alumni_contacts li input {
    vertical-align: middle;
    display: inline-block;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #cccccc;
    width:75%;

}

.alumni_butten {
    background: #8dc63f;
    display: inline-block;
    height: auto;
    padding: 0;
    border-radius: 50px;
    overflow: hidden;
    margin: 50px 0 0 0;
}
.alumni_butten button {

    float: right;
    border: none;
    border-radius: 50px;
    padding: 7px 25px;
    height: auto;
background:none;
    

}
/**************Alumni_Profile-SECTION-END*************/

/**************FOOTER-SECTION-*************/
.footer_section{
	background:#262e3b;
	padding:60px 0 0;
	width:100%;
	display:inline-block;
}


ul.adders_section {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;

}
ul.adders_section li {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
ul.adders_section li:last-child{
  margin-bottom:0px;
}
ul.adders_section li i {
    color: #fff;
    font-size: 20px;
    float: left;
    width:12%;
}

ul.adders_section li span {
    color: #fff;
    font-size: 14px;
    float: left;
    width: 88%;
    line-height: 22px;
}
.impotant_links {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #626976;
    padding-bottom: 8px;
}

.impotant_links h5{
 	color: #fff;
    font-size:20px;
}
ul.liks_important{
}
ul.liks_important li{
 display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #626976;
}
ul.liks_important li:last-child{
   border-bottom: none;
}
ul.liks_important li a {
    color: #fff;
    font-size: 14px;
    padding:8px 10px;
    display: inline-block;
    width: 100%;
}
ul.liks_important li a:hover{
background:#8dc63f;
}

.email_section {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
}

.email_section input {
    display: inline-block;
    width: 100%;
    background: #fff;
    color: #000;
    border: none;
    padding: 7px;
    font-size: 14px;
    border-radius: 4px;
}

.email_section button {
    width: 40%;
    background: #fff;
    color: #000;
    border: none;
    padding: 7px;
    font-size: 14px;
    border-radius: 4px;
    float: right;
    margin: 11px 0 0 0;
}
.email_section button:hover{
background:#8dc63f;
color:#fff;
}

.followus_heading {
    padding-bottom: 8px;
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;
}

.followus_heading h5{
 	color: #fff;
    font-size:20px;
}
ul.follow_us {
    display: inline-block;
    width: 100%;
    margin: 15px 0 0 0;

}
ul.follow_us li {
    display: inline-block;
    margin: 0 18px 0 0;
}
ul.follow_us li:last-child{
   border-bottom: none;
 margin: 0 0px 0 0;
}

ul.follow_us li a {
    display: inline-block;
    color: #fff;
    width: 35px;
    height: 35px;
    font-size: 18px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #fff;
    padding: 4px 0;
}
ul.follow_us li a:hover{
background:#8dc63f;
}
.copyrights {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #626976;
    padding: 35px 0;
    text-align: center;
    margin: 35px 0 0;
}
.copyrights p {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 14px;
}
.alumni_table table.dataTable.no-footer {
    border-bottom: 1px solid #111;
    display: inline-block;
    width: 100%;
}
.alumni_page .table {

    width: 100%;

 
}

.dashboard-stats {

    display: inline-block;
    width: 1330px;
    position: absolute;
    left: 16%;
    right: 0;
    text-align: center;
    top: 310px;
    margin: 0;
    border: 5px solid #8dc63f;
    height: 220px;
    box-shadow: 0 0 35px 1px #000;

}
.page-sidebar {

    position: absolute;
    width: 149px;
    margin-top: 0;
    height: 100%;
    background: #8dc63f;
    top: 0;
    z-index: 9;

}

.container-fluid {
    padding-left: 0px;

}
.captcha_butten input {
        padding: 8px 22px !important;
}
ul.information_section1 {
    display: inline-block;
    width:79%;
}

ul.information_section1 li select {
     display: inline-block;
    width: 100%;
}


ul.information_section1 li {
     display: inline-block;
    width: 100%;
}


ul.information_sectionbg {
    display: inline-block;
    width:20%;
}



.alert .close {
    
    
    right: 0px !important;
    
}



/**************FOOTER-SECTION-END*************/