/* ==========================================================================
  header styles
  ========================================================================== */
  .home header{
  	position: fixed;
  	top: 0;
  	background-color: transparent;
  }
  .home header  ul li{
  	border-right: 1px solid #ececec;
  }
  .home header .top-head-right ul{
  	border-left: none !important;
  }
  .home header a{
  	color: #fff;
  }
  .home header .buttons a.donate{
  	border: 1px solid #fff;
  }
.home-page .slider{
	overflow:hidden;
}

  .wpml-ls-legacy-list-horizontal{
  	float: left;
  	padding: 2px !important;
  }

  .top-head-right a{ border-right: solid 1px #cccccc; padding-right: 15px;  }
  header{
  	background: #fff;
  	width: 100%;
  	z-index: 999;
  	position: fixed;
  	padding: 20px 0;
  	-moz-transition: all 0.3s ease;
  	-ms-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	-webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
  }
  header .sticky-logo{
  	display: none;
  	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
  }
  header.sticky .sticky-logo{
  	display: block;
  }
  .logo-sticky{
  	-webkit-transition: all 0.4s ease;
  	transition: all 0.4s ease;
  	-moz-transition: all 0.3s ease;
  	-ms-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	-webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
  }
  header.sticky .logo-sticky{
  	display: none;
  }
  .home header.sticky a{
  	color: #000;
  }
  .home header.sticky .buttons a.donate {
  	color: #563487;
  	background: #fff;
  	width: 125px;
  	border: 1px solid #d7d7d7 !important;
  	top: 0px;
  }
  .home header.sticky .nav-opener:before,.home header.sticky .nav-opener:after, .home header.sticky .nav-opener span{
  	background: #000;
  }
  header.sticky{
  	padding: 10px 0;
  	position: fixed;
  	top: 0;
  	background: #fff;
  	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22);
  }
  header.sticky .nav-opener{
  	top: 47px;
  }
  header.sticky .top-head-right {
  	padding-left: 20px;
  }
  header.sticky .top-head-right a{
   padding-right:20px;
}

  header.sticky a{
  	font-size: 14px;
  }
  header.sticky .logo{
  	width: 150px;
  	padding-top: 15px;
  }
  header.sticky .buttons a.hlp{
  	width: 190px;
  }
  header.sticky .second-cnt {
  	margin-top: 8px;
  }
  header.sticky .buttons a{
  	height: 35px;
  	line-height: 35px;
  	font-size: 11px;
  }
  header.sticky .top-head-right ul li img{
  	height: 35px;
  }
  header .logo{
  	width: 225px;
  	float: left;
  	transition: all 0.4s ease;
  	-webkit-transition: all 0.4s ease;
  	-moz-transition: all 0.4s ease;
  	-o-transition: all 0.4s ease;
  	-ms-transition: all 0.4s ease;
  }

  header .right-cnt{
  	width: calc(100% - 225px);
  	float: right;
  	transition: all 0.4s ease;
  	-webkit-transition: all 0.4s ease;
  	-moz-transition: all 0.4s ease;
  	-o-transition: all 0.4s ease;
  	-ms-transition: all 0.4s ease;
  }
  header .top-head {
  	float: right;
  }
  header .top-head-left,header .top-head-right{
  	float: left;
  }
  header .top-head-left{
  	padding-top: 21px;
  }

  header.sticky .top-head-left{
  	padding-top: 4px;
  }

  header .top-head-right{
  	padding-left: 17px;

  }
  header .top-head-right ul {
  	/*border-left: 1px solid #878787;*/
  	margin-left: 0px;
  	padding-left: 10px;
  	display: inline-block;
  }

  header .top-head-right ul li{
  	border-right: none;
  }
  header .top-head-right ul li img{
  	height: auto;
  	transition: all 0.4s ease;
  	-webkit-transition: all 0.4s ease;
  	-moz-transition: all 0.4s ease;
  	-o-transition: all 0.4s ease;
  	-ms-transition: all 0.4s ease;
  }

  header .top-head-right ul li:first-child img{

  }
  header  ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  header  ul li{
  	display: inline-block;
  	border-right: 1px solid #cccccc;
  	padding:0 15px;
  }
  header  ul li:last-child{
  	border-right: none;
  	padding-right: 0;
  }
  header  a{
  	color: #585858;
  	font-weight: 900;
  	font-size: 17px;
  }

  header .top-head-left a{
  	color: #000;
  }

  .home header .top-head-left a{
  	color: #fff;
  }


  .home header .top-head-left {
  	padding-top: 23px;
  }

  header .top-head-left ul li:last-child{
  	border-right: 1px solid #cccccc !important;
  	padding-right:  15px !important;
  }



  .wpml-ls-current-language a{
  	color:#f448a8 !important
  }



/*.home header.sticky .top-head-right ul{
		border-left: 1px solid #8c8c8c;
		}*/

		.home header.sticky .top-head-left a{
			color: #000;
		}

		.home header.sticky .top-head-left {
			padding-top: 14px;
		}

		.home header.sticky a.number{
			position: relative;
			top: -5px;
		}

		header .lang, header .buttons{
			float: left;
		}
/*header .lang{
	margin-top: 10px;
	}*/
	header .buttons{
		margin-left: 35px;
	}
	header .second-cnt{
		margin-top: 10px;
	}
	header .buttons a{
		font-size: 15px;
		font-weight: bold;
		border: 1px solid #00a651;
		height: 45px;
		line-height: 45px;
		display: inline-block;
		text-align: center;
	}
	header .buttons a.donate{
		color: #563487;
		background: #fff;
		width: 125px;
		border: 1px solid #d7d7d7;
		font-family: 'Gotham';
		font-weight: 900;
		position: relative;
		top: -1px;

	}



	.home header .buttons a.donate{
		border: none !important;
		top: -2px;
	}

	.home header.stiky .buttons a.donate{
		border: 1px solid #d7d7d7 !important;
		top: 0px;
	}
	header .buttons a.hlp{
		background: #00a651;
		width: 225px;
		margin-left: 10px;
		margin-right: 45px;
		color: #fff;
	}
	header .container{
		position: relative;
	}
	.nav-opener {
		position: absolute;
		right: 3px;
		top: 80px;
		float: right;
		width: 60px;
		height: 35px;
		border-radius: 0;
		margin: 0;
		z-index: 9999;
		cursor: pointer;
	}

	.home .nav-opener {
		top:80px;
	}


	ol {list-style-type: decimal;}
	.nav-opener:before, .nav-opener:after{
		content: '';
	}
	.home .nav-opener:before, .home .nav-opener:after, .home .nav-opener span{
		background: #fff;
	}
	.nav-opener:before, .nav-opener:after, .nav-opener span{
		background: #000;
		border-radius: 0;
		position: absolute;
		top: 19px;
		left: 25%;
		right: 25%;
		height: 2px;
		margin-top: -2px;
		transition: all 0.2s linear;
		content: '';

	}
	.nav-opener:before{
		top:11px;
	}
	.nav-opener:after{
		top:27px;
	}
	.navbar{
		float: none !important;
		padding: 0;
		width: 100%;
		margin: 0;
		height: 0;
		overflow: hidden;
		transition: all 0.20s ease;
		-webkit-transition: all 0.20s ease;
		position: fixed;
		right: -100%;
		/* left: 0; */
		border: none;
		top: 0px;
		z-index: 999;
		background: #fff;
		min-height: auto;
		height: 100vh;
		padding-top:50px;
		text-align: center;
		transition: all 1s;
		z-index: 99999;
	}
	.nav-active .navbar{
		right: 0;
	}
	.navbar .navbar-right{
		float: none !important;
	}
	.nav-active .nav-opener:after, .nav-active .nav-opener:before{
		transform: rotate(45deg);
		top: 50%;
		left: 25%;
		right: 25%;
		background: #000;
	}
	.nav-active .nav-opener:after{
		transform: rotate(-45deg);
	}
	.nav-active .nav-opener span{
		opacity: 0;
	}
	.nav-container{
		width: 100%;
		position: fixed;
		left: 0;
		height: 0%;
		top: 0;
		z-index: 999;
		background: rgba(43, 47, 58, 0.98);
		opacity: 0;
		visibility: hidden;
		transition: opacity .35s, visibility .35s, height .35s;
		overflow: hidden;

	}
	.nav-container nav{
		position: relative;
		height: 100%;
    /* top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); */
    /* text-align: center; */

}
.nav-container{
	width: 100%;
	position: fixed;
	left: 0;
	height: 0%;
	top: 0;
	z-index: 999;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
	
}
.nav-container nav .menu-slider{
	display: table;
	height: 100%;
}

.nav-container nav  a.menu-title{
	color: #585858;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	right: 0;
	text-align:center;
	top: 50%;
	transition: all 1s;
	font-size: 21px;
}
body.nav-active .nav-container{opacity: 1;visibility: visible;height: 900px;}
.nav-container .owl-carousel .owl-stage-outer{
	height: 100%;
}
.nav-container .owl-carousel .owl-stage{ height: 100%; display: table;}
.nav-container .owl-carousel .owl-item{
	display: table-cell;
	vertical-align: middle;
	float: none;
	border-right: 1px solid #ebebeb;
	text-align: center;
	background-image: url(../images/menu-img-1-1.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 20% !important;

	
}
.nav-container .owl-carousel .owl-item::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: 998;
	transition: all 1s;
}
.nav-container .owl-carousel .owl-item::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
}
.nav-container .item{
	position: relative;
	z-index: 999;
}
.nav-container .owl-carousel .owl-item:nth-child(2){
	background-image: url(../images/menu-img-2.jpg);
}
.nav-container .owl-carousel .owl-item:nth-child(3){
	background-image: url(../images/menu-img-3.jpg);
}
.nav-container .owl-carousel .owl-item:nth-child(4){
	background-image: url(../images/menu-img-4.jpg);
}
.nav-container .owl-carousel .owl-item:nth-child(5){
	background-image: url(../images/menu-img-5.jpg);
}
.nav-container .hover{padding: 0 40px;}
.nav-container .hover ul li{
	display: block;
	text-align: left;
	border-right: none;
	padding: 0px;
	border-bottom: 1px solid #fff;
}
.nav-container .hover ul li:last-child{
	border: none;
}
.nav-container .hover{
	opacity: 0;
	transition: all 1s;
}
.nav-container .hover ul {
	margin-top: 150px;
}
.nav-container .hover ul li a{
	font-size: 16px;
	padding: 15px 0px;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
}

.nav-container .owl-carousel .owl-item a.menu-main{
	display: block;
	transition: all 1s;
	transform: rotate(-90deg);
	color: #fff;
	font-size: 42px;
	text-align: left;
}

.nav-container .owl-carousel .owl-item:hover .hover{
	opacity: 1;
}
.nav-container .owl-carousel .owl-item:hover a.menu-title{
	display: none;
}
.nav-container .owl-carousel .owl-item:hover::before{
	opacity: 0;
}


.loading {
	animation: rotation 20s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}
@keyframes beat{
	to { transform: scale(1.2); }
}
.home-page .banner-sec{
	/* background-image: url(../images/top-bg.jpg);  */
	background-image: url(../images/banner-home-2.jpg); 
	width: 100%;
	height:1102px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}
/* .home-page .banner-img img{
	display: block;
	margin: 100px auto 0 auto;
	} */
	.home-page .banner-buttons{
		padding: 0 15px;
	}
	.home-page .banner-buttons a{
		background: #fff;
		color: #000;
		font-size: 14px;
		line-height: 20px;
		display: inline-block;
		text-transform: uppercase;
		font-weight: bold;
		padding: 15px 20px;
	}
	.home-page .banner-buttons a.btn{
		color: #fff;
		background: #cf1d82;
		font-size: 14px;
		display: inline-block;
		width: 180px;
		text-align: center;
		margin-top: 10px;
		transition: all 1s;
	}
	.home-page .banner-buttons a.btn span{
		padding-left: 5px;
		transition: all 1s;
		display: inline-block;
	}
	.home-page .banner-buttons a.btn:hover span{
		transform: translateX(10px);
	}
	.home-page .banner-img{
		position: relative;
	}
	.home-page .banner-contents{
		text-align: center;
		position: relative;
		transform: translateY(-50%);
		top: 50%;
	}
	.home-page .banner-contents h2{
		color: #ffffff;
		font-weight: bold;
		font-size: 30px;
		line-height: 30px;
		text-transform: uppercase;
	}
	.home-page .section-two{
		background-image: url(../images/bg-2-1.jpg); 
		width: 100%;
		padding: 50px 0;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		position: relative;
	}
	.home-page .strip{
		position: absolute;
		left: 0;
		bottom: -145px;
		z-index: 99;
	}
	.home-page .banner-round{
		position: absolute;
		bottom: -35px;
		right: 260px;
		z-index: 9;
	}
	.section-two .box-sets .box-img img{
		display: block;
		margin: 0 auto;
		transition: all 1s;
	}
	.section-two .box-sets .box:hover .box-img img{
		transform: translateY(-10px);
	}
	.section-two .box-sets span{
		text-align: center;
		font-size: 20px;
		line-height: 22px;
		margin-top: 10px;
		color: #fff;
		display: block;
		text-transform: uppercase;
		font-weight: 900;
	}
	.section-two .box-sets .box{
		background-image: url(../images/box-bg-1.png); 
		padding: 20px 0;
		width: 100%;
		background-position: center;
		background-size: cover;
		margin-top: 25px;
		background-repeat: no-repeat;
		border: 1px dashed #b5c3d4;
		border-radius: 15px;
	}
	.section-two .box-sets .box:nth-child(2){
		background-image: url(../images/box-bg-2.png); 
	}
	.section-two .box-sets .box:nth-child(3){
		background-image: url(../images/box-bg-3.png); 
	}
	.section-two .story-set{
		padding-top: 50px;
	}
	.section-two .story-set .story{
		float: left;
		margin: 0 25px 20px 0;

	}
	.section-two .image-border{
		width: 120px;
		height:120px;
		border: 1px dashed #9bb4ca;
		border-radius: 50%;
		overflow: hidden;
		position: relative;

	}
	.section-two .story-img{
		width: 103px;
		height:103px;
		border-radius: 50%;
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
	}
	.section-two .hover-cnt {
		text-align: center;
		margin-top: 10px;
		padding: 0 20px;
		opacity: 0;
	/* position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999; */
    transition: all 1s;
}
.section-two .hover-cnt h6{
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.section-two .hover-cnt p{
	font-size: 16px;
	color: #fefefe;
	font-weight: 300;
	font-size: 15px;
}

.section-two .story:hover .hover-cnt{
	opacity: 1;
	left: 165px;
}
.section-two .story:hover .story-img::after{
	opacity: .64;
}
.section-two .story-sec{
	text-align: center;
	padding: 50px 0;
	position: relative;
	z-index: 99;
}
.section-two .story .story-img::after{
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #4cc183;
	opacity: 0;
	display: block;
	position: absolute;
	transition: all 1s;
}	
.section-two .story-logo img{
	display: block;
	margin: 0 auto;
}
.section-two .story-sec a.btn{
	margin: 0 auto;
}
.section-two .story-logo{
	position: relative;
}
.section-two .story-sec .logo-texts{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
}
.section-two .story-sec .logo-texts h4{
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -2px;
}
.section-two .aware-section{
	border-top: 1px dashed #b3b9b8;
	padding-top: 95px;
}
.section-two .aware-section .aware-image {
	/* background-image: url(../images/aware-logo.png);  */
	width: 290px;
	height: 275px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
.section-two .aware-section .aware-image::after{
	content: "";
	background-image: url(../images/aware-logo.png); 
	width: 290px;
	height: 275px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	left: 50px;
	animation: rotation 20s infinite linear;
}
.section-two .aware-section .aware-image .image{
	width: 250px;
	height: 250px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.section-two .aware-image{
	position: relative;
}
.section-two .white-logo-image{
	background: #fff;
	width: 150px;
	height: 150px;
	text-align: center;
	border-radius: 50%;
	line-height: 150px;
	position: absolute;
	left: 0px;
	top: -50px;
	z-index: 9;

}
.section-two .aware-section .aware-left{
	padding-bottom: 35px;
}
.section-two .white-logo-image img{
	width: 45%;
}
.section-two .aware-right p{
	color: #fefefe;
	font-size: 16px;
	font-weight: 300;
}
.section-two .section-four .about-sec h2.title{position: initial;}
.section-two .aware-section  h2.title{
	position: absolute;
	left: 0;
	bottom: -35px;
	z-index: 99;
	letter-spacing: -2px;
}
.section-two .aware-section  a.btn{
	width: 200px;
	max-width: 200px;
	display: inline-block;
}
.section-two .aware-section a.btn.pink{
	width: 170px;
	display: inline-block;
	margin-left: 5px;
}
.section-two .section-four .bp-left a.btn{
	max-width: 160px;
}
.section-three{
	padding: 50px 0;
}
.section-three h2.title{
	color: #156488;
	margin-bottom: 35px;
}
.aware-section .section-four{padding: 0;background: none;}
.section-four {
	background-image: url(../images/bg-three-1.jpg);
	width: 100%;
	padding: 50px 0;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}
.section-four .bp-sec{
	padding-bottom: 100px;
}
.section-four .bp-left ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.section-four .bp-left ul li {
	border: 1px dashed #fff;
	text-align: center;
	border-radius: 20px;
	margin-top: 15px;
	overflow: hidden;
	position: relative;
}
.section-four .bp-left ul li:after{
	content: "";
	top:-2px;
	right:-102%;
	background:#fff;
	position:absolute;
	transition:all .5s ease;
	z-index:1;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
}
.section-four .bp-left ul li:hover::after{
	right: 0;
}
.section-four .bp-left ul li:hover a{
	color:#000;
}
.section-four .bp-left ul li a{
	color: #fff;
	padding: 10px 0;
	display: block;
	position: relative;
	z-index: 9;
	transition: all 1s;
}
.section-four .bp-left{
	margin-bottom: 30px;
}
.section-four .bp-left a.btn{
	display: inline-block;
	max-width: 160px;
	width: 160px;
}
.section-four a.btn.pink{
	margin-left: 12px;
}
.section-four .bp-right .right-images{
	position: relative;
}
.section-four .bp-right .small-img{
	width: 135px;
	position: absolute;
	right: 0;
	bottom: -45px;
	z-index: 9;
	box-shadow: 0px 0px 40px 15px rgba(0, 0, 0, 0.27);
}
.section-four .bp-right .big-img{
	width: 250px;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}
/* .section-four .about-sec{
	border-top: 1px dashed #bdb3af;
	padding-top: 50px;
	} */
	.section-five{
		background:#fcb261  url(../images/yello-bg.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		padding: 50px 0;

	}
	.section-five .yellow-sec .yellow-left h4{
		margin-bottom: 0;
	}
	.section-six{
		background: #e4e4e4;
		padding: 50px 0 0 0;
	}
	.section-six .blog-img{
		overflow: hidden;
	}
	.section-six .blog-img img{
		transition: all 1s;
	}
	.section-six .blog:hover .blog-img img{
		transform: scale(1.2);
	}
	.section-six h2.title{
		color:#545454;
	}
	.section-six .blog .blog-texts{
		background: #fff;
		padding: 20px;
	}
	.section-six .blog .blog-texts h5{
		color: #000000;
	}
	.section-six .blog ul{
		list-style: none;
		padding: 0;
		margin: 0 0 25px 0;
	}
	.section-six .blog ul li{
		display: inline-block;
		margin: 10px 15px 0 0;
		font-size: 11px;
		color: #000;	
		opacity:.65;
	}
	.section-six .blog ul li span{
		margin-right:10px;
		font-size: 15px;
	}
	.section-six .blog .blog-texts p{
		color: rgb(0, 0, 0);
		font-weight: 400;
		font-size: 12px;
		line-height: 19px;
	}
	.section-six .blue-btn{
		margin: 30px auto 0 auto;
	}
	.section-six .instagram-sec{
		padding: 50px 0 0 0;
	}
	.section-six .instagram-texts{
		width: 100%;
		padding: 0 15px;
		max-width: 1330px;
		margin: 0 auto;
		padding-bottom: 40px;
	}
	.section-six .instagram-texts .icon{
		width: 35px;
		height: 35px;
		border: 1px solid #bb9253;
		border-radius: 50%;
		line-height: 36px;
		color: #bb9253;
		display: inline-block;
		text-align: center;
		margin-right: 10px;
		font-size: 15px;
	}
	.section-six .instagram-texts .left-icon{
		color: #000;
	}
	.section-six  .instagram-title a{
		color: #000;
		display: block;
		margin-top: 12px;
	}	
	.section-six .instagram-texts .left-icon{
		float: left;
	}
	.section-six .instagram-texts .instagram-title{
		float: right;
	}
	.section-seven{
		padding: 50px 0;
		box-shadow: 0px 0px 40px -11px rgba(0, 0, 0, 0.17);
	}
	.section-seven .sub-left h6{
		color: #585858;
		font-size: 18px;
		font-weight: 900;
		font-family: 'Gotham';
	}
	.section-seven .sub-left p{
		color: #5f5f5f;
		font-family: 'Gotham Book';
		margin-bottom: 0;
	}
	.section-seven .sub-right input{
		border: 1px solid #cccccc;
		background-color: #fff;
		outline: none;
		max-width: 435px;
		margin-right: 12px;
		height: 50px;
		color:rgba(0,0,0,.45);
		padding-left: 20px;
	}
	.section-seven .sub-right button{
		width: 155px;
		height: 50px;
		outline: none;
		text-shadow: none;
		background: #563487;
		text-transform: uppercase;
		font-weight: bold;
		border-radius: 0;
		border: 1px solid #563487;
		padding: 0;
		font-size: 14px;
		line-height: 13px;
	}

/* ==========================================================================
  footer styles
  ========================================================================== */
  footer{
  	padding: 50px 0 0 0;
  	position: relative;
  	background: #3f3f3f;
  }
/* .home footer{
	background-image: linear-gradient(to bottom, #5e9094, #5f9295, #5f9495, #609696, #619896, #629996, #629b97, #639c97, #639d97, #649e97, #649f97, #65a097);
	} */
	footer::after{
		content: "";
		background:url(../images/footer-layer.png) no-repeat;
		width: 100%;
		height: 100%;
		display: block;
	}
	footer ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	footer ul li {
		margin-bottom: 15px;

	}
	footer a{
		color: #fff;
		font-size: 14px;
		font-family: 'Gotham Book';
	}
	footer .footer-col{
		width: 32%;
		float: left;
	}
	footer .footer-right ul li{
		display: inline-block;
	}
	footer h4{
		font-size: 15px;
		margin-bottom: 30px;
		color: #ffffff;
		font-family: 'Gotham';
		font-weight: 900;
	}
	footer .footer-col ul.social li a{
		width: 30px;
		height: 30px;
		line-height: 33px;
		border-radius: 50%;
		background: #fff;
		text-align: center;
		display: block;
		margin-left: 5px;
	}	
	footer .footer-col ul.social li:first-child a{
		margin-left: 0;
	}
	footer .footer-col ul.social li a{
		color: #282828;
	}
	footer .footer-menu{
		margin-top: 30px;
	}
	footer .footer-menu ul li{
		margin-bottom: 0;
		padding: 10px 0;
		position: relative;
		padding: 0 2px 0 0;
	} 
	footer .footer-menu ul li:last-child{
		padding-right: 0;
	}
	footer .footer-menu ul li::after{
		content: "";
		border-right: 1px solid #85b1ad;
		padding: 0 8px 0 0;
	}

	footer .footer-menu ul li a{
		color: #fff;
	}
	footer .footer-menu ul li:last-child::after{
		display: none;
		padding-right: 0;
	}
	footer .copy-right{
		padding: 50px 0;
	}
	footer .copy-right ul li{
		display: inline-block;
		margin-left: 15px;
		width: 130px;
	}
	footer .copy-right ul li:first-child{
		margin-left: 0;
	}

	footer .copy-right ul li:nth-child(2n){
		width: 45px;
		position: relative;
		top: -1px;

	}

	footer .copy-texts{
		font-size: 12px;
		line-height: 20px;
		color: #fff;
		font-family: 'Gotham Book';
	}

/* ==========================================================================
  About styles
  ========================================================================== */

  .about-page .about-desc{
  	padding: 30px 0;
  }
  .about-page .about-desc p{
  	font-family: 'Gotham Book';
  	line-height: 29px;
  }
  .about-page .mision-cnt{
  	border: 1px dashed #d3d3d3;
  	padding: 20px;
  	border-radius: 20px;
  }
  .about-page .mision-cnt p{
  	color: #585858;
  }
  .about-page p{
  	font-family: 'Gotham Book';
  }
  .about-page .vision{
  	margin-top: 25px;
  }
  .about-page .bg-sec{
  	background:url(../images/about-bg.jpg) no-repeat;
  	width: 100%;
  	padding: 50px 0;
  	background-size: cover;
  	margin-top: 50px;
  }
  .about-page .bg-sec h3{
  	color: #000;
  	font-weight: bold;
  	margin-bottom: 30px;
  }
  .about-page .bg-sec h4{
  	color: #000;
  	font-weight: 600;
  	font-size: 16px;

  }
  .about-page .bg-sec .bg-cnts{
  	max-width: 600px;
  }

  .about-page .bg-sec .bg-cnts p{
  	line-height: 24px;
  	font-size: 14px;
  	margin-bottom: 0;
  }
  .about-page .about-links{
  	margin-top: 50px;
  }
  .about-page .about-links a{
  	width: 100%;
  	padding: 0px 20px;
  	height:275px;
  	background-size: cover;
  	display: block;
  	border-radius: 20px;
  	display: table;
  	position: relative;
  	overflow: hidden;
  }
  .about-page .about-links a::after{
  	position: absolute;
  	left: 0;
  	top: 0;
  	content: "";
  	background-color: rgba(0, 0, 0, 0.2);
  	display: block;
  	width: 100%;
  	height: 100%;
  }
  .about-page .about-links a.board{
  	background:url(../images/abt-pic-1.jpg) no-repeat;
  }
  .about-page .about-links a.team{
  	background:url(../images/abt-pic-2.jpg) no-repeat;
  }
  .about-page a h2{
  	color: #fff;
  	font-weight: bold;
  	margin-bottom: 0;
  	display: table-cell;
  	vertical-align: middle;
  	position: relative;
  	z-index: 9;
  }	

  .about-page .bg-sec#our-patron h3.inner-title{
  	font-size: 36px;
  	line-height: 36px;
  	margin-bottom: 25px;
  	color: #585858;
  	font-weight: 700;

  }

  .view-all-events{
  	width: 30%;
  	float: left;
  	text-align: right;
  	margin-bottom: 20px;
  	margin-top: 20px;

  }

  .view-all-events a{
  	padding-left: 10px;
  	color: #614299;
  	text-transform: uppercase;

  }

  .about-page .members-section{
  	padding-top: 50px;
	  }
	.page-our-team .team-set:first-child{
		position:relative;
		padding-bottom:50px;
	}
	.page-our-team .team-set:first-child:after{
		content:"";
		position:absolute;
		background:#ccc;
		height:1px;
		width:200%;
		bottom:55px;
		left: -50%;
	}
  .about-page .members-section ul{
  	list-style: none;
  	padding: 0;
  	margin: 0;
  }
  .about-page .members-section ul li{
  	float: left;
  	width: 48%;
  	margin-right: 4%;
  }
  .about-page .members-section ul li:nth-child(2n+2){
  	margin-right: 0;
  }
  .about-page .member-img {
  	border-radius: 50%;
  	width: 212px;
  	height: 212px;
  	margin: 0 auto;

  }
  .about-page .video .member-img{
  	width: 312px;
  	height: 312px;
  	position: relative;
  }
.page-our-team .about-page .video .member-img{
  	width: 252px;
  	height: 252px;
  	position: relative;
  }
  .about-page .video .member-img img.board-memb{
  	width: 310px;
  	height: 310px;
  	position: relative;
  }
  .page-our-team .about-page .video .member-img img.board-memb{
	width: 250px;
  	height: 250px;
  	position: relative;
  }
  .about-page .video .member-img::before{
  	content: ""; 
  	background-image: url(../images/video-round.png);
  	width: 330px;
  	height: 330px;
  	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: contain;
  	position: absolute;
  	top: 0;
  	right: -30px;
  	animation: rotation 20s infinite linear;
  }
.page-our-team .about-page .video .member-img::before{
	width: 270px;
  	height: 270px;
}
  .about-page .member-img img.board-memb{
  	border-radius: 50%;
  	width: 210px;
  	height: 210px;
  }
  .about-page .member-desc{
  	text-align: center;
  }
  .about-page .member-desc h4{
  	color: #585858;
  	font-size: 15px;
  	line-height: 24px;
  	letter-spacing: -1px;
  	margin: 20px 0 10px 0;
  }
  .about-page .video .member-desc h4{
  	margin: 45px 0 10px 0;
  }
  .about-page .video .member-desc{
  	text-align: center;
  }
  .about-page .member-desc p{
  	color: #765aa6;
  	font-size: 15px;
  	line-height: 25px;
  }
  .about-page .team-set .team-title{
  	color: #fff;
  	font-size: 18px;
  	background: #b7b7b7;
  	padding: 15px 30px;
  	border-radius: 10px;
  	font-weight: bold;
  	margin-bottom: 30px;
  }
  .about-page  .team-set .member-details{
  	margin-bottom: 50px;
  }
  .about-page .select-box{
  	margin-top: 25px;
  }

  .about-page .popup-icon{
  	position: absolute;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
  	top: 50%;
  	transform: translateY(-50%);
  }
/* ==========================================================================
  team styles
  ========================================================================== */
  .about-page.team-page .member-img{
  	overflow: hidden;
  	width:200px;
  	height: 200px;
  	border: 5px solid
  }
  .about-page.team-page .member-img.team-one{
  	border-color:#a9c088;
  }
  .about-page.team-page .member-img.team-two{
  	border-color:#88b6c7;
  }
  .about-page.team-page .member-img.team-three{
  	border-color:#da9c8e;
  }
  .about-page.team-page .member-img.team-four{
  	border-color:#c482a9;
  }
  .about-page.team-page .member-desc p{
  	line-height: 20px;
  }
  .about-page.team-page .members-section {
  	padding-top: 120px;
  	float: left;
  }

  a.go-back{
  	float:right
  }

  .beneficiary-detail-page .donatesec input{
  	color: #000;
  }


/* ==========================================================================
  programms styles
  ========================================================================== */
  .programms .program-cnts .img{
  	width: 250px;
  	height: 250px;
  	border-radius: 50%;
  	overflow: hidden;
  }
  .programms .program-cnts .round-img{
  	background-image: url(../images/prg-round.png);
  	background-position: top 1px left;
  	background-repeat: no-repeat;
  	background-size: contain;
  	text-transform: uppercase;
  }
  .programms .program-cnts a span{
  	margin-left: 10px;
  	vertical-align: text-bottom;
  	transition: all 1s;
  	display: inline-block;
  }
  .programms .program-cnts .pg-set:hover a span{
  	transform: translateX(30px);
  }

/* ==========================================================================
  Awareness styles
  ========================================================================== */
  .awareness-page .tab-sec{
  	padding-top: 15px;
  }
  .awareness-page .logo-list{
  	padding-top: 30px;
  }

  .awareness-page .logo-list .grid{
  	min-height: 300px;
  }
  .page-template-page-awareness-details .common-set .common-right-cnt p{
  	opacity: 1;
  }
  .page-template-page-awareness-details .common-set .common-right-cnt p span{
  	font-size: 20px;
  	line-height: 30px;
  	color: #000;
  	display: block;
  	margin-bottom: 30px;
  }
  .page-template-page-awareness-details .central-texts p{
  	color: #585858;
  	font-size: 16px;
  	line-height: 29px;
  	font-family: 'Gotham Book';
  }
  .page-template-page-awareness-details .central-texts .left-para{
  	float: left;
  	width: 47%;
  }
  .page-template-page-awareness-details .central-texts .right-para{
  	float: right;
  	width: 47%;
  }
  .page-template-page-awareness-details  .aw-slider .owl-carousel .owl-item img{
  	width: auto;
  	margin: 0 auto;
  }
  .page-template-page-awareness-details  .aw-slider h5{
  	color: #585858;
  	font-family: 'Gotham';
  	font-size: 18px;
  	line-height: 20px;
  	text-align: center;
  	margin: 50px 0 0 0;
  	font-weight: 900;
  }
  .page-template-page-awareness-details .aw-slider{
  	margin-top: 100px;
  }
  .page-template-page-awareness-details .aw-slider .owl-carousel .owl-item {
  	border-right: 1px dashed #d4d4d4;
  }

  .page-template-page-awareness-details .aw-slider .owl-carousel{
  	position: relative;
  }

  .page-template-page-awareness-details .aw-slider .owl-carousel::after{
  	content: "";
  	position: absolute;
  	height: 100%;
  	width: 10px;
  	right: 0px;
  	top: 0px;
  	background-color: #fff;
  } 

/* ==========================================================================
  Awareness  details styles
  ========================================================================== */
  .aw-deatils ul.resp-tabs-list{
  	text-align: center;
  }
  .aw-deatils .resp-tabs-list li{
  	float: none;
  	text-transform: uppercase;
  	font-weight: 400;
  }
  .aw-deatils .resp-tab-active{
  	border-bottom: 3px solid #5f3f97 !important;
  	color: #5f3f97;
  	font-weight: bold;
  }
  .aw-deatils .resp-tabs-list li.resp-tab-active{
  	font-weight: bold;
  }
  .aw-deatils .tab-cnt .contents p{
  	color: #585858;
  	font-size: 16px;
  	line-height: 29px;
  	font-family: 'Gotham Book';
  }
  .aw-deatils .tab-cnt .contents{
  	padding-top: 50px;
  }
  .aw-deatils .go-back{
  	color: #585858;
  	font-weight: bold;
  	text-transform: uppercase;
  	font-size: 14px;
  	display: block;
  	text-align: right;
  	margin-top: 30px;
  }
  .aw-deatils .go-back span{
  	margin-right: 10px;
  	color: #000;
  }
/* ==========================================================================
Beneficiary page styles
========================================================================== */
.beneficiary-page .common-set .common-right-cnt h3{
	font-size: 24px;
	line-height: 25px;
	color: #585858;
	font-weight: bold;
	letter-spacing: -2px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.beneficiary-page .common-set .common-right-cnt a{
	color: #585858;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #cccccc;
	display: block;
	width: 155px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	display: inline-block;
}
.beneficiary-page .common-set .common-right-cnt a.pink{
	color: #fff;
	border: 1px solid #e82090;
	margin-left: 10px;
	width: 175px;
}
/* ==========================================================================
Beneficiary detail page styles
========================================================================== */
.beneficiary-detail-page .gellery-section {
	padding: 50px 0 45px 0;
	/* background-image: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #fefefe, #fefefe, #fefefe, #fdfdfd, #fdfdfd, #f7f7f7); */
}
.beneficiary-detail-page .gellery-section h2{
	color: #585858;
	font-weight: bold;
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 30px;
}
.beneficiary-detail-page .gellery-section h4{
	color: #585858;
	font-size: 18px;
	line-height: 18px;
	margin-top: 25px;
}
.beneficiary-detail-page .gellery-section .gal{
	margin-bottom: 50px;
}

.page-template-page-benificiary-form .main-form-heading h4{
	color: #000;
}

.page-template-page-benificiary-form .voluteer-registration .form-sec h5 {
	color: #000000;
	font-size: 28px;
	line-height: 42px;
	margin-top: 40px;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

.beneficiary-detail-page .gellery-section .owl-nav .owl-prev,.beneficiary-detail-page .gellery-section .owl-next{
	width: 50px;
	height: 50px;
	border: 1px solid #d3d3d3 !important;
	border-radius: 50%;
	outline: none;
	text-shadow: none;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	background: #fff !important;
	z-index: 99;

}
.beneficiary-detail-page .gellery-section .owl-nav .owl-prev{
	left: -30px;
}
.beneficiary-detail-page .gellery-section .owl-next{
	right: -30px;
}
.beneficiary-detail-page .gellery-section .owl-nav .owl-prev span,.beneficiary-detail-page .gellery-section .owl-next span{
	font-size: 0;
}
.beneficiary-detail-page .gellery-section .owl-nav .owl-prev span:after,.beneficiary-detail-page .gellery-section .owl-next span:after{
	font-family: 'icomoon';
	font-size: 45px;
	color: #999999;
}
.beneficiary-detail-page .gellery-section .owl-nav .owl-prev span:after{
	content: "\e905";
}
.beneficiary-detail-page .gellery-section .owl-nav .owl-next span:after{
	content: "\e904";
}
a.go-back{
	font-size: 14px;
	color: #585858;
	font-weight: 900;
	text-align: right;
	display: block;
}
a.go-back span{
	vertical-align: middle;
	margin-right: 10px;
}
.beneficiary-detail-page .item-img{
	overflow: hidden;
}
.beneficiary-detail-page .item-img  img{
	transition: all 1s;
}
.beneficiary-detail-page .item:hover .item-img img{
	transform: scale(1.2);
}
/* ==========================================================================
  contact page styles
  ========================================================================== */
  div#map {
  	min-height: 645px;
  }
  .store-locator-info-window ul{
  	list-style: none;
  	margin: 0;
  	padding:15px 0px 0 0;

  }
  .store-locator-info-window ul li span{
  	display: block;
  	margin-bottom: 10px;
  	/* opacity: .6; */
  }
  .store-locator-info-window ul li{
  	padding: 0 0px;
  	margin-bottom: 8px;
  	padding: 0 0px 12px 0px;
  	border-bottom: 1px solid #7f7f7f;
  	width: 245px;
  	text-align: center;
  	font-size: 16px;
  	color:rgba(255, 255, 255, .6);
  	/* opacity: .6; */
  }

  .contact-page .store-locator-info-window ul li h4{
  	color: #fff;
  }

  .contact-page .store-locator-info-window ul li a{
  	color: #fff;
  }


  .store-locator-info-window ul li:last-child{
  	margin-bottom: 0;
  	border-bottom: none;
  }
  .store-locator-info-window ul li a.btn{
  	font-size: 16px;
  	color: rgba(0,0,0,.93);
  	background: #fff;
  	text-transform: capitalize;
  	font-weight: 400;
  	height: 40px;
  	display: block;
  	margin: 0 auto;
  	line-height: 40px;
  	max-width: 165px;
  }

  .gm-style .gm-style-iw-c{
  	background: #585858 !important;
  	padding: 0;
  	border: 1px dashed #acacac;
  	border-radius:20px;
  }
  .gm-style .gm-style-iw-t::after{
  	background: linear-gradient(45deg,rgb(88, 88, 88) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
  	box-shadow: none;
  }
  .gm-style .gm-style-iw-d{
  	overflow: auto !important;
  }
  .gm-ui-hover-effect{
  	top: 10px !important;
  	right: 10px !important;
  	width: 20px !important;
  	height: 20px !important;
  	background: #fff !important;
  	border-radius: 50%;
  }
  .gm-ui-hover-effect img{
  	width: 12px !important;
  	margin: 0 auto !important;
  }
  .contact-page .contact-sec{
  	padding-top: 45px;
  }
  .contact-page .contact-sec .cont-set{
  	padding-top: 45px;
  }
  .contact-page .contact-sec .cont-set h3{
  	font-size: 36px;
  	font-weight: 600;
  	color: #563487;
  }
  .contact-page .contact-sec form{
  	border: 1px dashed #d9d9d9;
  	padding: 35px 15px;
  	border-radius: 20px; 
  }
  .contact-page .contact-sec form ul{
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  .contact-page .form-sec form ul li{
  	margin-bottom: 25px;
  }

  .contact-page .form-sec form input.wpcf7-submit{
  	max-width: 120px;
  	height: 50px;
  	line-height: 50px;
  	padding: 0px;
  	padding-left: 0px;
  	background-color: #563487;
  	text-transform: uppercase;
  	color: #fff;
  	float: right;
  }

  .form-sec ul li input,.form-sec  ul li textarea,.form-sec  ul li select{
  	border: 1px solid #d5d5d5;
  	width: 100%;
  	height: 48px;
  	outline: none;
  	font-size: 13px;
  	font-weight: 600;
  	padding-left: 15px;
  }
  .form-sec  ul li select.slt{
  	width: 100%;
  	-webkit-appearance: none;
  	background:url(../images/arw-img.png) no-repeat 93% 50%;
  	font-size: 15px;
  	color: #000000;
  }
  .form-sec  ul li textarea{
  	height: 140px;
  	resize: none;
  }
  .form-sec  ul li input::placeholder{
  	color: #955d0d;
  	padding-left: 20px;
  }
  .form-sec  ul li label{
  	font-size: 13px;
  	color: #000000;
  	opacity: .5;
  	margin-bottom: 10px;
  	display: block;
  }
  .form-sec   button{
  	background: none;
  	text-shadow: none;
  	border: none;
  	outline: none;
  	padding: 20px 35px;
  	background: #563487;
  	text-transform: uppercase;
  	border-radius: 0;
  	margin-top: 10px;
  	font-size: 14px;
  }
  .contact-page .contact-sec form ul li:last-child{
  	margin-bottom: 0;
  }

  .contact-page .contact-sec form ul li.divider{
  	width: 100% !important;
  	display: block;
  }
  .contact-page  h4{
  	font-family: 'Gotham';
  	color: #563487;
  	font-size: 15px;
  	line-height: 15px;
  	font-weight: 900;
  	margin-bottom: 15px;
  }

  .contact-page  h4 a{
  	padding-left: 38px;
  	width: auto !important;
  }
  .contact-page .detail p{
  	font-family: 'Gotham Book';
  	font-size: 15px;
  	line-height: 18px;
  	margin-bottom:20px;
  }
  .contact-page  .detail ul li{
  	margin-bottom: 40px;
  }
  .contact-page  .detail ul li h4 span{
  	color: #585858;
  	font-family: 'Gotham Book';
  	font-size: 15px;
  	line-height: 18px;
  	margin-bottom: 0;
  	display: inline-block;
  	font-weight: 300;
  }
  .contact-page .detail  .number{
  	display: inline-block;
  	margin: 0 30px;
  	width: 22%;
  	font-weight: 300;
  }
  .contact-page .detail p .name{
  	width: 30%;
  	display: inline-block;
  }
  .contact-page .detail ul{
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  .contact-page .detail ul li a{
  	font-size: 15px;
  	color: #585858;
  	font-family: 'Gotham Book';
  	margin-bottom: 13px;
  }
  .contact-page .detail ul li:last-child{
  	margin-bottom: 0;
  }

  .contact-page .detail{
  	border-bottom: 1px solid #e0e0e0;
  	padding-bottom: 30px;
  	margin-bottom: 30px;
  }
  .contact-page .bottom-sec .detail{
  	border: none;
  	padding: 0;
  	margin: 0;
  }
  .contact-page .bottom-sec .detail p{
  	font-size: 15px;
  	padding-top:15px;
  }
  .contact-page .bottom-sec .detail ul li{
  	display: flex;
  	margin-bottom: 15px;
  }
  .contact-page .bottom-sec .detail ul li a{
  	margin-bottom: 0;
  }
  .contact-page .bottom-sec .detail h4{
  	margin-bottom: 0;
  }

  .contact-page .bottom-sec{
  	padding: 30px 0 50px 0;
  	background-image: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #fefefe, #fefefe, #fefefe, #fdfdfd, #fdfdfd, #f7f7f7);
  }


a.bttn {
    color: #585858;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #cccccc;
	display: block;
	padding: 10px;
	height: 45px;
	text-align: center;
	font-size: 14px;
	display: inline-block;
}
/* ==========================================================================
  donate page styles
  ========================================================================== */
  .donate-page h3{
  	color:#585858;
  	font-size:21px;
  	margin:45px 0 20px 0;
  	font-weight: 900;
  }
  .donate-page .donate-img{
  	border: 2px dashed #e0e1e1;
  	border-radius: 20px;
  	overflow: hidden;
  	text-align: center;
  	min-height: 265px;
  }
  .donate-page .donate-texts {
  	margin: 20px 0 25px 0;
  }
  .donate-page .donate-texts h5{
  	color: #585858;
  	font-size: 20px;
  	font-weight: 900;
  }
  .donate-page .donate-texts p{
  	color: #585858;
  	font-size: 15px;
  	line-height: 25px;
  	font-family: 'Gotham Book';
  }
  .donate-page .donate-box a{
  	background: #563487;
  	color: #fff;
  	text-transform: uppercase;
  	display: block;
  	text-align: center;
  	padding: 15px 0;
  	font-size: 15px;
  	line-height: 20px;
  }

/* ==========================================================================
  donate detail styles
  ========================================================================== */
  .donate-details .top-texs{
  	margin: 50px auto 0 auto;
  	max-width: 565px;
  	text-align: center;
  }
  .donate-details .top-texs h4{
  	font-size:21px;
  	color: #563487;
  	margin-bottom: 10px;
  }
  .donate-details .top-texs{
  	color: #000000;
  	font-family: 'Gotham Book';
  }
  .donate-details .donation-set{
  	display: block;
  }
  .donate-details .round{
  	width: 230px;
  	height: 230px;
  	border-radius: 50%;
  	border: 1px dashed #cacaca;
  	text-align: center;
  	display: table;
  	margin: 0 auto
  }
  .donate-details .round .image{
  	display: table-cell;
  	vertical-align: middle;
  }
  .donate-details .donation-set h5{
  	color: #585858;
  	font-size: 21px;
  	margin-bottom: 0;
  	text-align: center;
  }
  .donate-details .donations {
  	max-width: 1015px;
  	margin: 40px auto 0 auto;
  }
  .donate-details .donations h5{
  	margin-top: 15px;
  }
  .donate-details .cheque-sec{
  	text-align: center;
  	max-width: 835px;
  	margin: 50px auto 0 auto;
  	position: relative;
  }
  .donate-details .cheque-sec::before{
  	content: "";
  	background-image: url(../images/donate-round.png);
  	background-repeat: no-repeat;
  	width: 160px;
  	height: 160px;
  	margin: 0 auto;
  	display: block;
  	position: absolute;
  	top: -70px;
  	left: 0;
  	right: 0;
  }
  .donate-details .cheque-sec h4{
  	color: #585858;
  	font-size: 21px;
  	line-height: 22px;
  	font-weight: 900;
  	margin-bottom: 10px;
  }
  .donate-details .cheque-sec h3{
  	color: #09b79b;
  	font-size: 21px;
  	line-height: 25px;
  	font-family: 'Gotham Book';
  	display: inline-block;
  	position: relative;
  	margin-bottom: 30px;
  }
  .donate-details .cheque-sec  p{
  	color: #585858;
  	font-size: 16px;
  	line-height: 24px;
  	font-family: 'Gotham Book';
  }
  .donate-details .cheque-sec h3:before{
  	content: "";
  	width: 20px;
  	height: 1px;
  	background: #cecece;
  	display: block;
  	position: absolute;
  	left: -29px;
  	top: 10px;
  }
  .donate-details .cheque-sec h3:after{
  	content: "";
  	width: 20px;
  	height: 1px;
  	background: #cecece;
  	display: block;
  	position: absolute;
  	right: -29px;
  	top: 10px;
  }
  .donate-details .donate-form-sec ul{
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  .donate-details .donate-form-sec{
  	margin-top: 45px;
  	max-width: 465px;
  }
  .donate-details .donate-form-sec form button{
  	margin-top: 5px;
  	background: #e11886;
  	width: 100%;
  	font-weight: bold;
  }
  .donate-details .donate-form-sec ul li{
  	display: inline-block;
  	text-align: left;
  	margin-bottom: 10px;
  }
  .donate-details .donate-form-sec ul li label{
  	display: block;
  }
  .donate-details .donate-form-sec ul li{
  	width: 100%;
  }
  .donate-details .donate-form-sec.form-sec  ul li select{
  	border: none;
  	width: 100%;
  	-webkit-appearance: none;
  	background: #fff url(../images/blue-arw.png) no-repeat 96% 50%;
  }
  .donate-details .donate-form-sec.form-sec  ul li .text-box{
  	color: #585858;
  	font-size: 15px;
  	font-family: 'Gotham Book';
  	font-weight: 500;
  	padding-left: 15px;
  }

  .donate-details .form-sec input::placeholder{
  	color: #585858;
  	font-size: 15px;
  	font-family: 'Gotham Book';
  	padding-left: 0px;
  	opacity: 1;
  }
  .donate-details .donate-contents{
  	margin-top: 50px;
  }

  .donate-details .donate-contents .right-contents{
  	background: #452678;
  }
  .donate-details .donate-contents h4{
  	font-size: 24px;
  	line-height: 25px;
  	color: #fff;
  	margin-bottom: 15px;
  }
  .donate-details .donate-contents p{
  	font-size: 12px;
  	line-height: 18px;
  	color: #fefefe;
  	font-family: 'Gotham Book';
  }
  .donate-details ul.others {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  .donate-details .right-contents h6{
  	font-size: 24px;
  	line-height: 25px;
  	color: #fff;
  	margin: 15px 0;
  	margin-left: 24%;
  }
  .donate-details ul.others li{
  	display: inline-block;
  	margin-bottom: 15px;
  	padding-right: 25px;
  }
  .donate-details ul.others li:last-child{
  	padding-right: 0;
  }
  .donate-details ul.others li .icon{
  	width: 60px;
  	height: 60px;
  	line-height: 60px;
  	display: inline-block;
  	background: #772c64;
  	border-radius:50%;
  	border:1px dashed #998ab4;
  	text-align: center;
  }
  .donate-details ul.others li .text{
  	display: inline-block;
  	font-size: 16px;
  	color: #fff;
  	margin-left: 10px;
  }
  .donate-details .donate-contents .right-contents{
  	display: table;
  	height: 605px;
  }
  .donate-details .donate-contents .right-sec-contents{
  	display: table-cell;
  	vertical-align: middle;
  	padding-top: 40px;
  }
  .donate-details .donate-contents .right-all{
  	display: table-cell;
  	vertical-align: middle;
  }
  .donate-details .donate-01{
  	background-image: url(../images/donate-bg.jpg);
  	background-repeat: no-repeat;
  	background-size: cover;
  	padding: 100px 0;
  	margin-top: 15px;
  	text-align: center;
  	background-position: center center;
  }

  .donate-01-page .form-top select.error{background-color: #ffb9b9;}
  .donate-01-page .form-top #program-error{ display: none !important;  }

  .donate-01-page .form-top{
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	position: relative;
  }
  .donate-01-page .form-top:before{
  	content: "";
  	width: 113px;
  	height: 1px;
  	background: #fff;
  	display: inline-block;
  	margin-right: 30px;
  	opacity: .46;
  }
  .donate-01-page .form-top:after{
  	content: "";
  	width: 113px;
  	height: 1px;
  	background: #fff;
  	display: inline-block;
  	margin-left: 30px;
  	opacity: .46;
  }
  .donate-01-page .form-top h3{
  	color: #fff;
  	font-size: 24px;
  	font-weight: bold;
  	margin: 0 20px 0 0;
  }
  .donate-01-page .form-top select{
  	-webkit-appearance: none;
  	background: #fff url(../images/slt-arw.png) no-repeat 92% 50%;
  	color: #585858;
  	font-size: 17px;
  	font-weight: bold;
  	padding: 15px 55px 15px 25px;
  	outline: none;
  	width: 335px;
  	border: none;
  }
  .donate-01-page .donate-01 p{
  	font-size: 14px;
  	line-height: 18px;
  	color: #fff;
  	margin: 15px 0 85px 0;
  	font-family: 'Gotham Book';
  }

  .donate-01-page .container-checkbox {
  	display: block;
  	position: relative;
  	padding-left: 30px;
  	cursor: pointer;
  	font-size: 15px;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	max-width: 340px;
  	margin: 30px auto 85px auto;
  	color: #fff;
  	font-family: 'Gotham Book';
  }

  /* Hide the browser's default checkbox */
  .donate-01-page .container-checkbox input {
  	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	opacity: 0;
  }

  /* Create a custom checkbox */
  .donate-01-page .container-checkbox .checkmark {
  	position: absolute;
  	top: 0;
  	left: 0;
  	height: 18px;
  	width: 18px;
  	background-color:transparent;
  	border: 2px solid #fff;
  }

  .donate-01-page .container-checkbox .checkmark:after {
  	content: "";
  	position: absolute;
  	display: none;
  }

  .donate-01-page .container-checkbox input:checked ~ .checkmark:after {
  	display: block;
  }

  .donate-01-page .container-checkbox .checkmark:after {
  	left: 5px;
  	top: 1px;
  	width: 3px;
  	height: 8px;
  	border: solid white;
  	border-width: 0 2px 2px 0;
  	-webkit-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
  }
  .donate-01-page .input-box {
  	max-width: 760px;
  	margin: 0 auto;
  }
  .donate-01-page .input-box input.text-box{
  	border:none;
  	border-bottom: 1px solid #c8acb4;
  	background-color: transparent;
  	outline: none;
  	color: #fff;
  	font-size: 36px;
  	font-family: 'Gotham Book';
  	font-weight: 300;
  	text-align: center;
  	padding-bottom: 20px;
  	width: 100%;
  	opacity: .45;
  }
  .donate-01-page .input-box input.text-box::placeholder{
  	color: #fff;
  	font-size: 36px;
  	font-family: 'Gotham Book';
  	opacity: .45;
  }
  .donate-01-page .input-box input.submit{
  	text-shadow: none;
  	outline: none;
  	font-size: 14px;
  	color: #fff;
  	background: #4f3081;
  	font-weight: bold;
  	border: none;
  	border-radius: 0;
  	text-transform: uppercase;
  	padding:0;
  	width: 155px;
  	height: 50px;
  	margin:15px 10px 0 10px;
  }
  .donate-02-page .donate-form-sec{
  	max-width: 470px;
  	margin: 0 auto;
  }
  .donate-02-page h4{
  	font-size: 36px;
  	line-height: 40px;
  	color: #fff;
  	margin-bottom: 20px;
  }
  .donate-02-page.donate-details .donate-form-sec form button{
  	background: #4f3080;
  	max-width: 215px;
  	margin-bottom: 50px;
  }
  .donate-02-page h6{
  	margin-bottom: 55px;
  	font-size: 36px;
  	line-height: 40px;
  	font-weight: bold;
  	color: #fff;
  }
  .donate-02-page form{
  	text-align: center;
  }
  .donate-02-page.donate-details ul.others li .icon{
  	background: #a2435b;
  	width: 80px;
  	height: 80px;
  	line-height: 77px;
  	border: 1px dashed #fff;
  }
  .donate-02-page.donate-details ul.others li{
  	padding-right: 50px;
  }
  .donate-02-page.donate-details ul.others li:last-child{
  	padding-right: 0;
  }
/* ==========================================================================
  awards page styles
  ========================================================================== */
  .awards-page .common-section{
  	padding-top: 50px;
  }

/* ==========================================================================
  Reports page styles
  ========================================================================== */
  .awards-page .report-cnt{
  	padding-top: 50px;
  } 
  .awards-page .report-cnt ul{
  	list-style: none;
  	padding: 0;
  	margin: 0;
  }
  .awards-page .report-cnt ul li{
  	display: inline-block;
  	padding:0 0px 60px 0;

  }
  .awards-page .report-cnt ul li a{
  	font-size: 18px;
  	color: #604298;
  	display: block;
  	font-family: 'Gotham Book';
  	font-weight: 600;
  	position: relative;
  }
  .awards-page .report-cnt ul li span{
  	display: inline-block;
  }
  .awards-page .report-cnt ul li span.icon{
  	margin-right: 15px;
  }
  .report-page .report-img img{
  	border-radius: 10px;
  }
  .report-page .report-cnt a{
  	margin-bottom: 50px;
  	display: block;
  }
  .report-page .report-cnt a h6{
  	color: #585858;
  	font-size: 25px;
  	line-height:25px;
  	margin:20px 0 0 0;
  }
  .report-page .report-cnt{
  	padding-top: 50px;
  }

/* ==========================================================================
  Event page styles
  ========================================================================== */
  .events-page .tab-sec{
  	padding-top: 50px;
  }
  .events-page .resp-tabs-list li{
  	font-size: 14px;
  	color: #000000;
  	opacity: .45;
  	padding: 12px 0px 14px 0px !important;
  	margin-left: 40px;
  }
  .events-page .resp-tabs-list li:first-child{
  	margin-left: 0;
  }
  .events-page .resp-tabs-list li.resp-tab-active{
  	color:#585858;
  	opacity: 1;
  	border-bottom: 2px solid #585858 !important;

  }
  .events-page .tab-cnt{
  	padding-top: 80px;
  }
  .events-page .tab-cnt ul{
  	list-style: none;
  	margin:20px 0 10px 0;
  	padding: 0;
  }
  .events-page .tab-cnt ul li{
  	color: #585858;
  	font-size: 14px;
  	display: inline-block;
  }
  .events-page .tab-cnt ul li:first-child{
  	border-right: 1px solid #c4c4c4;
  	padding-right: 15px;
  	margin-right: 15px;
  }
  .events-page .event-set h3{
  	font-size: 36px;
  	line-height: 36px;
  	color: #585858;
  	font-weight: bold;
  }
  .events-page .top-select-sec .select-box select{
  	font-size: 13px;
  }
  .events-page .tab-cnt .event-set{
  	display: block;
  }
  .events-page h2.resp-accordion{
  	color: #000000;
  	opacity: .45;
  }
  .events-page h2.resp-tab-active{
  	color: #585858;
  	opacity: 1;
  }

/* ==========================================================================
  image gallery  styles
  ========================================================================== */
  .gallery-page .common-section {
  	margin-top: 50px;
  }

  .gallery-page .common-section .common-box .gallery-slider{
  	box-shadow: 0px 0px 30px 0px rgb(230, 226, 226);
  }
  .gallery-page .owl-nav .owl-prev,.gallery-page .owl-nav .owl-next{
  	width: 35px;
  	height: 35px;
  	border-radius: 50%;
  	background: #ebebeb !important;
  	text-align:center;
  	line-height: 35px;
  	outline: none;
  	margin: 0 10px;
  	opacity: 1;
  }
  .gallery-page .owl-nav {
  	position: absolute;
  	right: 20px;
  	bottom: 30px;
  }
  .gallery-page .owl-nav .owl-prev span,.gallery-page .owl-nav .owl-next span{
  	font-size: 0;
  	display: block;
  	text-align: center;
  }
  .gallery-page .owl-nav .owl-prev span:after{
  	content: "";
  	background-image: url(../images/arrows.png);
  	background-repeat: no-repeat;
  	width: 10px;
  	height: 20px;
  	background-position: 0px 2px;
  	display: block;
  	margin: 0 auto;
  }
  .gallery-page .owl-nav .owl-next span:after{
  	content: "";
  	background-image: url(../images/arrows.png);
  	background-repeat: no-repeat;
  	width: 10px;
  	height: 20px;
  	background-position:-40px 2px;
  	display: block;
  	margin: 0 auto;
  }
/* ==========================================================================
  video page styles
  ========================================================================== */
  .video-page .common-section .common-box .image img{
    box-shadow: 0px 0px 22px -1px rgb(230 226 226 / 68%);
    border-radius: 20px;
    overflow: hidden;
  }
  .video-page .common-section {
  	margin-top: 50px;
  }
  .video-page .image{
  	position: relative;
  }
  .video-page .image a{
  	display: block;
  }
  .video-page .popup-icon{
  	position: absolute;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
  	top: 50%;
  	width: 90px;
  	transform: translateY(-50%);
  }

/* ==========================================================================
  news page styles
  ========================================================================== */
  .news-page .strip{
  	width: 122px;
  	height: 25px;
  	text-transform: uppercase;
  	font-size: 10px;
  	line-height: 25px;
  	background: #614299;
  	color: #fff;
  	text-align: center;
  	position: absolute;
  	top: 23px;
  	left: 23px;
  }
  .common-section .common-box .image{
  	position: relative;
  }
  .news-page .common-section{
  	margin-top: 50px;
  }
  .news-detail-page .top-select-sec .select-box select{
  	margin-top: 0;
  }
  .news-detail-page .nws-detail-cnt{
  	margin-top: 50px;
  }
  .news-detail-page .nws-detail-cnt h2{
  	color: #585858;
  	font-size: 36px;
  	line-height: 42px;
  	font-weight: 500;
  	margin-bottom: 20px;
  }
  .news-detail-page .news-bnr{
  	margin: 30px 0;
  }
  .news-detail-page .nws-detail-cnt ul.top-list{
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  .news-detail-page .nws-detail-cnt ul.top-list li{
  	font-size: 14px;
  	color: #000000;
  	display: inline-block;
  	border-right: 1px solid #c4c4c4;
  	padding-right: 15px;
  	margin-right: 15px;
  }
  .news-detail-page .nws-detail-cnt ul.top-list li span{
  	color: #563487;
  }
  .news-detail-page .nws-detail-cnt ul.top-list li:last-child{
  	border-right: none;
  }
  .news-detail-page .paragraphs p{
  	font-size: 14px;
  	line-height:25px;
  	color: #585858;
  	font-family: 'Gotham Book';
  	margin-bottom: 30px;
  }
  .news-detail-page .paragraphs p span{
  	font-weight: bold;
  }
  .news-detail-page .paragraphs h6{
  	font-size: 16px;
  	font-weight: 900;
  	color: #585858;
  	margin-bottom: 35px;
  }
  .news-detail-page .paragraphs p a{
  	display: inline-block;
  	color: #658cdd;
  }
  .news-detail-page a.go-back{
  	margin-top:50px
  }
  .social-share {
  	margin: 45px 0 0 0;
  	padding: 0;
  	list-style: none;
  	text-align: right;
  }
  .social-share li{
  	border: 1px solid #575757;
  	width: 30px;
  	height: 30px;
  	border-radius: 50%;
  	text-align: center;
  	line-height: 32px;
  	display: inline-block;
  	margin-left: 7px;
  }
  .social-share li:nth-child(5){
  	line-height: 30px;
  }
  .social-share li a{
  	color: #575757;
  	text-align: center;
  	display: block;
  }
  .news-form{
  	margin-top: 50px;
  }
  .news-detail-page .news-form ul{
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  .news-form ul{
  	margin: 0;
  	padding: 0;

  }
  .news-form ul li{
  	display: inline-block;
  	width: 31.2%;
  	margin: 0 2.6% 50px 0;
  }
  .news-form ul li:nth-child(3n+3){
  	margin-right: 0;
  }
  .news-form ul li:nth-child(4){
  	width: 86.5%;
  	margin-bottom: 0;
  }
  .news-form ul li:nth-child(5){
  	width: 9.5%;
  	margin-right: 0;
  	margin-bottom: 0;
  }
  .news-form h3{
  	color: #585858;
  	font-size: 42px;
  	margin-bottom: 30px;
  	font-weight: bold;
  }
  .news-form ul li label{
  	display: block;
  	color: #000;
  	opacity: .5;
  	font-size: 13px;
  	margin-bottom: 20px;
  }
  .news-form ul li input{
  	width: 100%;
  	border: 1px solid #d5d5d5;
  	height: 48px;
  	outline: none;
  	font-size: 13px;
  	color: #000;
  	padding-left: 15px;
  }
  .news-form ul li textarea{
  	border:none;
  	border-bottom: 1px solid #d5d5d5;
  	font-size: 13px;
  	color: #000;
  	padding-left: 15px;
  	resize: none;
    	outline:none;
  }
  .news-form ul li .wpcf7-form-control.wpcf7-submit{
  	text-shadow: none;
  	outline: none;
  	border: none;
  	height: 48px;
  	width: 107px;
  	background: #563487;
  	border-radius: 0;
  	line-height: 30px;
  	font-size: 14px;
  	text-transform: uppercase;
  	padding: 0;
  	border: 1px solid #563487;
  	vertical-align: sub;
  	color: #fff;
  }
  .news-form form{
  	border: 1px dashed #d9d9d9;
  	padding: 35px;
  	border-radius: 20px;
  }
  .other-event-sec{
  	margin-top: 50px;
  }
  .other-event-sec h2{
  	font-size: 36px;
  	line-height: 42px;
  	color: #585858;
  	font-weight: bold;
  	margin-bottom: 30px;
  }
  .other-event-sec .other-events .texts span{
  	font-size: 11px;
  	color: #000;
  	text-transform: uppercase;
  	background: #c4c4c4;
  	padding: 10px 25px;
  	display: inline-block;
  	border-radius: 5px;
  	margin-top: 15px;
  	font-weight: bold;
  }
  .other-event-sec .other-events .texts ul{
  	margin: 15px 0 10px 0;
  	padding: 0;
  	list-style: none;
  }
  .other-event-sec .other-events .texts ul li{
  	color: #585858;
  	font-size: 14px;
  	display: inline-block;
  	border-right:1px solid #c4c4c4;
  	font-family: 'Gotham Book';
  	padding-right: 10px;
  	margin-right: 10px;
  }
  .other-event-sec .other-events .texts ul li:last-child{
  	border: none;
  }
  .other-event-sec .other-events .texts h5{
  	color: #585858;
  	font-size: 18px;
  	line-height: 18px;
  	margin-bottom: 0;
  }
  .other-event-sec .owl-nav .owl-prev{
  	position: absolute;
  	left: -35px;
  	top: 32%;
  	transform: translateY(-50%);
  }
  .other-event-sec .owl-nav .owl-next{
  	position: absolute;
  	right: -35px;
  	top: 32%;
  	transform: translateY(-50%);
  }
  .other-event-sec .owl-nav .owl-prev,.other-event-sec .owl-nav .owl-next{
  	width: 50px;
  	height: 50px;
  	border-radius: 50%;
  	background: #fff!important;
  	text-align: center;
  	line-height: 35px;
  	outline: none;
  	margin: 0 10px;
  	opacity: 1;
  }
  .other-event-sec .owl-nav .owl-prev span:after {
  	content: "";
  	background-image: url(../images/arrows.png);
  	background-repeat: no-repeat;
  	width: 10px;
  	height: 20px;
  	background-position: 0px 2px;
  	display: block;
  	margin: 0 auto;
  }
  .other-event-sec .owl-nav .owl-next span:after {
  	content: "";
  	background-image: url(../images/arrows.png);
  	background-repeat: no-repeat;
  	width: 10px;
  	height: 20px;
  	background-position: -40px 2px;
  	display: block;
  	margin: 0 auto;
  }
  .other-event-sec .owl-nav .owl-prev span, .other-event-sec .owl-nav .owl-next span{
  	font-size: 0;
  	display: block;
  	text-align: center;
  }

/* ==========================================================================
  Event details page styles
  ========================================================================== */
  .event-detail-page .evnt-detail-cnt{
  	margin-top: 50px;
  }
  .event-detail-page .top-sec{
  	margin-top: 50px;
  }
  .event-detail-page .evnt-detail-cnt h6{
  	font-size: 16px;
  	color: #585858;
  }
  .event-detail-page .top-sec p{
  	font-family: 'Gotham Book';
  	font-size: 16px;
  	color: #585858;
  }
  .event-detail-page  .social-share{
  	margin-top: 0;
  }
  .event-detail-page .visited-links{
  	margin-top: 50px;
  }
  .event-detail-page .visited-links ul li{
  	font-family: 'Gotham Book';
  	font-size: 16px;
  	color: #585858;
  	border-right: 1px solid #b2b2b2;
  }
  .event-detail-page .visited-links ul{
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  .event-detail-page .visited-links ul li{
  	display: inline-block;
  	padding-right: 20px;
  	margin-right: 20px;
  }
  .event-detail-page .visited-links ul li:last-child{
  	margin-right: 0;
  	padding-right: 0;
  }
  .event-detail-page .visited-links ul li:last-child{
  	border-right: none;
  }
  .event-detail-page a.go-back{
  	margin-top: 50px;
  }
/* ==========================================================================
  Volunteer registration page styles
  ========================================================================== */
  .voluteer-registration .form-sec h5{
  	color:#000000;
  	font-size: 42px;
  	line-height: 42px;
  	margin-bottom: 50px;
  	letter-spacing: -3px;
  }
  .voluteer-registration .form-sec ul li{
  	display: inline-block;
  }
  .voluteer-registration.contact-page .form-sec  ul li label{
  	color: #585858;
  	opacity: 1;
  }
  .voluteer-registration.contact-page .form-sec ul li select{
  	color: #000000;
  	opacity: .5;
  	font-family: 'Gotham Book';
  }
  .voluteer-registration .form-sec  ul li.file  input{
  	border: none;
  	padding-left: 0;
  	font-family: 'Gotham Book';
  }
  .voluteer-registration .g-recaptcha{
  	float: left;
  }
  .voluteer-registration.contact-page .form-sec  button{
  	margin-left: 20px;
  }
  .voluteer-registration.contact-page .form-sec  ul li textarea{
  	height: 48px;
  	line-height: 40px;
  }
  .voluteer-registration.contact-page .form-sec  ul li.datePicker{
  	position: relative;
  }
  .voluteer-registration.contact-page .form-sec  ul li.datePicker span.calendar{
  	position: absolute;
  	left: 30px;
  	top: 35px;
  }


/* ==========================================================================
 beeneficiary prgame details neew page styles
 ========================================================================== */
 .beneficiary-detail-page .common-set  .paragraph ul{
 	list-style: none;
 	padding: 0;
 	margin: 0 0 15px 0;
 }
 .beneficiary-detail-page .common-set  .paragraph ul  li{
 	display: inline-block;
 	font-size: 9px;
 	color: #585858;
 	text-transform: uppercase;
 	margin-right: 35px;
 	font-weight: 900;
 }
 .beneficiary-detail-page .common-set  .paragraph ul  li:last-child{
 	margin-right: 0;
 }
 .beneficiary-detail-page .common-set  .paragraph ul  li em{
 	display: block;
 	font-size: 50px;
 	line-height: 55px;
 	font-weight: bold;
 	color: #0772ba;
 	margin-bottom: 5px;
 	font-style: normal !important;
 }
 .beneficiary-detail-page .common-set  .paragraph ul  li:nth-child(2) em{
 	color: #faa61c;
 }
 .beneficiary-detail-page  .donatesec{
 	background-image: url(../images/beneficiary-bg.png);
 	width: 100%;
 	padding:45px 65px 70px 65px;
 	background-repeat: no-repeat;
 	background-size: 100%;
 	margin-top: 50px;
 }
 .beneficiary-detail-page  .donatesec h4{
 	color: #000000;
 	font-size: 21px;
 	font-weight: 900;
 	margin-bottom: 25px;
 }
 .beneficiary-detail-page  .donatesec input{
 	border: 1px solid #d5d5d5;
 	height: 50px;
 	color: #000000;
 	font-size: 13px;
 	opacity: .7;
 	width: 300px;
 	padding-left: 25px;
 }
 .beneficiary-detail-page  .donatesec  button{
 	text-shadow: none;
 	border: none;
 	background: #e82090;
 	border-radius: 0;
 	color: #fff;
 	text-transform: uppercase;
 	font-size: 14px;
 	width: 140px;
 	height: 50px;
 	padding: 0;
 	line-height: 49px;
 	margin-left: -5px;
 	vertical-align: top;
 }
 .beneficiary-detail-page  .donatesec  button span{
 	margin-left: 15px;
 }
 .beneficiary-detail-page  .donatesec h5{
 	color: #000000;
 	font-size: 21px;
 	text-transform: uppercase;
 	margin-bottom: 35px;
 }
 .beneficiary-detail-page  .donatesec ul{
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
 .beneficiary-detail-page  .donatesec ul li a{
 	color: #000000;
 	font-size: 14px;
 	text-transform: uppercase;
 	font-weight: 900;
 }
 .beneficiary-detail-page  .donatesec ul li{
 	display: inline-block;
 	margin-right: 40px;
 }
 .beneficiary-detail-page  .donatesec ul li:last-child{
 	margin-right: 0;
 }
 .beneficiary-detail-page  .donatesec h6{
 	text-transform: uppercase;
 	font-size: 14px;
 	color: #000;
 	font-weight: 900;
 	margin-bottom: 0;
 }
 .other-beneficiary-sec  h2{
 	color: #585858;
 	font-size: 36px;
 	line-height: 42px;
 	font-weight: 900;
 	margin-bottom: 50px;
 }
 .other-beneficiary-sec ul{
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
 .other-beneficiary-sec ul li {
 	text-align: center;
 }
 .other-beneficiary-sec ul li a{
 	display: block;
 	color: #585858;
 	font-size: 18px;
 }
 .other-beneficiary-sec ul li span.image{

 	border-radius: 50%;
 	display: block;
 	overflow: hidden;
 	margin:0 auto 40px auto;
 }
 .other-beneficiary-sec {
 	background-image: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #fefefe, #fefefe, #fefefe, #fdfdfd, #fdfdfd, #fbfbfb);
 	padding-bottom: 50px;
 }
/* ==========================================================================
  beneficiary form styles
  ========================================================================== */
  .bnf-form-page h2.resp-accordion{
  	display: block;
  	color: #585858;
  	font-size: 24px;
  	line-height: 24px;
  	padding:50px 0;
  	border-bottom: 1px solid #a8a8a8;
  }
  .bnf-form-page h2.resp-accordion span.resp-arrow{
  	border: none !important;
  	background: #fff url(../images/bn-awrs.png) no-repeat;
  	display: inline-block;
  	width: 25px;
  	height: 15px;
  	margin-right: 30px;
  	margin-top:5px;
  }
  .bnf-form-page h2.resp-tab-active{
  	padding: 50px 0px !important;
  }
  .bnf-form-page  h2.resp-tab-active span.resp-arrow{
  	background-position: 0px -30px;
  }
  .bnf-form-page ul.resp-tabs-list{
  	display: none;
  }
  .bnf-form-page.contact-page .contact-sec .cont-set{
  	padding-top: 0;
  }
  .bnf-form-page.contact-page .contact-sec {
  	padding-top: 10px;
  }
  .bnf-form-page .tab-sec{
  	padding: 50px 0;
  }

  .bnf-form-page .radio-btns{
  	display: flex;
  	align-items: center;
  	height: 48px;
  }
  .bnf-form-page  .radio input[type="radio"] {
  	position: absolute;
  	opacity: 0;
  	height: auto;
  }
  .bnf-form-page .rad-lab{
  	margin-bottom: 15px;
  }
  .bnf-form-page  .radio{
  	height: 25px;
  	display: inline-block;
  	vertical-align: middle;
  	margin-right: 45px;
  }
  .bnf-form-page .radio-label{
  	position: relative;
  	margin-bottom: 0;
  }
  .bnf-form-page .radio input[type="radio"] + .wpcf7-list-item-label:before {
  	content: "";
  	background: #fff;
  	border: 1px solid #d5d5d5;
  	display: inline-block;
  	width: 25px;
  	height:25px;
  	position: relative;
  	top: -0.2em;
  	margin-right: 1em;
  	vertical-align: top;
  	cursor: pointer;
  	text-align: center;
  	transition: all 250ms ease;
  }
  .bnf-form-page .radio input[type="radio"] + .wpcf7-list-item-label:after{
  	content: "";
  	position: absolute;
  	left: 11px;
  	top: 3px;
  	width: 4px;
  	height: 10px;
  	display: block;
  	border: solid #d5d5d5;
  	border-width: 0 2px 2px 0;
  	-webkit-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
  	opacity: 0;
  }
  .bnf-form-page .radio input[type="radio"]:checked + .wpcf7-list-item-label:after {
  	opacity: 1;
  }
  .bnf-form-page .radio input[type="radio"]:disabled + .wpcf7-list-item-label:before {
  	box-shadow: inset 0 0 0 4px #f4f4f4;
  	border-color: #b4b4b4;
  	background: #b4b4b4;
  }
  .bnf-form-page .radio input[type="radio"] + .wpcf7-list-item-label:empty:before {
  	margin-right: 0;
  }

  .page-template-page-awarness a.btn.pink {
  	max-width: 140px;
  }

/* ==========================================================================
  event calendar page styles
  ========================================================================== */
  .event-calendar-page .download-pdf{
  	background: #cccccc;
  	padding:15px 35px 15px 76px;
  	display: inline-block;
  	text-align: center;
  	margin: 10px 0 50px 0;
  	font-size: 14px;
  	color: #585858;
  	font-weight: bold;
  	position: relative;
  	float: right;
  	display: none;
  }
  .event-calendar-page .pdf-img{
  	position: absolute;
  	top: -25px;
  	left: 15px;
  }
  .event-calendar-page h2.resp-accordion{
  	display: block;
  	color: #fff;
  	font-size: 18px;
  	line-height: 20px;
  	padding:10px 20px;
  	background: #b7b7b7 !important;
  	border-radius: 10px;
  	margin-bottom: 15px;
  }
  .event-calendar-page h2.resp-accordion span.resp-arrow{
  	border: none !important;
  }
  .event-calendar-page h2.resp-tab-active{
  	padding:10px 20px !important;
  	background: #614299 !important;
  }
  .event-calendar-page  h2.resp-tab-active span.resp-arrow{
  	background-position: 0px -30px;
  }
  .event-calendar-page  ul.resp-tabs-list{
  	display: none;
  }
  .event-calendar-page .calendar-sec{
  	float: left;
  	width: 100%;
  }
  .event-calendar-page .upcomming-events{
  	float: right;
  	width: 29%;
  	background: #f5f5f5;
  	padding: 55px 0 55px 0;
  }
  .event-calendar-page .upcomming-events h3{
  	color: #000000;
  	font-size: 21px;
  	line-height: 21px;
  	text-align: center;
  	font-weight: 900;
  	margin-bottom: 50px;
  }
  .event-calendar-page .upcomming-events ul{
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }

  .event-calendar-page .upcomming-events ul li a p{
  	color: #614299;
  	font-size: 14px;
  	line-height: 18px;
  }

  .event-calendar-page  .upcomming-events ul li a span {
  	transform: rotate(-90deg);
  	display: inline-block;
  	width: 13px;
  }

  .calendar-sec .fc .fc-daygrid-day-number{
  	font-family: 'Gotham Book';
  	font-weight: 600;
  	color: #585858;
  	font-size: 30px;
  	line-height: 30px;
  	text-align: right;
  }

  .calendar-sec .fc .fc-col-header-cell-cushion{
  	padding: 8px 10px;
  	font-family: 'Gotham';
  	font-weight: bold;
  	color: #000;
  	text-transform: uppercase;
  }

  .calendar-sec .fc-theme-standard th{
  	background-color: #fff;
  	text-align: right;

  }

  .calendar-sec .fc .fc-daygrid-day-frame{
  	background-color: #fff;
  }

  .calendar-sec  .fc .fc-daygrid-day-top{
  	padding: 10px 10px 0px;
  }

  .event-calendar-page .upcomming-events ul li{
  	border-top: 1px solid #c1c1c1;
  	padding: 25px 0;
  }
  .event-calendar-page .upcomming-events .list-cnt{
  	padding: 0 30px;
  }
  .event-calendar-page .upcomming-events ul li h5{
  	color: #000000;
  	font-size: 12px;
  	line-height: 17px;
  	font-family: 'Gotham Book';
  	margin-bottom: 15px;
  }
  .event-calendar-page .upcomming-events ul li a{
  	color: #614299;
  	font-size: 14px;
  	line-height: 18px;
  }
  .event-calendar-page .upcomming-events ul li a span{
  	transform: rotate(-90deg);
  	display: inline-block;
  	width: 13px;
  }
  .event-calendar-page .tab-cnt{
  	background: #fff;
  }
  .event-calendar-page  .scroll-pane{
  	outline: none;
  	height: 758px;
  }
  .event-calendar-page #calendar {
  	-webkit-transform: translate3d(0, 0, 0);
  	-moz-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
  	padding: 5px;
  	overflow: hidden;
  	background: #f5f5f5;
  }
  .event-calendar-page #calendar  .header h1 {
  	display: none;
  }
	/* .header {
	  height: 50px;
	  width: 420px;
	  background: rgba(66, 66, 66, 1);
	  text-align: center;
	  position:relative;
	  z-index: 100;
	}
	
	.header h1 {
	  margin: 0;
	  padding: 0;
	  font-size: 20px;
	  line-height: 50px;
	  font-weight: 100;
	  letter-spacing: 1px;
	  } */

	  .event-calendar-page .left, .right {
	  	position: absolute;
	  	width: 0px;
	  	height: 0px;
	  	border-style: solid;
	  	top: 50%;
	  	margin-top: -7.5px;
	  	cursor: pointer;
	  }

	  .event-calendar-page .left {
	  	border-width: 7.5px 10px 7.5px 0;
	  	border-color: transparent rgba(160, 159, 160, 1) transparent transparent;
	  	left: 20px;
	  }

	  .event-calendar-page .right {
	  	border-width: 7.5px 0 7.5px 10px;
	  	border-color: transparent transparent transparent rgba(160, 159, 160, 1);
	  	right: 20px;
	  }

	  .event-calendar-page .month {
	  	opacity: 0;
	  }

	  .event-calendar-page .month.new {
	  	-webkit-animation: fadeIn 1s ease-out;
	  	opacity: 1;
	  }

	  .event-calendar-page .month.in.next {
	  	-webkit-animation: moveFromTopFadeMonth .4s ease-out;
	  	-moz-animation: moveFromTopFadeMonth .4s ease-out;
	  	animation: moveFromTopFadeMonth .4s ease-out;
	  	opacity: 1;
	  }

	  .event-calendar-page .month.out.next {
	  	-webkit-animation: moveToTopFadeMonth .4s ease-in;
	  	-moz-animation: moveToTopFadeMonth .4s ease-in;
	  	animation: moveToTopFadeMonth .4s ease-in;
	  	opacity: 1;
	  }

	  .event-calendar-page .month.in.prev {
	  	-webkit-animation: moveFromBottomFadeMonth .4s ease-out;
	  	-moz-animation: moveFromBottomFadeMonth .4s ease-out;
	  	animation: moveFromBottomFadeMonth .4s ease-out;
	  	opacity: 1;
	  }

	  .event-calendar-page .month.out.prev {
	  	-webkit-animation: moveToBottomFadeMonth .4s ease-in;
	  	-moz-animation: moveToBottomFadeMonth .4s ease-in;
	  	animation: moveToBottomFadeMonth .4s ease-in;
	  	opacity: 1;
	  }



	  .event-calendar-page .day {
	  	display: inline-block;
	  	width: 13.28%;
	  	height: 140px;
	  	background: #fff;
	  	margin: .5%;
	  	text-align: center;
	  	vertical-align: top;
	  	cursor: pointer;
	  	position: relative;
	  	z-index: 100;
	  	padding: 30px 20px 0 0;
	  }

	  .event-calendar-page .day.other {
	  	color: rgba(255, 255, 255, .3);
	  }

	  .event-calendar-page .day.today {
	  	color: rgba(156, 202, 235, 1);
	  }

	  .event-calendar-page .day-name {
	  	font-size: 9px;
	  	text-transform: uppercase;
	  	margin-bottom: 5px;
	  	color:#000;
	  	letter-spacing: .7px;
	  	text-align: right;
	  }

	  .event-calendar-page .day-number {
	  	font-size: 30px;
	  	line-height:30px;
	  	text-align: right;
	  }


	  .event-calendar-page .day .day-events {
	  	list-style: none;
	  	margin-top: 3px;
	  	text-align: center;
	  	overflow: hidden;
	  }

	  .event-calendar-page .day .day-events span {
	  	vertical-align: top;
	  	width: 20px;
	  	height: 20px;
	  	border-radius: 50%;
	  	display: block;
	  	border: 1px solid;
	  	position: relative;
	  	margin: 5px;
	  }
	  .event-calendar-page .day .day-events span:after{
	  	width: 12px;
	  	height: 12px;
	  	border-radius: 50%;
	  	content: "";
	  	background: #614299;
	  	display: block;
	  	text-align: center;
	  	margin: 0 auto;
	  	position: absolute;
	  	left: 0px;
	  	right: 0;
	  	top: 3px;
	  }

	  .event-calendar-page .blue{
	  	border-color: #614299 !important;
	  }
	  .event-calendar-page .blue:after { 
	  	background: #614299 !important;

	  }
	  .event-calendar-page .orange{
	  	border-color: #f9ad81 !important;;
	  }
	  .event-calendar-page .orange:after {
	  	background: #f9ad81 !important;
	  }
	  .event-calendar-page .green{
	  	border-color:#00a651!important;
	  }
	  .event-calendar-page .green:after { 
	  	background: #00a651!important;
	  }
	  .event-calendar-page .brown{
	  	border-color:#998675 !important;
	  }
	  .event-calendar-page .brown:after {
	  	background: #998675 !important;
	  }
	  .event-calendar-page .pink{
	  	border-color:#f49ac1!important;
	  }
	  .event-calendar-page .pink:after {
	  	background: #f49ac1!important;
	  }
	  .event-calendar-page .details {
	  	position: relative;
	  	height: 75px;
	  	background:#fff;
	  	margin-top: 5px;
	  	border-radius: 4px;
	  	border: 2px solid #7d63ab;
	  }

	  .event-calendar-page .details.in {
	  	-webkit-animation: moveFromTopFade .5s ease both;
	  	-moz-animation: moveFromTopFade .5s ease both;
	  	animation: moveFromTopFade .5s ease both;
	  }

	  .event-calendar-page .details.out {
	  	-webkit-animation: moveToTopFade .5s ease both;
	  	-moz-animation: moveToTopFade .5s ease both;
	  	animation: moveToTopFade .5s ease both;
	  }

	  .event-calendar-page .arrow {
	  	position: absolute;
	  	top: -11px;
	  	left: 50%;
	  	margin-left: -2px;
	  	width: 0px;
	  	height: 0px;
	  	border-style: solid;
	  	border-width: 0 10px 10px 10px;
	  	border-color: transparent transparent #7d63ab;
	  	transition: all 0.7s ease;
	  	z-index: 999;
	  }

	  .event-calendar-page .events {
	  	height: 75px;
	  	padding: 7px 0;
	  	overflow-y: auto;
	  	overflow-x: hidden;
	  }

	  .event-calendar-page .events.in {
	  	-webkit-animation: fadeIn .3s ease both;
	  	-moz-animation: fadeIn .3s ease both;
	  	animation: fadeIn .3s ease both;
	  }

	  .event-calendar-page .events.in {
	  	-webkit-animation-delay: .3s;
	  	-moz-animation-delay: .3s;
	  	animation-delay: .3s;
	  }

	  .event-calendar-page .details.out .events {
	  	-webkit-animation: fadeOutShrink .4s ease both;
	  	-moz-animation: fadeOutShink .4s ease both;
	  	animation: fadeOutShink .4s ease both;
	  }

	  .event-calendar-page .events.out {
	  	-webkit-animation: fadeOut .3s ease both;
	  	-moz-animation: fadeOut .3s ease both;
	  	animation: fadeOut .3s ease both;
	  }

	  .event-calendar-page .event {
	  	font-size: 16px;
	  	line-height: 22px;
	  	letter-spacing: .5px;
	  	padding: 2px 16px;
	  	vertical-align: top;
	  }

	  .event-calendar-page .event.empty {
	  	color: #eee;
	  }

	  .event-calendar-page .event-category {
	  	height: 10px;
	  	width: 10px;
	  	display: inline-block;
	  	margin: 6px 0 0;
	  	vertical-align: top;
	  }

	  .event-calendar-page .event span {
	  	display: inline-block;
	  	padding: 0 0 0 7px;
	  	color: #614299;
	  	font-size: 15px;
	  }

	  .event-calendar-page .legend {
	  	position: absolute;
	  	bottom: 0;
	  	width: 100%;
	  	height: 30px;
	  	background: rgba(60, 60, 60, 1);
	  	line-height: 30px;
	  	display: none;
	  }

	  .event-calendar-page .entry {
	  	position: relative;
	  	padding: 0 0 0 25px;
	  	font-size: 13px;
	  	display: inline-block;
	  	line-height: 30px;
	  	background: transparent;
	  }

	  .event-calendar-page .entry:after {
	  	position: absolute;
	  	content: '';
	  	height: 5px;
	  	width: 5px;
	  	top: 12px;
	  	left: 14px;
	  }

	  .event-calendar-page .entry.blue:after { background: rgba(156, 202, 235, 1); }
	  .event-calendar-page .entry.orange:after { background: rgba(247, 167, 0, 1); }
	  .event-calendar-page .entry.green:after { background: rgba(153, 198, 109, 1); }
	  .event-calendar-page .entry.yellow:after { background: rgba(249, 233, 0, 1); }

	  /* Animations are cool!  */
	  @-webkit-keyframes moveFromTopFade {
	  	from { opacity: .3; height:0px; margin-top:0px; -webkit-transform: translateY(-100%); }
	  }
	  @-moz-keyframes moveFromTopFade {
	  	from { height:0px; margin-top:0px; -moz-transform: translateY(-100%); }
	  }
	  @keyframes moveFromTopFade {
	  	from { height:0px; margin-top:0px; transform: translateY(-100%); }
	  }

	  @-webkit-keyframes moveToTopFade {
	  	to { opacity: .3; height:0px; margin-top:0px; opacity: 0.3; -webkit-transform: translateY(-100%); }
	  }
	  @-moz-keyframes moveToTopFade {
	  	to { height:0px; -moz-transform: translateY(-100%); }
	  }
	  @keyframes moveToTopFade {
	  	to { height:0px; transform: translateY(-100%); }
	  }

	  @-webkit-keyframes moveToTopFadeMonth {
	  	to { opacity: 0; -webkit-transform: translateY(-30%) scale(.95); }
	  }
	  @-moz-keyframes moveToTopFadeMonth {
	  	to { opacity: 0; -moz-transform: translateY(-30%); }
	  }
	  @keyframes moveToTopFadeMonth {
	  	to { opacity: 0; -moz-transform: translateY(-30%); }
	  }

	  @-webkit-keyframes moveFromTopFadeMonth {
	  	from { opacity: 0; -webkit-transform: translateY(30%) scale(.95); }
	  }
	  @-moz-keyframes moveFromTopFadeMonth {
	  	from { opacity: 0; -moz-transform: translateY(30%); }
	  }
	  @keyframes moveFromTopFadeMonth {
	  	from { opacity: 0; -moz-transform: translateY(30%); }
	  }

	  @-webkit-keyframes moveToBottomFadeMonth {
	  	to { opacity: 0; -webkit-transform: translateY(30%) scale(.95); }
	  }
	  @-moz-keyframes moveToBottomFadeMonth {
	  	to { opacity: 0; -webkit-transform: translateY(30%); }
	  }
	  @keyframes moveToBottomFadeMonth {
	  	to { opacity: 0; -webkit-transform: translateY(30%); }
	  }

	  @-webkit-keyframes moveFromBottomFadeMonth {
	  	from { opacity: 0; -webkit-transform: translateY(-30%) scale(.95); }
	  }
	  @-moz-keyframes moveFromBottomFadeMonth {
	  	from { opacity: 0; -webkit-transform: translateY(-30%); }
	  }
	  @keyframes moveFromBottomFadeMonth {
	  	from { opacity: 0; -webkit-transform: translateY(-30%); }
	  }

	  @-webkit-keyframes fadeIn  {
	  	from { opacity: 0; }
	  }
	  @-moz-keyframes fadeIn  {
	  	from { opacity: 0; }
	  }
	  @keyframes fadeIn  {
	  	from { opacity: 0; }
	  }

	  @-webkit-keyframes fadeOut  {
	  	to { opacity: 0; }
	  }
	  @-moz-keyframes fadeOut  {
	  	to { opacity: 0; }
	  }
	  @keyframes fadeOut  {
	  	to { opacity: 0; }
	  }

	  @-webkit-keyframes fadeOutShink  {
	  	to { opacity: 0; padding: 0px; height: 0px; }
	  }
	  @-moz-keyframes fadeOutShink  {
	  	to { opacity: 0; padding: 0px; height: 0px; }
	  }
	  @keyframes fadeOutShink  {
	  	to { opacity: 0; padding: 0px; height: 0px; }
	  }

/* ==========================================================================
  common styles
  ========================================================================== */
  .common-section .common-box .image img{
  	border-radius: 5px;
  }
  .common-section .common-box h3{
  	font-size: 18px;
  	line-height: 21px;
  	color: #585858;
  	margin-bottom: 0;
  }
  .common-section .common-box .icon{
  	float: left;
  	width: 40px;
  }
  .common-section .common-box .text-cnt{
  	margin-bottom: 0;
  	display: table-cell;
  	vertical-align: middle;
  }
  .common-section .common-box h5{
  	font-size: 14px;
  	line-height: 15px;
  	margin-bottom: 5px;
  	color: #585858;
  	font-family: 'Gotham Book';
  }
  .common-section .common-box .text{
  	display: table;
  	height:39px;
  	float: left;
  	width: calc(100% - 70px);
  	margin-left:15px;
  }
  .common-section .common-box  .bottom{
  	padding-top: 30px;
  }
  .common-section .common-box{
  	margin-bottom: 70px;
  }
  h2.title{
  	font-size: 25px;
  	line-height: 30px;
  	color: #fff;
  	text-align: center;
  	font-weight: bold;
  }
  a.btn{
  	max-width:190px;
  	height: 50px;
  	line-height: 50px;
  	text-transform: uppercase;
  	font-weight: 900;
  	color: #000000;
  	font-size: 14px;
  	text-align: center;
  	background: #fff;
  	display: block;
  }
  a.btn.pink{
  	background: #e82090;
  	color: #fff;
  }
  a.btn.pink span{
  	margin-left: 10px;

  }
  .home-page p{
  	color: #fefefe;
  	font-weight: 300;
  }
  a.blk-btn{
  	width: 180px;
  	height: 60px;
  	line-height: 60px;
  	display: block;
  	background:#000000;
  	text-align: center;
  	color: #fff;
  }
  a.blue-btn{
  	background: #563487;
  	color: #fff;
  	font-size: 14px;
  	display: block;
  	width: 190px;
  	height: 50px;
  	line-height: 50px;
  	text-align: center;
  	font-weight: bold;
  }
  .inner-page{
  	padding: 200px 0 50px 0;
  }
  .Top-sec h2{
  	font-weight: bold;
  	margin-bottom: 10px;
  	line-height: 30px;
  }
  .breadcrumb{
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }

  .breadcrumb li{
  	display: inline-block;
  	color: #563487;
  	font-size: 14px;
  	padding: 0 10px;
  	border-right: 1px solid #dedede;
  }
  .breadcrumb li:first-child{
  	padding-left: 0;
  }
  .breadcrumb li:last-child{
  	border-right: 0;
  }
  .breadcrumb li a{
  	color: #000;
  }
  h3.inner-title{
  	color: #585858;
  	font-weight: bold;
  }
  .top-select-sec .select-box select{
  	-webkit-appearance: none;
  	background: #fff url(../images/arw-img.png) no-repeat right 10px  top 50%;
  	color: #585858;
  	font-size: 14px;
  	font-weight: bold;
  	padding: 15px 35px 15px 15px;
  	border: 2px solid #e5e5e5;
  	outline: none;
  	width: auto;
  	max-width: 340px;
  	margin-top: 10px;
  	text-transform: uppercase;
	cursor:pointer;

  }
  .common-left-cnt .common-aware-image .common-image{
  	width: 250px;
  	height: 250px;
  	overflow: hidden;
  	border-radius: 50%;
  	margin: 0 auto;
  	position: relative;
  	z-index: 1;
  }
  .common-left-cnt  .common-white-logo{
  	background: #fff;
  	width: 150px;
  	height: 150px;
  	text-align: center;
  	border-radius: 50%;
  	line-height: 150px;
  	position: absolute;
  	left: 0px;
  	top: -50px;
  	z-index: 9;
  	overflow: hidden;
  	box-shadow: 0px 0px 35px 1px rgba(183, 176, 176, 0.5);
  }
  .common-left-cnt .common-aware-image::after{
  	content: "";
  	background-image: url(../images/ap-round.png);
  	width: 290px;
  	height: 275px;
  	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: contain;
  	position: absolute;
  	top: 0;
  	left: 0;
  	animation: rotation 20s infinite linear;
  }
  .common-left-cnt .common-aware-image{
  	width: 100%;
  	height: 275px;
  	position: relative;
  }
  .common-left-cnt  .common-white-logo img {
  	transform: translateY(-50%);
  	position: relative;
  	top: 50%;
        margin: 0 auto;
  }
  .common-set{
  	padding-top: 45px;
  }
  .common-set .common-right-cnt p{
  	color: #000000;
  	opacity: .8;
  	font-family: 'Gotham Book';
  	line-height: 29px;
  }
  .common-set .common-right-cnt h3.main-title{
  	color: #585858;
  	font-weight: bold;
  }
  .common-set .common-right-cnt h2{
  	color: #585858;
  	line-height: 35px;
  	font-size: 25px;
  }
  .common-set .common-right-cnt h5{
  	color: #563487;
  	line-height: 28px;
  	font-size: 18px;
  	text-transform: uppercase;
  	margin-bottom: 0;
  }
  .aw-detail-pink .common-left-cnt .common-white-logo{
  	box-shadow: 0px 11px 35px 7px #ffd9ef;
  }
  .aw-detail-pink .common-left-cnt .common-aware-image .common-image{
  	background: #d98393;
  }


/* ==========================================================================
  benificiary form new styles
  ========================================================================== */
  .main-acordion .accordion-item {
  	margin: 0;
  	overflow: hidden;
  	border: none;
  	outline: none;
  	border-bottom: 1px solid #a8a8a8;
  	padding: 50px 0;
  }
  #main .title {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	color: #585858;
  	font-size: 24px;
  	line-height: 24px;
  	cursor:pointer;
  	margin-bottom:0;
  }
  #main .title br{
  	display:none;
  }
  .main-acordion .accordion-item .title i.fas {
  	font-size: 0.9rem;
  	color: #454545;
  	transform: translateX(-50%) rotate(0);
  	transition: transform 0.15s ease;
  }
  .main-acordion .accordion-item .paragraph {
  	font-family: inherit;
  	font-size: 1rem;
  	font-weight: normal;
  	line-height: inherit;
  	color: #454545;
  	display: none;
  	padding: 1rem 0;
  }
  .main-acordion .accordion-item.active .title i.fas {
  	color: #1a9de1;
  	transform: translateX(-50%) rotate(180deg);
  }
  .main-acordion .accordion-item.active .paragraph {
  	display: block;
  }
  #main .title span.arrow {
  	border: none !important;
  	background: #fff url(../images/bn-awrs.png) no-repeat;
  	display: inline-block;
  	width: 25px;
  	height: 15px;
  	margin-right: 30px;
  	margin-top: 5px;
  }
  #main form ul{
  	border: 1px dashed #d9d9d9;
  	padding: 65px 40px;
  	border-radius: 20px;
  }
  #main form ul li{
  	width: 33% !important;
  	margin-right: 0 !important;
  	padding: 0 18px;
  	position:relative;
  }
  #main form ul li:first-child{
  	width: 66.5% !important;
  }
  #main form ul li label {
  	font-size: 13px;
  	color: #000000;
  	opacity: .5;
  	margin-bottom: 10px;
  	display: block;
  }
  #main form ul li input{
  	border: 1px solid #d5d5d5;
  	width: 100%;
  	height: 48px;
  	outline: none;
  	font-size: 13px;
  	font-weight: 600;
  	padding-left: 15px;
  }
  #main form ul li span.calendar{
  	position: absolute;
  	left: 30px;
  	top: 35px;
  }
  #main form ul li .radio-label:before{
  	content: '';
  	background: #fff;
  	border: 1px solid #d5d5d5;
  	display: inline-block;
  	width: 25px;
  	height: 25px;
  	position: relative;
  	top: -0.2em;
  	margin-right: 1em;
  	vertical-align: top;
  	cursor: pointer;
  	text-align: center;
  	transition: all 250ms ease;
  }
  #main form ul li .radio-label:after{
  	content: "";
  	position: absolute;
  	left: 11px;
  	top: 3px;
  	width: 4px;
  	height: 10px;
  	display: block;
  	border: solid #d5d5d5;
  	border-width: 0 2px 2px 0;
  	-webkit-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
  	opacity: 0;
  }
  .page-template-page-benificiary-form .ui-state-hover{
  	background:none !important;
  	border:none !important;
  }


  .page-template-page-benificiary-form .ui-accordion .ui-accordion-content{
  	margin: 0px;
  	padding: 0px;
  }

  .page-template-page-benificiary-form  .form-sec ul{
  	margin: 0px;
  	padding: 0px;
  }

  .page-template-page-benificiary-form .ui-accordion .ui-accordion-icons{
  	display: block;
  	color: #585858;
  	font-size: 24px;
  	line-height: 24px;
  	padding: 50px 0;
  	border: none;
  	border-radius: 0px !important;
  	border-bottom: 1px solid #a8a8a8;
  }

  .page-template-page-benificiary-form .ui-accordion .ui-accordion-content{
  	border-top: initial !important;
  }

  .page-template-page-benificiary-form .form-sec{
  	border: 1px dashed #d9d9d9;
  	border-radius: 20px;
  	padding: 65px 50px;
  }
  .page-template-page-benificiary-form .ui-accordion .ui-accordion-content{
  	border: none !important;
  }

  .page-template-page-benificiary-form .form-sec .form-sec {
  	padding: 0px;
  	border: none !important;
  }

  .page-template-page-benificiary-form .ui-accordion .ui-accordion-icons.ui-state-active{
  	border: none !important;
  	border-bottom: none !important;
  }

  .page-template-page-benificiary-form .ui-accordion .ui-accordion-icons:focus{
  	outline: none !important;
  	border: none;
  }

  .section-seven .sub-right input.btn.btn-primary.mb-2{
  	width: 155px;
  	height: 50px;
  	outline: none;
  	text-shadow: none;
  	background: #563487;
  	text-transform: uppercase;
  	font-weight: bold;
  	border-radius: 0;
  	border: 1px solid #563487;
  	padding: 0;
  	font-size: 14px;
  	line-height: 13px;
  	color: #fff;
  }

  .page-template-page-benificiary-form .ui-accordion {
  	margin-top: 50px;
  }

  .page-template-page-benificiary-form .ui-accordion h3.ui-accordion-header{
  	position: relative;
  }

  .page-template-page-benificiary-form .ui-accordion h3.ui-accordion-header .arrow{
  	border: none !important;
  	background: #fff url(../images/bn-awrs.png) no-repeat;
  	display: inline-block;
  	width: 25px;
  	height: 15px;
  	position: absolute;
  	right: 30px;
  	top: 54px;
  }

  .page-template-page-benificiary-form .ui-accordion h3.ui-accordion-header.ui-state-active .arrow{
  	background-position: 0px -30px;
  }

  .the-datepicker__container{
  	width: 100%;
  }

  .the-datepicker__main .the-datepicker__close a{
  	background-color: #ff5353;
  	color: #fff;
  	font-size: 18px;
  	width: 25px;
  	height: 25px;
  	line-height: 26px;
  	border-radius: 0px;
  	padding: 0;
  	min-width: inherit;
  	display: block;
  	font-weight: 300;
  	border-radius: 100%;
  	-webkit-border-radius: 100%;
  	-moz-border-radius: 100%;
  	-ms-border-radius: 100%;
  	-o-border-radius: 100%;
  }

  .the-datepicker__main{
  	border-radius: 0px;
  }

  .the-datepicker__main .the-datepicker__close a:hover{
  	background-color: #000;
  }

  .the-datepicker__navigation a{
  	color: #000;
  }

  .the-datepicker__main .the-datepicker__year{
  	width: 36%;
  }

  .the-datepicker__main .the-datepicker__month{
  	width: 60%;
  	margin-right: 4%;
  }

  .the-datepicker__main td.the-datepicker__day a.the-datepicker__button .the-datepicker__day-content{
  	font-size: 14px;
  	color: #000;
  	font-family: 'Gotham';
  	font-weight: 500;
  }

  .the-datepicker__main .voluteer-registration.contact-page .form-sec  ul li select{
  	font-size: 15px;
  }

  .the-datepicker__main .the-datepicker__go a.the-datepicker__button{
  	font-size: 14px;
  	color: #fff;
  	font-family: 'Gotham';
  	font-weight: 500;
  	background: #6b6b6b;
  	border-radius: 0;

  }

  .the-datepicker__main .the-datepicker__go{
  	width: 12%;
  }

  .the-datepicker__main .the-datepicker__state{
  	width: 76%;
  }

  .page-template-page-benificiary-form .ui-accordion .ui-accordion-content{
  	height: auto !important;
  }


  .page-template-page-benificiary-form .voluteer-registration.contact-page .form-sec  ul li select{
  	color: #000000;
  	opacity: .5;
  	font-family: 'Gotham Book';
  	padding: 0px 8px;
  	font-size: 14px;
  }

  .page-template-page-benificiary-form  .voluteer-registration.contact-page .form-sec  ul li.datePicker input{
  	padding-left: 50px;
  }

  .the-datepicker__main td.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content{
  	background-color: transparent !important;
  }

  .the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button:hover .the-datepicker__day-content{
  	background-color: transparent !important;
  }

  .the-datepicker__deselect{
  	right: 0px;
  	top: 0px;
  }


  /*Event calender*/

  .page-template-page-event-calander .calendar-sec table{
  	margin: 0 0 0em;
  }


  .page-template-page-event-calander .fc-header-toolbar.fc-toolbar {
  	display: none;
  }


  .page-template-page-event-calander #menu h3 {
  	display: block;
  	color: #fff;
  	font-size: 18px;
  	line-height: 20px;
  	padding: 10px 20px;
  	background-color: #b7b7b7 !important;
  	border-radius: 10px;
  	margin-bottom: 15px;
  	background-image:url(../images/calender-new.png);
  	background-repeat: no-repeat;
  	background-position: 11px 9px;
  	padding-left: 35px;


  }

  .page-template-page-event-calander #menu h3.ui-state-active{
  	background-color: #614299 !important;
  	font-size: 21px;
  	background-image: none;
  	padding-left: 10px;
  }

  .page-template-page-event-calander #menu h3.ui-state-active:focus{
  	border: none !important;
  	outline: none !important;
  }

  .page-template-page-event-calander #menu h3:hover{
  	border: none !important;
  	outline: none !important;
  }

  .event-calendar-page .upcomming-events h3{
  	background: transparent !important;
  	color: #000;
  }

  .event-calendar-page .arrow{
  	display: none;
  }

  .event-calendar-page .ui-accordion .ui-accordion-content {
  	padding: 0px;
  	border: none;
  }


  .event-calendar-page #menu{
  	width: 70%;
  	float: left;
  }

  .event-calendar-page #menu{
  	width: 70%;
  	float: left;
  }

  .event-calendar-page .fc .fc-scroller-liquid-absolute{
  	overflow: hidden !important;
  }

  .event-calendar-page .fc-daygrid-dot-event .fc-event-time{
  	display: none !important;
  }

  .event-calendar-page .fc-daygrid-dot-event .fc-event-title{
  	display: none !important;
  }

  .button-group .button{
  	font-weight: 600;
  }

  .awareness-page .element-item{
  	float: left;
  	position: inherit;
  }

  .page-template-page-image-gallery  .fancybox-navigation .fancybox-button{
  	visibility: visible !important;
  }

  .page-template-page-volunteer-registration .contact-page .form-sec  input.wpcf7-submit{
  	max-width: 190px;
  }

  .voluteer-registration.contact-page .form-sec  ul li.datePicker input{
  	padding-left: 50px !important;
  }

  .event-detail-page ul li button{
  	text-shadow: none;
  	outline: none;
  	border: none;
  	height: 48px;
  	width: 107px;
  	background: #563487;
  	border-radius: 0;
  	line-height: 30px;
  	font-size: 14px;
  	text-transform: uppercase;
  	padding: 0;
  	border: 1px solid #563487;
  	vertical-align: sub;
  	color: #fff;
  }

  .page-template-page-event-calander .tooltip{
  	background-color: #fff !important;
  	text-align: left !important;
  	width: auto !important;
  	max-width: 290px;
  	padding: 15px 25px;
  	background-image:url(../images/event-calendar-logo.png);
  	background-repeat: no-repeat;
  	background-position: bottom -27px right;
  }



  .page-template-page-event-calander .tooltip .title{
  	font-size:15px;
  	color:#614299;
  	font-family:'Gotham';
  	font-weight: 500;
  	line-height: 18px;
  	float: left;
  	width: 100%;
  	margin-top: 8px;
  }

  .page-template-page-event-calander .tooltip-arrow{
  	border-width: 0 8px 8px 8px !important; 
  	top: -9px !important; 
  	border-color: #dd3385 !important; 
  	border-left-color: transparent  !important;
  	border-right-color: transparent  !important;
  	border-top-color: transparent  !important;

  }

  .page-template-page-event-calander .tooltip ul{
  	margin: 0px;
  	padding: 0px;
  	margin-top: 10px;
  	width: 100%;
  	float: left;
  }

  .page-template-page-event-calander .tooltip ul li{
  	color: #585858;
  	font-family: 'Gotham';
  	font-weight: 500;
  	font-size: 14px;
  	width: 100%;
  	float: left;
  	margin-bottom: 8px;
  	list-style: none;
  	padding-left: 30px;
  	line-height: 22px;
  }

  .page-template-page-event-calander .tooltip ul li:nth-child(1){
  	background-image: url(../images/time-icon.png);
  	background-repeat: no-repeat;
  }

  .page-template-page-event-calander .tooltip ul li:nth-child(2){
  	background-image: url(../images/place-icon.png);
  	background-repeat: no-repeat;
  }

  .page-template-page-event-calander .tooltip ul li:nth-child(3){
  	background-image: url(../images/subject-icon.png);
  	background-repeat: no-repeat;
  }

  .page-template-page-event-calander .tooltip .date{
  	width: 100%;
  	float: left;
  	font-size: 15px;
  	color: #585858;
  	font-family: 'Gotham';
  	font-weight: 600;
  }

  .page-template-page-event-calander .tooltip .date i{
  	font-size: 52px;
  	font-family: 'Gotham';
  	font-weight: bold;
  	font-style: normal;
  }

  .page-template-page-event-calander .tooltip .date  sup {
  	top: -2.5em;
  	text-transform: uppercase;
  	font-size: 11px;
  	color: #585858;
  	font-weight: 500;
  }

  .donate-details .donate-form-sec ul li label{
  	color: #fff;
  	opacity: 0.8;
  	margin-bottom: 10px;
  	margin-top: 4px;
  	font-family: 'Gotham Book';
  }

  .no-image-placeholder{background: #ececec url(../images/place-holder.png) center center  no-repeat !important; background-size: contain !important; }

  .inner-banner.no-image-placeholder{background-size: contain !important;}

  .fc-daygrid-event-dot{
  	width: 16px !important;
  	height: 16px !important;
  	border: solid 2px #fff!important;
  	box-shadow: 0 0 0 1px #034079;
  	position: relative;
  	border-radius: 100% !important;
  	-webkit-border-radius: 100% !important;
  	-moz-border-radius: 100% !important;
  	-ms-border-radius: 100% !important;
  	-o-border-radius: 100% !important;
  }

  .donation-details-popup h3{
  	font-size: 22px;
  	color: #000;
  	font-family: 'Gotham';
  	font-weight: 900;
  	text-align: center;
  	text-transform: uppercase;
  }

  .donation-details-popup h4{
  	font-size: 19px;
  	color: #333;
  	font-family: 'Gotham';
  	font-weight: 600;
  	text-align: left;
  }

  .donation-details-popup ul {
  	margin: 0px;
  	padding: 0px;
  	margin-left: 15px;
  	margin-top: 20px;
  }

  .donation-details-popup ul li{
  	font-size: 16px;
  	color: #333;
  	font-family: 'Gotham';
  	font-weight: 500;
  	text-align: left;
  	margin-top: 15px;
  }

  .donation-details-popup ul li strong{
  	font-weight: 900;
  }

  .donation-details-popup p{
  	font-size: 16px;
  	line-height: 27px;
  	color: #000;
  	font-weight: 500;
  	margin-bottom: 25px;
  	font-family: 'Gotham Book';
  }

  .donation-details-popup p strong{
  	font-size: 16px;
  	font-weight: 500;
  	margin-top: 20px;
  }

  .donation-details-popup ul li a{
  	color: #000;
  	font-family: 'Gotham';
  	font-weight: 900;
  }

  .donation-details-popup.donation-cheque{
  	max-width: 800px;
  }

  .donation-details-popup.donation-cheque  ul{
  	margin-left: 0px;
  }

  .donation-details-popup.donation-cheque  ul li{
  	width: 49%;
  	float: left;
  	list-style: none;
  }

  .donation-details-popup.donation-cheque  ul li:nth-child(2n){
  	width: 49%;
  	float: right;
  }

  .donation-details-popup.donation-cheque .fancybox-close-small{
  	right: 10px !important;
  }

  .donation-details-popup.donation-cheque  .fancybox-button svg{
  	color: #fff !important;
  }

  .donation-details-popup.donation-cheque p{
  	margin-bottom: 15px;
  }

  .donation-details-popup.form-sec ul li label{
  	margin-bottom: 10px;
  }

  .donation-details-popup.donation-cheque .wpcf7-submit{
  	width: 155px;
  	height: 50px;
  	float: right;
  	outline: none;
  	text-shadow: none;
  	background: #563487;
  	text-transform: uppercase;
  	font-weight: bold;
  	border-radius: 0;
  	border: 1px solid #563487;
  	padding: 0;
  	font-size: 14px;
  	line-height: 13px;
  	color: #fff;
  }

  .donation-details-popup.donation-cheque ul li.cache-list{
  	width: 100%;
  }

  #NewsletterMessage{
  	margin-top: 10px;
  	font-size: 14px;
  	color: #00a651;
  }


  input:invalid, textarea:invalid {
  	background-color: rgb(255 255 255 /80%) !important;
  }

  .single-our_programs .item-img{
  	position: relative;
  }

  .single-our_programs .item-img .videoplay-icon{
  	content: "";
  	position: absolute;
  	width: 50px;
  	height: 50px;
  	background-color: #fff;
  	opacity: 0.8;
  	z-index: 999;
  	margin: auto;
  	top: 0px;
  	bottom: 0px;
  	left: 0px;
  	right: 0px;
  	border-radius: 100%;
  	-webkit-border-radius: 100%;
  	-moz-border-radius: 100%;
  	-ms-border-radius: 100%;
  	-o-border-radius: 100%;
  	background-image: url(../images/video-play.png);
  	background-position: center;
  	background-size: 22px;
  	background-repeat: no-repeat;
  }

  .rev_slider .tp-caption.slider-btn,
  .slider-btn{
  	background-color: #fff !important;
  	text-transform: uppercase;
  	padding: 0px 20px!important;
  	height: 50px !important;
  	line-height: 50px !important;
  	color: #000 !important;
  	font-size: 14px !important;
  }

  .rev_slider .tp-caption.slider-btn.btn2,
  .slider-btn.btn2{
  	color: #fff !important;
  	background-color: #e01f8b !important;
  	padding: 0px 40px 0px 20px!important;
  	background-image: url(../images/arrow-right.png);
  	background-repeat: no-repeat;
  	background-position: right 15px top 16px;
  }
.tp-bullets .tp-bullet-title{
	display:none;
}

  .mision-cnt .jspHorizontalBar{
  	display: none;
  }

  .beneficiary-detail-page .donatesec .donate-left form label.error{
  	width: 100%;
  	float: left;
  	margin-top: 10px;
  	font-size: 13px;
  	color: #ff0000;
  	font-weight: 500;
  }

  .other-programs .owl-nav .owl-prev, .other-programs .owl-nav .owl-next {
  	width: 50px;
  	height: 50px;
  	border: 1px solid #d3d3d3!important;
  	border-radius: 50%;
  	outline: none;
  	text-shadow: none;
  	position: absolute;
  	top: 40%;
  	transform: translateY(-50%);
  	background: #fff!important;
  	z-index: 99;
  }

  .other-programs .owl-nav .owl-next {
  	right: -30px;
  }

  .other-programs .owl-nav .owl-prev {
  	left: -30px;
  }

  .other-programs  .owl-nav .owl-next span:after {
  	content: "\e904";
  }

  .other-programs .owl-nav .owl-prev span:after {
  	content: "\e905";
  }

  .other-programs .owl-nav .owl-prev span:after, .other-programs  .owl-next span:after {
  	font-family: icomoon;
  	font-size: 45px;
  	color: #999;
  }

  .other-programs  .owl-nav .owl-prev span, .other-programs  .owl-next span{
  	font-size: 0px;
  }


  .nav-links .page-numbers{
  	text-align: left;
  }

  .nav-links .page-numbers li{
  	display: inline-block;
  	margin-right: 5px;
  	font-size: 16px;
  }

  .nav-links .page-numbers.current{
  	color: #f9a61d;
  }

  .nav-links .page-numbers a{
  	color: #000;
  	min-width: 38px;
  	display: inline-block;
  	line-height: 38px;
  	min-height: 38px;
  	border: 1px solid #dddddd;
  	background-color: #fff;
  	text-align: center;
  	border-radius: 100%;
  	-webkit-border-radius: 100%;
  	-moz-border-radius: 100%;
  	-ms-border-radius: 100%;
  	-o-border-radius: 100%;
  }

  .nav-links .page-numbers.current{
  	color: #fff;
  	min-width: 38px;
  	display: inline-block;
  	line-height: 38px;
  	min-height: 38px;
  	border: 1px solid #614299;
  	background-color: #614299;
  	text-align: center;
  	border-radius: 100%;
  	-webkit-border-radius: 100%;
  	-moz-border-radius: 100%;
  	-ms-border-radius: 100%;
  	-o-border-radius: 100%;
  }

  .donate-01-page .input-box input.text-box{
  	margin-bottom: 10px;
  }

  .donate-01-page .input-box label{
  	color: #fff;
  	font-family: 'Gotham Book';
  	font-weight: 500;
  }

  .voluteer-registration.contact-page .form-sec ul li.datePicker .the-datepicker__main{
  	top: 0px !important;
  	width: 100%;
  }

  .intl-tel-input{
  	width: 100%;
  }

  .intl-tel-input .country-list{
  	max-width: 450px;
  }

  .intl-tel-input .flag-container ul{
  	margin-left: 0px !important;
  }

  .intl-tel-input .flag-container ul li:first-child{
  	width: 100% !important;
  }

  .intl-tel-input .flag-container ul li{
  	width: 100% !important;
  	display: block !important;
  }

  .voluteer-registration.contact-page .form-sec ul li.datePicker input{
  	cursor: pointer;
  }

  nav.mobile-nav ul li a{
  	text-transform: uppercase;
  }

  .form-sec ul li input::-webkit-input-placeholder { /* Edge */
  	color: #333;
  }
  
  .form-sec ul li input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: #333;
  }
  
  .form-sec ul li input::placeholder {
  	color: #333;
  }

  .payment-complete{
  	text-align: center;
  	padding-top: 50px;
  	padding-bottom: 80px;
  }

  .page-template-page-payment-success .inner-page{
  	padding-bottom: 0px;
  }

  .payment-complete h2{
  	font-family: 'Gotham';
  	font-weight: 900;
  	color: #fff;
  }

  .payment-complete h4{
  	color: #fff;
  	font-size: 25px;
  	line-height: 40px;
  	font-family: 'Gotham';
  }

  .bnf-form-page .radio-btns span.wpcf7-list-item{
  	margin-right: 25px;
  	position: relative;
  }

  .bnf-form-page .radio input[type="radio"]{
  	position: absolute;
  	width: 25px;
  	height: 25px;
  	left: 1px;
  	top: -3px;
  	z-index: 999;
  	cursor: pointer;
  }

  .beneficiary-submit input.wpcf7-submit{
  	width: 155px;
  	height: 50px;
  	outline: none;
  	text-shadow: none;
  	background: #563487;
  	text-transform: uppercase;
  	font-weight: bold;
  	border-radius: 0;
  	border: 1px solid #563487;
  	padding: 0;
  	font-size: 14px;
  	line-height: 13px;
  	color: #fff;
  	margin-top: 15px;
  	float: right;
  }

  .donate-01-page .input-box label.error{
  	color: #ff0000;
  }

  .single-resource-centre .nws-detail-cnt ol li{
  	font-family: 'Gotham';
  	font-weight: 500;
  	font-size: 15px;
  	color: #000;
  	margin-bottom: 15px;
  }

  .single-resource-centre .nws-detail-cnt ol li a{
  	font-family: 'Gotham';
  	font-weight: 500;
  	font-size: 15px;
  	color: #8177b7;
  	cursor: pointer;
  }

  .single-resource-centre .nws-detail-cnt ol li a:hover{
  	color: #000;
  	text-decoration: underline;
  } 

  nav.mobile-nav ul ul.sub-menu{
  	margin-top: 20px;
  	display: none;
  }

  nav.mobile-nav ul li{
      border-right: none !important;
      position:relative;
  }

  nav.mobile-nav ul ul.sub-menu li a{
  	font-size: 12px;
  	color: #8a8a8a !important;
  }

  .nav-container nav{
  	overflow: auto;
  }

  nav.mobile-nav ul ul.sub-menu li{
  	margin-bottom: 15px;
  	border-right: none !important;
  }

  nav.mobile-nav ul li .mob-menu-icn{
    background-image: url(../images/menu-arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 100%; 
    width:24px;
    height:24px;
    display: inline-block;
    position: absolute;
    right: 25px;
  }
  nav.mobile-nav ul li .mob-menu-icn.opn-mob{
      transform: rotate(180deg);
}
  .bnf-form-page .radio-btns span.wpcf7-list-item{
  	margin-left: 0px;
  }

  .intl-tel-input .country-list li{
  	width: 100%;
  }

  .voluteer-registration .form-sec .intl-tel-input .country-list li{
  	width: 100% !important;
  	float: left;
  	padding: 6px 10px !important;
  	margin-bottom: 8px !important;
  	box-sizing: border-box;
  }
  .voluteer-registration .form-sec .intl-tel-input .country-list li:first-child{
  	width: 100% !important;
  }

  .voluteer-registration .form-sec .intl-tel-input .country-list li:nth-child(2){
  	width: 100% !important;
  }

  .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box{
  	font-size: 13px !important;
  }

  .intl-tel-input .country-list .country .dial-code{
  	font-size: 13px !important;
  }

  .intl-tel-input .country-list  li.divider{
  	display: none !important;
  }

  .intl-tel-input .selected-flag:focus{
  	border: none;
  	outline: none;
  }


  .news-detail-page .nws-detail-cnt h3{
  	color: #8c8c8c;
  	font-size: 1.4em;
  	margin-bottom: 20px;
  }

  .news-detail-page .nws-detail-cnt ol{
  	padding-left: 6px;
  }

  .privacy-policy p{
  	line-height: 23px;
  }

  .privacy-policy ol {
  	margin-top: 15px;
  	padding-left: 5px;
  }

  .privacy-policy ol li{
  	font-size: 14px;
  	color: #000;
  	font-family: 'Gotham Book';
  	line-height: 23px;
  	margin-bottom: 15px;
  }

  .privacy-policy .about-page .about-desc{
  	padding: 0px 0px !important;
  }

  .privacy-policy .about-page .about-desc .container{
  	padding: 0px 0px !important;
  }

  .privacy-policy .inner-page div{
  	font-size: 14px;
  	color: #000;
  	font-family: 'Gotham Book';
  	line-height: 23px;
  	margin-bottom: 15px;
  }

  .single-our_programs .jspContainer{
  	overflow: auto !important;
  }

  .single-our_programs  .common-right-cnt .scroll-pane{
  	height: auto !important;
  }


  .page-template-page-resources .about-desc ul li{
  	font-family: 'Gotham';
  	font-weight: 500;
  	font-size: 15px;
  	color: #000;
  	margin-bottom: 15px;
  }

  .page-template-page-resources .about-desc ul li a{
  	font-family: 'Gotham';
  	font-weight: 500;
  	font-size: 15px;
  	color: #000;
  }

  .page-template-page-resources .about-desc ul li a:hover{
  	color: #563487;
  }

  .page-template-page-resources .about-desc .container{
  	padding: 0px 0px !important;
  }

  .page-template-page-resources .about-page .about-desc{
  	padding: 0px 0px;
  }



  .nav-container .owl-carousel .owl-item:nth-child(5):hover .nav-active .nav-opener:before{
  	color: #fff !important;
  	background: #fff !important;
  }

  .nav-container .owl-carousel .owl-item:nth-child(5):hover .nav-active .nav-opener:after{
  	color: #fff !important;
  	background: #fff !important;
  }


  .single-resource-centre .news-detail-page .nws-detail-cnt{
  	margin-top: 90px;
  }

  .page-template-page-sponsors .about-desc ul{
  	margin: 0px;
  	padding: 0px;
  }

  .page-template-page-sponsors .about-desc ul li{
  	list-style: none;
  	width: 24%;
  	box-sizing: border-box;
  	float: left;
  	padding: 30px;
  	margin-right: 1.3%;
  	margin-bottom: 20px;
  	border:3px solid #e2e2e2;
  }

  .page-template-page-sponsors .about-desc ul li:nth-child(4n){
  	margin-right: 0px;
  }


  .page-template-page-sponsors .about-desc ul li img{
  	width: 100%;
  }

  .fancybox-content{
  	min-width: 600px !important;
  }

  .calender-paragraph{
  	height: auto !important;
  }

  .page-template-page-event-calander .fc .fc-scrollgrid table{
  	width: 100% !important;
  }

  .page-template-page-event-calander .fc-scrollgrid-sync-table{
  	width: 100% !important;
  }

  .page-template-page-event-calander .fc-daygrid-body.fc-daygrid-body-unbalanced{
  	width: 100% !important;
  }

  .beneficiary-detail-page .tab-sec{
	/*float: left;
	width: 100%;*/
	float: right;
	width: auto;
}

.beneficiary-detail-page .tab-sec ul.resp-tabs-list{
	display: block;
	width: 100%;
	margin: 0px;
}

.beneficiary-detail-page .tab-sec ul.resp-tabs-list li a{
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	color: #585858;
	background-color: #fff !important;
	
}

.donate-details .alert.alert-danger strong{
	color: #fff;
	font-size: 30px;
	font-family: 'Gotham Book';
	padding-bottom: 80px;
}

.beneficiary-detail-page .tab-sec ul.resp-tabs-list li.resp-tab-active {
	/* border: 1px solid #5AB1D0 !important; */
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
	border-bottom: 1px solid #e82090 !important;
	border-top: 0px #fff solid !important;
}

.page-template-page-benificiary-form .wpcf7 form.sent .wpcf7-response-output{
	float: left;
	width: 100%;
	margin-left: 0px;
}

.single-reports ul.slides{
	margin:0px;
	padding: 0px;
	margin-top: 20px;
}

.single-reports ul.slides li{
	list-style: none;
	margin-bottom: 15px;
	width: 100%;
}

.single-reports ul.slides li a{
	font-family: 'Gotham';
	font-weight: 500;
	font-size: 17px;
	color: #000;
}

.single-reports .report-short-description{
	margin-top: 30px;
}

.single-reports .left-sec ul{
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
}

.single-reports .left-sec ul li{
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	list-style: none;
}

.news-pagination span{
	display: block;
	margin-right: 8px;
	font-family: 'Gotham Book';
	float: left;
	font-size: 16px;
}
.news-pagination a{
	display: block;
	margin-right: 8px;
	color: #ccc;
	font-family: 'Gotham Book';
	float: left;
	font-size: 16px;
}

.news-pagination a:hover{
	color:#000;
}

/* ==========================================================================
  relayfor-life page styles
  ========================================================================== */
  .relayfor-life-page .top-image{
  	border: 1px solid #EBEBEB;
  	padding: 8px;
  	max-width: 940px;
  	margin: 0 auto 60px auto;
  }
  .relayfor-life-page  h2{
  	color: #585858;
  	font-weight: bold;
  	font-size: 50px;
  	line-height: 50px;
  	margin-bottom: 60px;
  	text-align:center;
  }
  .relayfor-life-page .contant-sec{
  	max-width:970px;
  	margin:0 auto;
  }
  .relayfor-life-page .contant-sec h3{
  	font-size:18px;
  	color: #585858;
  	font-weight: bold;
  	text-align:left;
  }
  .relayfor-life-page .contant-sec h5{
  	font-size: 16px;
  	line-height: 25px;
  	font-weight: 400;
  	color: #585858;
  	margin-bottom: 40px;
  }
  .relayfor-life-page .contant-sec p{
  	line-height: 30px;
  	margin-bottom: 30px;
  }
  .relayfor-life-page  .video-sec{
  	margin-top: 50px;
  }
  .relayfor-life-page  .video-sec h4{
  	color:#585858;
  	font-size:16px;
  	font-weight:bold;
  	text-transform:uppercase;
  	text-align:center;
  	margin-bottom: 30px;	
  	position:relative;
  }
  .relayfor-life-page  .video-sec h4:before{
  	content: "";
  	display: inline-block;
  	width: 29%;
  	height: 1px;
  	background: #EBEBEB;
  	position: absolute;
  	left: 0;
  	top: 11px;
  }
  .relayfor-life-page  .video-sec h4:after{
  	content: "";
  	display: inline-block;
  	width: 29%;
  	height: 1px;
  	background: #EBEBEB;
  	position: absolute;
  	right:0;
  	top: 11px;
  }
  .relayfor-life-page .partnet-sec {
  	margin-top: 30px;
  	border-top: 1px solid #EBEBEB;
  	padding:40px 0 50px 0;
  	text-align: center;
  }
  .relayfor-life-page h6{
  	font-weight: 400;
  	font-size: 36px;
  	color: #585858;
  	margin-bottom: 20px;
  	text-align:center;
  }
  .relayfor-life-page ul.resp-tabs-list{
  	border-bottom: 1px solid #dfdfdf;
  	text-align: center;
  	display: block;
  	border-top: 1px solid #dfdfdf;
  	background: #f9f9f9;
  }
  .relayfor-life-page .resp-tabs-container{
  	padding-top:35px;
  }
  .relayfor-life-page .resp-tabs-list li{
  	font-size:18px;
  	text-transform:uppercase;
  	background: #f9f9f9 !important;
  	float:none;	
  }
  .relayfor-life-page .resp-tab-active{
  	border-bottom:3px solid #e82090 !important
  }
  .relayfor-life-page .partner-list h6{
  	font-size:26px;
  }
  .relayfor-life-page .partner-list .set{
  	border-top: 1px solid #EBEBEB;
  	padding-top:30px;
  }

  .relayfor-life-page .partner-list ul{
  	margin:0;
  	padding:0;
  	list-style:none;
  	text-align:center;
  }
  .relayfor-life-page .partner-list ul li{
  	display:inline-block;
  	margin-bottom: 45px;
  }
  .relayfor-life-page .partner-list ul li span {
  	display: block;
  	background: #e82090;
  	max-width: 220px;
  	margin: 0 auto;
  	color: #fff;
  	padding: 10px 0px;
  }
  .relayfor-life-page .gallery ul{
  	list-style:none;
  	padding:0;
  	max-width:970px;
  	margin:0 auto;
  	display:flex;
  	flex-wrap:wrap;
  }
  .relayfor-life-page .gallery ul li{
  	width:16%;
  	padding:0 3px 3px 0;
  }

  .page-template-page-benificiary-form .form-sec form input.wpcf7-submit {
  	max-width: 120px;
  	height: 50px;
  	line-height: 50px;
  	padding: 0px;
  	padding-left: 0px;
  	background-color: #563487;
  	text-transform: uppercase;
  	color: #fff;
  	float: right;
  	text-align: center;
  }

  .page-template-page-benificiary-form .Volunteerform-otr h4 {
  	font-family: 'Gotham';
  	color: #563487;
  	font-size: 25px;
  	line-height: 15px;
  	font-weight: 900;
  	margin-top: 15px;
  	margin-bottom: 0;
  	letter-spacing: 0px;
  }

  .page-template-page-benificiary-form .voluteer-registration .form-sec h5{
  	font-family: 'Gotham';
  	color: #563487;
  	font-size: 25px;
  	line-height: 15px;
  	font-weight: 900;
  	margin-top: 15px;
  	margin-bottom: 0;
  	letter-spacing: 0px;
  }

  .file .wpcf7-form-control-wrap input.wpcf7-form-control {
  	padding-left: 5px !important;
  	line-height: 26px;
  	height:40px;
  }

  .page-template-page-our-offices .inner-page{
  	padding-bottom: 0px;
  }

  .Volunteerform-otr .datePicker input{
  	padding-left: 45px;
  }

  .the-datepicker__container.the-datepicker__container--over .the-datepicker__main{
  	width: 100%;
  }


  @media only screen and (max-width: 768px) {
  	.main-acordion .accordion {
  		max-width: 100%;
  		height: auto;
  		margin: 0 auto;
  	} 
  	.relayfor-life-page .video-sec h4:before,.relayfor-life-page .video-sec h4:after{
  		width:20%;
  	}



  }



  /**Volunteerform-css**/
  .Volunteerform-otr{width: 100%; height: auto; display: inline-block; }
  .contact-page .contact-sec form{width: 100%; height: auto; display: inline-block;}


  .contact-page .contact-sec .cont-set .Volunteerform-otr h4  {
  	font-family: 'Gotham';
  	color: #563487;
  	font-size: 25px;
  	line-height: 15px;
  	font-weight: 900;
  	margin-top: 15px;
  	margin-bottom: 0;
  	letter-spacing: 0px;
  }

  .contact-page .contact-sec .cont-set .Volunteerform-otr h5  {
  	font-family: 'Gotham';
  	color: #563487;
  	font-size: 20px;
  	line-height: 15px;
  	font-weight: 900;
  	margin-top: 15px;
  	margin-bottom: 0;
  	letter-spacing: 0px;
  }
  .Volunteerform-otr input.wpcf7-form-control.wpcf7-submit{min-width: 190px;}
/* .Volunteerform-otr .file input {
    border: none;
    padding-left: 0;
    font-family: 'Gotham Book';
    } */
    .Volunteerform-otr label {
    	color: #585858;
    	opacity: 1;
    }
    .row {
    	margin-left: -15px;
    	margin-right: -15px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    	position: relative;
    	min-height: 1px;
    	padding-left: 15px;
    	padding-right: 15px;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    	float: left; width: 100%; margin-bottom: 25px;
    }


    .Volunteerform-otr label {
    	font-size: 13px;
    	color: #585858;
    	opacity: 1;
    	margin-bottom: 10px;
    	display: block;
    }
    .Volunteerform-otr input, .Volunteerform-otr textarea, .Volunteerform-otr select {
    	border: 1px solid #d5d5d5;
    	width: 100%;
    	height: 40px;
    	outline: none;
    	font-size: 13px;
    	font-weight: 600;
    	padding-left: 15px;
    }
    .Volunteerform-otr span.calendar {
    	position: absolute;
    	left: 25px;
    	top: 32px;
    }
    .Volunteerform-otr select {
    	color: #000000;
    	opacity: .5;
    	font-family: 'Gotham Book';
    }


    .Volunteerform-otr input {

    	font-family: 'Gotham Book';
    }

    .main-form-heading{
    	margin-bottom: 15px;
    }

    .wpcf7-form-control-wrap.photos1{
    	line-height: 26px;
    }

    .wpcf7-form-control-wrap.resume{
    	line-height: 26px;
    }

    .wpcf7-form-control-wrap.photos1 input.wpcf7-form-control{
    	padding-left: 5px !important;
    }

    .wpcf7-form-control-wrap.photo{
    	line-height: 26px;
    }

    .wpcf7-form-control-wrap.photo input.wpcf7-form-control{
    	padding-left: 5px !important;
    }

    .wpcf7-form-control-wrap.resume input.wpcf7-form-control{
    	padding-left: 5px !important;
    }


    .error-404{
    	padding-top: 50px;
    	padding-bottom: 30px;
    }

    .error-404 h1 {
    	font-size: 50px;
    	font-family: 'Gotham Book';
    	margin-bottom: 8px;
    	letter-spacing: 2px;
    	color: #563487;
    }

    .error-404 h4 {
    	margin-top: 25px;
    	font-family: 'Gotham Book';
    	font-size: 19px;
    	color: #565656;
    	font-weight: 600;
    }

    .error-404 ul {
    	margin: 0;
    	padding: 0px;
    	margin-top: 15px;
    	margin-left: 20px;
    }

    .error-404 ul li {
    	font-family: 'Gotham Book';
    	font-size: 15px;
    	margin-bottom: 5px;
    }

    .error-404 h3 {
    	margin-top: 30px;
    	font-size: 28px;
    	color: #565656;
    	font-family: 'Gotham';
    }

    .error-404 a.btn {
    	border: 1px solid #000000;
    	font-size: 14px;
    	text-align: center;
    	font-family: 'Gotham';
    	font-weight: 500;
    	text-transform: uppercase;
    	display: inline-block;
    	color: #0b0b10;
    	padding: 0px 20px;
    	margin-top: 25px;
    }

    .error-404 a.btn:hover{
    	background-color: #563487;
    	color: #fff;
    }

    .programms .program-cnts .pg-left{
    	margin-bottom: 50px;
    }

    .programms .program-cnts .pg-left a{
    	color: #575757;
    }
    .programms .program-cnts .pg-left a:hover{
    	color: #d11d83;
    }


    .wpcf7 form.init .wpcf7-response-output {
    	/* display: none; */
    	width: 100%;
    	float: left;
    	margin-left: 0px !important;
    	margin-right: 0px !important;
    }

    .single-our_programs .beneficiary-detail-page .common-set .paragraph ul li, .single-our_programs .beneficiary-detail-page .common-set .paragraph ol li, .single-our_programs .beneficiary-detail-page .resources ol li {
    	display: inline-block;
    	font-size: 16px;
    	color: #585858;
    	text-transform: none;
    	margin-right: 20px;
    	padding-left: 25px;
    	font-weight: 500;
    	font-family: 'Gotham Book';
    	line-height: 25px;
    	margin-bottom: 15px;
    	position: relative;
    }

    .single-our_programs .beneficiary-detail-page .resources ol li { display: block; }
    .single-our_programs .beneficiary-detail-page .common-set .paragraph ul li::after, .single-our_programs .beneficiary-detail-page .common-set .paragraph ol li::after, .single-our_programs .beneficiary-detail-page .resources ol li::after{
    	content: "";
    	width: 7px;
    	height: 7px;
    	background-color: #000;
    	position: absolute;
    	left: 0px;
    	top: 9px;
    	border-radius: 100%;
    	-webkit-border-radius: 100%;
    	-moz-border-radius: 100%;
    	-ms-border-radius: 100%;
    	-o-border-radius: 100%;
    }




    @media screen and (min-width: 760px) {
    	.col-sm-12 {
    		float: left;
    		width: 100%;
    	}
    	.col-sm-11 {
    		width: 91.66666667%;
    	}
    	.col-sm-10 {
    		width: 83.33333333%;
    	}
    	.col-sm-9 {
    		width: 75%;
    	}
    	.col-sm-8 {
    		width: 66.66666667%;
    	}
    	.col-sm-7 {
    		width: 58.33333333%;
    	}
    	.col-sm-6 {
    		width: 50%;
    	}
    	.col-sm-5 {
    		width: 41.66666667%;
    	}
    	.col-sm-4 {
    		width: 33.33333333%;
    	}
    	.col-sm-3 {
    		width: 25%;
    	}
    	.col-sm-2 {
    		width: 16.66666667%;
    	}
    	.col-sm-1 {
    		width: 8.33333333%;
    	}

    }

    @media only screen and (max-width: 760px) {
    	.contact-page .contact-sec .cont-set .Volunteerform-otr h4{font-size: 16px; line-height: 1;}
    	.contact-page .contact-sec .cont-set .Volunteerform-otr h5{font-size: 14px; line-height: 1;}


    	.error-404 h1 {
    		font-size: 27px;
    		line-height: 32px;
    	}

    	.error-404 h4{
    		margin-top: 20px;
    		font-size: 15px;
    		line-height: 22px;
    	}

    	.error-404 ul li{
    		font-size: 14px;
    		line-height: 20px;
    	}

    	.error-404 h3 {
    		margin-top: 20px;
    		font-size: 19px;
    	}

    	.error-404 a.btn{
    		height: 40px;
    		line-height: 40px;
    		font-size: 14px;
    		padding: 0px 20px;
    		margin-top: 0px;
    	}

    	.error-404 {
    		padding-top: 0px;
    		padding-bottom: 15px;
    	}

    }

	.tp-bullet{border-radius: 100%;}







	
	.beneficiary-detail-page .tab-sec{width: 46%;}


	.beneficiary-detail-page .tab-sec ul.resp-tabs-list{
		margin: 0;
		padding: 0;
		list-style: none; width: 100%; height: auto; display: flex; flex-wrap: wrap;
	}
	.beneficiary-detail-page .tab-sec ul.resp-tabs-list li {
		border: 1px dashed #585858;
		text-align: center;
		border-radius: 20px;
		margin: 0 5% 3% 0;
		overflow: hidden;
		position: relative; background: none !important; padding: 2px 15px; width: 28%; text-align: center;
	}
	

	.beneficiary-detail-page .tab-sec ul.resp-tabs-list li:after{
		content: "";
		top:-2px;
		right:-102%;
		background:#585858;
		position:absolute;
		transition:all .5s ease;
		z-index:1;
		width: 100%;
		height: 100%;
		border: 1px solid #585858;
	}
	.beneficiary-detail-page .tab-sec ul.resp-tabs-list li.active::after{right: 0;}
	.beneficiary-detail-page .tab-sec ul.resp-tabs-list li.active a{color:#fff !important;}

	.beneficiary-detail-page .tab-sec ul.resp-tabs-list li:hover::after{
		right: 0;
	}
	.beneficiary-detail-page .tab-sec ul.resp-tabs-list li:hover a{
		color:#000;
	}
	.beneficiary-detail-page .tab-sec ul.resp-tabs-list li a{
		color: #585858;
		padding: 10px 0;
		display: block;
		position: relative;
		z-index: 9;font-size: 13px;
		transition: all 1s;
		background: none !important;
	}
	.beneficiary-detail-page .tab-sec ul.resp-tabs-list li a:hover{color: #fff;}

	.support-details{
		padding: 50px 0px 0px;
	}

	.support{
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 100px 0px 60px;
	}

	.support li{
		display: inline-block;
		text-align: center;
		width: 23%;
		padding: 0px 30px;
		box-sizing: border-box;
	}

	.support-icon{
		width: auto;
		height: 100px;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.support li span{
		width: 100%;
		float: left;
		
	}

	.support li p{
		width: 100%;
		float: left;
		color: #585858;
		font-size: 15px;
    line-height: 20px;
	margin-bottom: 5px;

	}

	.support li span{
		font-family: 'Gotham';
		font-weight: bold;
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
		color: #6400a0;
		margin-bottom: 5px;
	}

	.support-year{
		text-align: right;
	}

	.features-box{
        padding: 100px 0px 0px;
	}

	.features-box ul{
		margin-left: -1%;
		margin-right: -1%;
		display: flex;
		flex-wrap: wrap;
	}

	.features-box ul li{
		list-style: none;
		padding: 80px 30px 30px;
		box-sizing: border-box;
		width: 23%;
		margin-left: 1%;
		margin-right: 1%;
		display: inline-block;
		vertical-align: top;
		position: relative;
		text-align: center;
	}

	.icon-featured{
		width: 90px;
		height: 90px;
		text-align: center;
		background-color: #fff;
		box-sizing: border-box;
		position: absolute;
		top: -40px;
		padding: 20px;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		left: 0px;
		right: 0px;
		margin: 0 auto;

	}

	.feature-icon{
		height:45px;
	
	}

	.features-box ul li span{
		 font-size: 30px;
		 color: #fff;
		 display: block;
		 margin-bottom: 15px;
	}
	

	.features-box ul li p{
		 color: #fff;
		 font-size: 14px;
		 line-height: 22px;
	}

	.wpcf7-validates-as-required.error {
		border-color: #ff0000 !important;
	}
	
	.wpcf7-form-control-wrap input.error {
		border-color: red;
	}




	.beneficiary-detail-page .gellery-section .gal{margin-bottom: 0;}
	.other-beneficiary-sec{background: #fff;}

	section#resource{width: 100%; height: auto; display: inline-block;}
	/* section#resource ol{padding: 0; margin: 0; list-style-type: none; width: 100%; height: auto; display: inline-block;}

	section#resource ol li{width: auto; height: auto; float: left; font-size: 14px; line-height: 1; color: #000; margin: 0 10px 10px 0; padding: 0;}
	section#resource ol li:after{display: none;}
	section#resource ol li a{color: #000; display: block; padding: 10px 15px; border-radius: 30px; border: solid 1px  #585858;
		transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;
	}
	section#resource ol li a:hover{background: #585858; color: #fff;} */

	section#resource ol{margin: 0; padding: 0;}
	section#resource ol li a{color: #585858;}
	section#resource ol li a:hover{color: #000;}
	.about-page .members-section .team.clearfix{display: flex; flex-wrap: wrap; justify-content: center;}
	.home_popup{
		padding: 0 !important;
		width: 50%;
	}
	@media only screen and (max-width: 1600px){
		.beneficiary-detail-page .tab-sec ul.resp-tabs-list li a{font-size: 11px;}
	}
	@media only screen and (max-width: 1199px){
		section.beneficiary-detail-page .common-set{clear: both;}
		.beneficiary-detail-page .tab-sec {
			width: 60%;
		}
	}
	@media only screen and (max-width: 1020px){
		.beneficiary-detail-page .tab-sec ul.resp-tabs-list li{padding: 2px;}
		.beneficiary-detail-page .tab-sec ul.resp-tabs-list li a{font-size: 10px;}
	}
	@media only screen and (max-width: 750px){
		.beneficiary-detail-page .tab-sec{width: 100%;}
		.beneficiary-detail-page .tab-sec{margin: 10px 0;}
		.beneficiary-detail-page .tab-sec ul.resp-tabs-list li{width: 31%; margin: 0 2% 3% 0;}
	}