/*===================================================
			       Theme Default
===================================================*/

/*------Default Settings-------*/
body,p{
    font-family: 'Roboto', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
ul,ol{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
a,a:hover,a:focus{
	text-decoration: none;
    outline: none;
}
/*------Maximum Image Width--------*/
img{
    max-width: 100%;
}
/*-------Transition css--------*/
.btn1_hover,.event_meta h3 a,.veno_gallery,.gallery_more h2,.gallery_more p,.event_date a,.tag_list ul li a,.faq_qs li a,.news_meta ul li a,.news_info h3 a,.meta_list ul li a,.meta_list ul li a,.latest_news_info h3 a,.latest_news_info a,.news_img a,input,textarea,.faq_qs li a i,.faq_qs li.active,.share_project ul li a,.archive_month ul li a,.recent_blog_img::after,.recent_blog_img a,.veno_gallery,.latest_pagination ul li a,.filter_list ul li,.veno i,.donar_list ul li a,.recent_blog_hover,.save_links a,.donar_hover,.btn1_hover::after,.dropdown,.left_welcome a,#accordion dt,.right_top_social ul li a,.action_info a,.mainmenu ul li a,.camera_prev,.camera_next,.owl-prev,.owl-next,.owl-prev i,.owl-next i,.btn1,.megamenu,.btn1::after,.single_cause,.feature_vd figure a,.news_vd figure a,.member_list ul li.active,.grid_hover,.volunteer_slider .owl-dot span,.cause_img,.cause_hover,.grid-item,.testimonial .owl-dot,.testimonial .owl-next,.testimonial .owl-prev{
	-moz-transition:.40s ease-in-out;
	-webkit-transition:.40s ease-in-out;
    -o-transition:.40s ease-in-out;
    -ms-transition:.40s ease-in-out;
	transition:.40s ease-in-out;
}
/* Form elements */
input,button,select,textarea{
    outline: none;
}
input:focus,textarea:focus{
	border: 1px solid #fb5e1c !important;
}
/*----section title style------*/
.title_style{
	text-align: center;
}
.title_style h2{
	font-size: 36px;
	font-weight: 700;
	color: #222;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	margin: 0;	
}
.title_style h2::before,.title_style h2::after{
	position: absolute;	
	content: "";
    width: 100px;
    height: 2px;
    background: #d8df1f;
    right: 194px;
    top: 50%;
    transform: translateY(-50%);
}
.title_style h2::before{
	left: -110px;
}
.title_style h2::after{	
	right: -110px;
}
.title_style2{
	text-align: left;
}
.title_style2 h2{
	font-size: 30px;
	font-weight: 600;
	color: #fb5e1c;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 23px;
    padding-bottom: 16px;
}
.title_style2 h2::before,.title_style2 h2::after{
	position: absolute;	
	content: "";
	height: 2px;
	bottom: 0;	
}
.title_style2 h2::before{
	width: 20px;
    left: 0;
    background: #1a1c2b;
}
.title_style2 h2::after{	
	left: 32px;
	width: 80px;
	background: #fb5e1c;
}
/* Common After */
.cmn_after h2{	
	position: relative;
}
.cmn_after h2::after{
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	width: 40px;
	height: 1px;
	background: #fff;
}
/*--- Common button---- */
a.btn1,.btn1{
	display: inline-block;
    color: #fff;
    background: #fb5e1c;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    border-radius: 25px;
    border: 0;
    padding: 0 30px;
    font-weight: 500;
    z-index: 2;
}
.btn1_hover{
	position: relative;
}
.btn1_hover:hover{
	color: #fb5e1c;
    border: none;
}
.btn1_hover::after{
    position: absolute;
    box-shadow: inset 0 0 0 0 #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 25px;
    z-index: -1;
    border: 1px solid #fb5e1c;
}
.btn1_hover:hover::after{
    box-shadow: inset 0 0 0 163px #fff;
}
/* -------------preloader style-------------- */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
}
.preloader-content {
    left: 50%;
    margin-left: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -25px;
}
/* -------------Svg style-------------- */
.icon_draw{
	fill:none;
	stroke:#FB5E1C;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000
}
.circle{
	fill:none;
	stroke:#FB5E1C;
	stroke-miterlimit:10;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	stroke-width: 2px;
}	
@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 100;
  }
}	

/*===================================================
                   Header CSS
===================================================*/
/* Top Toolbar */
.right_top_social{
	text-align: right;
}
.right_top_social ul li{
	display: inline-block;
}
.right_top_social ul li a{
	display:block;
	color:#c5c5c5;
	font-size: 20px;
	margin-right: 11px;
	line-height: 100px;
}
.right_top_social ul li:last-child a{
	margin-right: 0;
}
.right_top_social ul li a:hover{
	color: #fb5e1c;
}
.top_toolbar{
	background: #f1f1f1;
}
.logo_area a{
	display: block;
    line-height: 100px;
}
.action_nav{
	text-align: left;
}
.action_img{
	margin-right: 10px;
}
.action_img img{
    width: 25px;
    height: 25px;
}
.action_nav ul li{
	padding-top: 27px;
	display: inline-block;
	margin-right: 46px;
}
.action_nav ul li:last-child{
	margin-right: 0;
}
.action_nav ul li div{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.action_info h3 {
    margin:0 0 5px;
    font-family:'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.action_info a,.action_info span{
	color: #555;
	font-size: 15px;
}
.action_info a:hover{
	color: #fb5e1c;
}
/* Bottom Toolbar */
.bottom_toolbar{
	background: #fff;
    position: relative;
}
.mainmenu ul li{
	position: relative;
	display: inline-block;
}
.mainmenu ul li a{
	text-align: center;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    padding: 0 23px;
    color: #7d7d7d;
    line-height: 100px;
    font-weight: 400;
    position: relative;
}
.dropdown ul li a,.megamenu ul li a{
	line-height: 40px;
}
.mainmenu ul li a:hover{
	color: #d8df1f;
}
.mainmenu ul li.drop > a::before{
    position: absolute;
    content: "\f3d0";
    font-family: "Ionicons";
    right: -2px;
    font-size: 14px;
}
.donate{
    line-height: 100px;
    text-align: center;
}
.dropdown,.megamenu{
    background: #fff none repeat scroll 0 0;
    height: auto;
    left: 0;
    position: absolute;
    text-align: left;
    visibility: hidden;
    top: 100%;
    opacity: 0;
    transform: rotateX(90deg);
    transform-origin: center top 0;
    width: 250px;
    z-index: 3;
    padding:15px 0px 15px 15px;
    transition: all .5s cubic-bezier(0.73, 0.32, 0.34, 1.8);   
}
.megamenu {
    left: -400px;
    width: 1000px;
}
.mainmenu li:hover .megamenu,.mainmenu li:hover .dropdown{
    transform: rotateX(0deg);
    visibility: visible;
    opacity: 1;
}
.columns{
    float: left;
    width: 19%;
    text-align: left;
}
.columns h3{
	padding-left: 20px;
    color: #fb5e1c;
    font-size: 22px;
    margin-bottom: 20px;
}
.modal-content {
    border-radius: 0;
    padding: 0;
}
.modal-content input {
   	font-size: 20px;
    width: 100%;
    color: #000;
    border: 0;
    height: 80px;
    line-height: 80px;
    background: #fff;
    padding: 0 50px 0 20px;
}
.modal-dialog {
    margin: 350px auto;
}
/* Mobile Menu */
.mobile_menu{
    display: none !important;
}
.mobile_mean_logo{
    display: inline-block;    
    margin:10px 0;
    width: 140px;
}
.mobile_mean_logo a{
	display: block;
	padding: 5px 0;
}
.mean-container .mean-nav{
    background: #000;
    margin-top: 0;    
}
.mean-container .mean-bar, .mean-container .mean-bar *{
    box-sizing: border-box;
}
.mean-container .mean-nav ul li a{
    width: 100%;    
}
.mean-container .mean-nav ul li li a{    
    opacity: 1;
    width: 100%;
}
.mean-container .mean-nav ul li a:hover{
   background:#d8df1f;
}
.mean-container .mean-bar{
    position: absolute;
    background: transparent;
    padding-top: 0;    
} 
.mean-container a.meanmenu-reveal{
    padding: 0;
    top:30px;
    right: 30px !important;
    z-index: 40;
}
.mean-container .mean-nav ul li a.mean-expand{
    height:49px;
    width: 49px;
}
.current_page{
	color: #d8df1f !important;
}
/*===================================================
                   Slider CSS
===================================================*/
.camera_prev, .camera_next {
    background: none;
    border: 1px solid #fff;
    transition: 0.3s;
    width: 50px;
    height: 50px;
    line-height: 50px;
    opacity: 1 !important;
    top: calc(100% - 80px);
}
.camera_prev,.causes_slider .owl-prev{
	left: calc(50% - 55px);
}
.camera_next,.causes_slider .owl-next{
	right: calc(50% - 55px);
}
.camera_prev > span, .camera_next > span{
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
}
.camera_prev > span::before{
	content: "\f124";	
} 
.camera_next > span::before{
	content: "\f125";
}
.camera_prev > span::before, .camera_next > span::before {
    position: absolute;
    font-family: 'Ionicons';
    font-size: 22px;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    color: #fff;
}
.camera_prev:hover,.camera_next:hover,.owl-prev:hover,.owl-next:hover{
    background: #000;
}
.camera_wrap .container,.camera_wrap .row,.camera_wrap .col-md-6{
	height: 100%;
}
.camera_content_area{
	text-align: right;
	display: table;
	height: 100%;
}
.camera_content{
/*	background: url(images/tilt.png);
*/	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	display: table-cell;
	vertical-align: middle;
}
.slider_title{
	transform: translateZ(20px);
}
.slider_title h1{	
	text-transform: uppercase;
	font-size: 52px;
	font-weight: 800;
	color: #535353;
	line-height: 70px;
}
.txL{
	text-align: left;
}
.txR{
	text-align:right;
}
.txC{
	text-align: center;
}
.slider_title h1 span{
	color: #7fb402;
}
.btn_contact a{
    margin-top: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	text-transform: uppercase;
	width: 173px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #fff;
	border-radius: 24px;
	text-align: center;
}
.btn_contact a i{
	margin-left: 10px;
	font-size: 14px;
}
.camera_wrap .btn1_hover::after{
    border: none;
}
/*===================================================
          Support Types CSS
===================================================*/
.support_types{
	background: #eee;
	clear: both;
}
.help_desc{
	position: relative;
	z-index: 2;
	display: table;
	height: 422px;	
	padding-right: 10px;
}
.desc_middle{
	display: table-cell;
	vertical-align: middle;
}
.help_desc::before,.help_desc::after{
    background: #232121;
    content: "";
    position: absolute;   
    width: 10000px;
    height: 100%;
    top: 0;
    left: -10000px;
}
.help_desc::after{
	z-index: -1;
	width: 100%;
	left: 0;
}
.help_desc h3{
	font-size: 33px;
    color: #fb5e1c;
    font-weight: 500;
    line-height: 46px;
}
.help_desc p{
	margin: 20px 0 0 0;
    padding-right: 27px;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
}
.support_image{
    border-radius: 50%;
    margin:0 22px 0 15px;
}
.support_image svg{
	width: 90px;
	height: 90px;	
    border-radius: 50%;
}
.support_image,.support_info{
	display: inline-block;	
    vertical-align:top;
}
.support_info{
	width: calc(100% - 131px);
}
.support_area{
	padding-top: 34px;
}
.support{
	padding:50px 0 0;
}
.support_types .support:nth-child(2){
	padding-top: 52px;
	padding-bottom: 78px;
}
.support_info h3{
	margin: 0;
	color: #555;
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
}
.support_info p{
	font-size: 15px;
	line-height: 24px;
	color: #7b7b7b;
	margin: 9px 0 0;	
}
@keyframes dash {
	  from {
	    stroke-dashoffset: 1000;
	  }
	  to {
	    stroke-dashoffset: 100;
	  }
	}	

/*===================================================
                Our Causes CSS
===================================================*/
.our_causes{
	padding: 82px 0 180px;
}
.causes_slider{
	margin-top: 50px;
}
.single_cause{
	position: relative;
	border: 10px solid #fb5e1c;
    width: calc(100% - 30px);   
}
.single_cause::after{
    content: "";
    width: 350px;
    height: 200px;
    position: absolute;
    bottom: -197px;
    left: 0;
    z-index: -1;
    background: transparent;
}
.cause_img{
	position: absolute;
	top: 20px;
	left: 20px;
	width: calc(100% + 20px);
    height: calc(100% + 20px);
}
.our_causes .owl-carousel .owl-stage-outer{
	padding-bottom:50px;
}
.causes_slider .owl-prev,.causes_slider .owl-next{
    top: calc(100% + 40px) !important;
}
.cause_hover{
    transform-origin: left;
    transform: scale(0);
	position: relative;
    background: rgba(17, 17, 17, 0.75);
    z-index: 3;
    height: 100%;
    -moz-transition:.8s ease-in-out;
    -webkit-transition:.8s ease-in-out;
    -o-transition: .8s ease-in-out;
    -ms-transition:.8s ease-in-out;
    transition:.8s ease-in-out;
}
.single_cause:hover .cause_hover{
    transform: scale(1);
}
.single_cause:hover .cause_img{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.single_cause:hover .cause_img img{
	height: 100%;
	width: 100%;
}
.hover_info{
	padding: 30px;
	text-align: center;
}
.hover_info h3{
	line-height: 28px;
	font-size: 24px;
	font-weight: 700;	
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 28px;
}
.hover_info p,.goals span,.reveal span{
	font-size: 16px;
	color: #fff;
	line-height: 28px;
}
.reveal span {
	 left: 50%;
	 position: absolute;
	 top: -35px;
	 z-index: 99;
}
.goals span:first-child{
    margin-right: 10px;
}
.single_progress {
    overflow: hidden;
    margin-bottom: 5px;
}
.single_progress .progress{
    margin: 30px 0px 17px;
    overflow: initial;
    height: 10px;
    border-radius: 0;
    background: #fff;
}
.single_progress .progress-bar{
    position: relative;
    line-height: 7px;
    background-color: #fb5e1c;
    height: 100%;
    transition: all .6s;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.single_progress .progress-bar.nomove {
    transform: translateX(-100%);
    animation: unset;
}
.progress-bar span{
    position: absolute;
    top: -20px;
    right: 10px;
    color: #fff; 
    font-size: 16px;
}
.hover_donate{
    margin-top: 10px;
}
.hover_donate a{
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 111px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 20px;
    margin: 0 auto;
}
.hover_donate a.btn1_hover::after{
    border: none;
}
/*===================================================
         Donate & Goals Area CSS
===================================================*/
.donate_goals{
	padding: 84px 0 65px;
	background: #f9f9f9;
}
.do_go h3{
	font-size: 22px;
	color: #fb5e1c;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
    padding-bottom: 12px;
    margin: 0 0 21px 0;
}
.do_go h3::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fb5e1c;
}
.donate_goals p,.goal_list a{
	color: #8a8a8a;
	font-size: 15px;
	line-height: 26px;
}
.goal_list ul li{
	display: inline-block;
	width: 49%;
}
.goals p{
	font-size: 16px;
}
.goal_list i{
	font-size: 16px;
	color: #fb5e1c;
}
#accordion dt {
	cursor: pointer;
    margin-top: 15px;
    margin-bottom: 7px;
    padding-bottom: 8px;
    font-size: 16px;
    color: #fb5e1c;
    font-weight: 600;
    border-bottom: 1px dotted #8a8a8a;
}
#accordion dt:hover{
	color: #000;
}
#accordion dt:first-child{
	margin-top: 0;
}
#accordion dt:focus{
	outline:none; 
}
#accordion dd{
	line-height: 24px;
    color: #8a8a8a;
    font-size: 15px;
}
/*===================================================
               Donars CSS
===================================================*/
.donars{
	background: url('images/donarbg.jpg');
	position: relative;
	background-size: cover;
    background-repeat: no-repeat;
    padding:82px 0 90px;
}
.donars::before{
	content: "";
    background: rgba(51, 51, 51, .85);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.donars .title_style h2{
	color: #fff;
}
.donar_slider,.events_slider{
	margin-top: 50px;
}
.single_donor{
	position: relative;
}
.donar_hover {
    background:rgba(247, 94, 16, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
   	transform: scale(0.7);
}
.single_donor:hover .donar_hover{
	transform: scale(1);
	opacity: 1;
}
.icon{
	position: absolute;
	top: calc(50% - 17.5px);
	left: calc(50% - 17.5px);
	width: 35px;
	height: 35px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 35px;
}
.icon a{
	display: block;
}
.icon i{
	color: #f9864c;
	font-size: 16px;
}
/*===================================================
             Save Life  CSS
====================================================*/
.save_life{
	padding: 90px 0;
	background: url('http://fireworksbi.com/img/file/VXpPQT09ZzVNek14TVRVMU1qT0RJd01U.jpg') no-repeat;
	background-size: cover;
	position: relative;
}
.save_life::after{
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
    background:rgba(51, 51, 51, .85);   
}
.save{
    position: relative;
    z-index: 2;
    text-align: center;
}
.save h2{
	text-align: center;
    padding: 0 109px;
    border-radius: 35px;
    display: inline-block;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	color: #fb5e1c;
	font-size: 36px;
	line-height: 70px;
	background: #fff;
}
.save h3{
	text-transform: uppercase;
	font-size: 48px;
	line-height: 70px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	margin: 20px 0 10px 0;
}
.save p{
	font-size: 18px;
	line-height: 26px;
	color: #fff;
}
.save_links{
	margin-top: 40px;
}
.save_links a{    
    font-weight: 500;
    width: 245px;
    height: 50px;
    display: inline-block;
    color: #f75e10;
    font-size: 16px;
    line-height: 50px;
    background: #fff;
    text-transform: uppercase;
}
.save_links a:first-child{
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	margin-right: 4px;
}
.save_links a:last-child{
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}
.save_links a:hover{
	color: #000;
}

/*===================================================
         News and Blog CSS
====================================================*/
.news_blog{
	padding: 89px 0;    
}
.single_news{
	border: 2px solid #fbe9e2;
    margin-top: 30px;
    padding: 22px 0;
    position: relative;
    width: calc(100% - 35px); 
}
.news_blog .col-sm-6:first-child .single_news,.news_blog .col-sm-6:nth-child(2) .single_news{
	margin-top: 0;
}
.news_image,.news_info{
    vertical-align: top;
    display: inline-block;
    margin-right: -4px;
}
.news_image{
    box-shadow: 0px 3px 7px rgba(51, 51, 51, 0.3);
    border: 5px solid #fff;
    position: absolute;
    width: 46%;
    top: 50%;
    right: -33px;
    transform: translateY(-50%);
}
.news_image img{
	width: 100%;
}
.news_info{
	width: 54%;
    padding-top: 17px;
    padding-left: 30px;
}
.news_info h3 a{
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    display: block;
    color: #fb5e1c;
    margin-bottom: 20px;
}
.news_info p{
    font-size: 17px;
    line-height: 26px;
    color: #696969;
}
.news_meta ul li{
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
}		
.news_meta ul li a i{
    margin-right: 8px;
    color: #fb5e1c;
}
.news_meta ul li a{
    display: block;
    color: #9a9a9a;
    font-size: 17px;
    margin-right: 20px;
}
.news_meta ul li a:hover,.news_info h3 a:hover{
	color: #000;
}
.read_more a{
    margin: 21px 0 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    width: 115px;
    height: 34px;
    line-height: 34px;
    background: #fb5e1c;
    display: block;
    z-index: 2;
    border-radius: 17px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
}

/*===================================================
         Upcoming Events CSS
====================================================*/
.upcoming_events{
	padding: 82px 0 88px;
}
.event_image,.event_info{
    display: inline-block;
    vertical-align: top;
    margin-right: -3px;
}
.event_image{
	width: 47.4%;
}
.event_info{    
	width: 52.8%;
	background: #eff1f3;
}
.event_date a{
	margin-bottom: 0;
	display: block;
	padding: 19px 21px;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	background: #fb5e1c;
}
.event_meta{
	padding: 40px 21px 50px;
}
.event_meta h3 a{
	font-weight: 500;
	font-size: 18px;
	color: #fb5e1c;
	display: inline-block;
    font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}
.event_meta h3 a:hover,.event_date a:hover{
	color: #000;
}
.event_meta p{
	margin-top: 10px;
	font-size: 15px;
	color: #7b7b7b;
	line-height: 23px;	
    padding-right: 3px;
}
.event_meta ul{
    margin-top: 19px;
}
.event_meta ul li{
	display: inline-block;
	margin-right: 4px;
	font-family: 'Open Sans', sans-serif;
}
.event_meta ul li:last-child{
	margin-right: 0;
}
.event_meta ul li span{
	color: #7b7b7b;
	font-size: 14px;
}
.event_meta ul li i{	
    margin-right: 3px;
	color: #f75e10;
}
.event_buttons{
	margin-top: 25px;
}
.event_buttons a{
	display: inline-block;
	line-height: 34px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: #fb5e1c;
	text-transform: uppercase;
	width: 115px;
	height: 34px;	
	border-radius: 17px;
	position: relative;
    z-index: 2;
}
.event_buttons a:first-child{
	margin-right: 6px;   
}
.events_slider .owl-prev,.events_slider .owl-next,.causes_slider .owl-prev,.causes_slider .owl-next{
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #bbb;
	position: absolute;
	top: calc(50% - 25px);
}
.events_slider .owl-prev{	
	left:-80px;
}
.events_slider .owl-next{	
	right:-80px;
}
.events_slider .owl-prev i,.events_slider .owl-next i,.causes_slider .owl-prev i,.causes_slider .owl-next i{
	font-size: 22px;
	color: #bbb;
}
.owl-prev:hover i,.owl-next:hover i{
	color: #fff;
}
/*===================================================
         Footer CSS
===================================================*/
/* Footer Top */
.footer_top{
	background: url("images/footerbg.jpg");
	background-repeat: repeat-y;
	background-size: cover;
	padding: 90px 0;
}
.footer_detail p,.widget_list li span,.social p{
	line-height: 25px;
	font-size: 16px;
	color: #b1b1b1;
}
.footer_detail p{
	margin: 24px 0;
}
.widget_list li a{
    display: block;
    margin-bottom: 5px;
}
.widget_list li a:hover span{
	color: #d8df1f;
}
.widget_list li i,.widget_list li span{
	display: inline-block;
	vertical-align: top;
}
.widget_list li i{
	color: #d8df1f;
	font-size: 18px;
	margin-right: 7px;
}
.widget_list li span{
	line-height: 28px;
}
.subscribe h3{
	line-height: 30px;
	font-size: 24px;
	color: #fb5e1c;
	font-weight: 600;
}
.email_area{
    margin: 15px 0 12px 0;
}
.email_area p{
	margin-bottom: 15px;
    font-size: 14px;
    color: #b1b1b1;
    line-height: 2px;
}
.email_area input{
	width: 100%;
    height: 45px;
    padding: 0 46px 0 20px;
    border: 0;
    border-radius: 7px;
}
.email_area input::placeholder{
	font-size: 14px;
	color: #888;
}
.email_area form{
	position: relative;
}
.email_area button{
	width: 40px;
	height: 35px;
	background: #fb5e1c;
	border-radius: 5px;
    border: 0;
    position: absolute;
    top: 5px;
    right: 2px;
}
.email_area button i{
	font-size: 17px;
	color: #fff;
}
.social li{    
    border-bottom: 1px dotted #333;
}
.social li a{
    padding: 14px 0;
    display: inline-block;
}
.social_icon{
	width: 40px;
	height: 40px;
	background: #3b5998;
	margin-right: 6px;
}
.social_icon,.social p{
	display: inline-block;
	vertical-align: middle;
}
.social p{
	margin: 0;
}
.social_icon i{
	text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    display: block;
}
.social li:last-child .social_icon{
	background: #fff;
}
.social li:last-child i{
	color: #fb5e1c;
}
.footer_title h2{
	font-weight: 600;
	line-height: 28px;
	font-size: 24px;
	color: #d8df1f;	
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.twitter-tweet{
	color: #fff;
	font-size: 16px;
}
.tweets blockquote {
    padding: 0;
    margin: 0;
    border-left: 0;
    border-bottom: 1px dotted #333;
}
.twitter-tweet a{
	color: #fb5e1c;
}
#instafeed img {
    width: 80px;
    height: 70px;
    margin:4px 4px 0 0;
    display: inline-block;
}
#instafeed a:nth-child(3),#instafeed a:nth-child(6),#instafeed a:nth-child(9){
	margin-right: 0;
}
/* footer bottom */
.footer_bottom{
    position: relative;
    background: #010101;
}
.bottom_left a{
    color: #ccc;
    font-size: 16px;
    line-height: 80px;
    margin: 0;
    display: block;
}
.bottom_right{
	text-align: right;
}
.bottom_left a span{
    color: #fb5e1c;
}
.bottom_socials li{
    display: inline-block;    
}
.bottom_socials li a{
    display: block;
    line-height: 80px;
    font-size: 20px;
    color: #919191;
    margin-right: 15px;    
}
.bottom_socials li:last-child a{
	margin-right: 0;
}
.bottom_socials li a:hover{
	color: #fb5e1c;
}
.scroll_up{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #d8df1f;
    text-align: center;
    position: absolute;
    top: -25px;
    right: 20px;
    cursor: pointer;
}
.scroll_up i{
    display: block;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
    animation: up-Down 1s linear infinite;
}
@keyframes up-Down{
    0%{
        transform: translateY(0);
    }
    33%{
        transform: translateY(5px);
    }
    66%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(-5px);
    }
}

/*===================================================
           Breadcrumb CSS
===================================================*/
.breadcrumb_area{
	background: url('http://fireworksbi.com/img/file/UTBNdz09ZzNOams0TVRVMU1qTlRFNE5U.jpg');
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
	height: 250px;
	display: table;
	width: 100%;
	position: relative;
}
.breadcrumb_area::before{
	content: "";
	position: absolute;
	top:0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgba(17, 17, 17, 0.65);
}
.bread{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.bread_title h1{
	line-height: 50px;
	position: relative;
	font-size: 60px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	padding-bottom:24px;
	font-family: 'Roboto', sans-serif;
}
.bread_title h1::before,.bread_title h1::after{
	position: absolute;
	content: "";
	background: #fff;
}
.bread_title h1::before{
    top: 100%;
    left: calc(50% - 75px);
    width: 150px;
    height: 2px;
}
.bread_title h1::after{
    width: 70px;
    height: 10px;
    top: calc(100% - 5px);
    left: calc(50% - 35px);
}
.crumb_list{
	margin-top: 28px;
}
.crumb_list ul li{
	display: inline-block;
	position: relative;
}
.crumb_list ul li a{
	text-transform: capitalize;
	padding-right: 55px;
	color: #fff;
	display: inline-block;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
}
.crumb_list ul li.current-page a{
	color: #fb5e1c;
}
.crumb_list ul li:not(:last-child) a::after{
	content: "\f10b";
	position: absolute;
	top:calc(50% - 12px);
    right: 16px;
	font-family: "Ionicons";
	color: #fff;
	font-size: 30px;
	line-height: 24px;
}

/* About Us page 01  */
/*===================================================
               Features CSS
===================================================*/
.features{
    padding: 90px 0 75px;
}
.feature_info_more h3{
	font-size: 22px;
    color: #6f6a6a;
    font-weight: 300;
}
.feature_info_more p{
	font-size: 16px;
	line-height: 30px;
	color: #848484;
	margin-bottom: 21px;
}
.feature_info_more h1{
	font-size: 36px;
	color: #d8df1f;
	font-weight: 600;
	line-height: 39px;
    margin-bottom: 20px;
}
.feature_list li{
    font-size: 16px;
    line-height: 28px;
    color: #848484;
    width: 49%;
    display: inline-block;
    margin-bottom: 3px;
}
.feature_list li i{
	color: #fb5e1c;
	margin-right: 8px;
}
/*===================================================
             Choose Area CSS
===================================================*/
.choose{
	padding:0 0 90px 0;
}
.choose_title h2{
	padding: 25px 0 10px ;
    margin-bottom: 25px;
	text-align: center;
	position: relative;
	font-size: 30px;
	line-height: 43px;
	color: #fb5e1c;
	font-weight: 600;
	text-transform: uppercase;
}
.choose_title h2::before{
	background: #1a1c2b;
	content: "";
	position: absolute;
	top: 100%;
	left: calc(50% - 75px);
	width: 150px;
	height: 2px;
}
.choose_title h2::after{
	background: #fb5e1c;
	content: "";
	position: absolute;
	top: 100%;
    left: calc(50% - 25px);
	width: 50px;
	height: 2px;
}
.choose_info p{
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	color: #777;
	margin-bottom: 0;
}
.choose_list_item{
	margin-top: 38px;
}
.item_icon_title h2{
	display: inline-block;
	margin-left: 10px;
	text-transform: capitalize;
	color: #252525;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	vertical-align: baseline;
}
.item_icon_title i{
    font-size: 30px;
    color: #fb5e1c;
    line-height: 40px;
}
.item_desc{
	margin-top: 11px;
}
.item_desc p{
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	margin-bottom: 0;
}
.about1.donars .donar_slider{
	margin-top: 0;
}
.about1.donars{
	padding-bottom: 0;
	background: none;
}
.about1.donars::before{
	display: none;
}
/*===================================================
        Counter Area CSS
===================================================*/
.counter_area{
	background: url("images/counter.jpg");
    padding: 136px 0 130px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}
.counter_area::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(34, 34, 34, 0.80);
}
.counter_count{
	text-align: center;
	position: relative;
	z-index: 2;
}
.counter_count span{
	font-weight: 700;
	font-size: 60px;
	color: #fb5e1c;
	line-height: 36px;
	font-family: 'Open Sans', sans-serif;
}
.counter_count h4{
	margin-top: 15px;
	text-transform: capitalize;
	font-size: 24px;
	color: #ececec;
	line-height: 36px;
}
/*===================================================
         Feature Video Area CSS
===================================================*/
.feature_video{
	padding: 90px 0 68px;
}
.feature_vd figure{
	position: relative;
	box-shadow:0px 7px 25px rgba(34, 34, 34, .65) ;
}
.feature_vd figure img{
	width: 100%;
}
.feature_vd figure::after,.news_img::after{
	position:absolute;
	content: "";
	top: 0;
	left: 0;
	background: rgba(34, 34, 34, .55);
	width: 100%;
	height: 100%;
}
.feature_vd figure a{
	font-size: 22px;
    display: inline-block;
    line-height: 43px;
    background: #fff;
    border-radius: 50%;
    color: #fb5e1c;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 3;
}
.feature_vd figure a:hover{
	background: #fca900;
	color: #fff;
}
.video_info h4{
	font-size: 36px;
	line-height: 43px;
	color: #222;
	margin-bottom: 13px;
}
.video_info p{
	font-size: 16px;
	line-height: 30px;
	color: #7b7b7b;
}
/*===================================================
          Testimonial CSS
===================================================*/
.testimonial_area{
	padding: 0 0 77px 0;
}
.about_1.testimonial_area{
	padding: 90px 0 77px 0;
}
.single_testimonial{
	padding-top: 21px;
	text-align: center;
}
.test_img{
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: relative;
}
.test_img::after{
    width: 40px;
    content: "";
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    height: 40px;
    background-image: url("images/quote.png");
    box-shadow: 0 7px 15px rgba(34, 34, 34, .2);
}
.test_img > img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}
.testimonial .owl-next,.testimonial .owl-prev{
	font-size: 70px;
	color: #ccc;
	position: absolute;
	line-height: 65px;
    top: calc(50% - 35px);
    display: inline-block;
}
.testimonial .owl-next:hover i,.testimonial .owl-prev:hover i{
	color: #fb5e1c !important;
}
.testimonial .owl-next:hover,.testimonial .owl-prev:hover{	
	background: none;
}
.testimonial .owl-prev{
	left: 0;
}
.testimonial .owl-next{
	right: 0;
}
.testimonial_info blockquote{
	padding: 0;
    margin: 0;
    border-left: none;
}
.testimonial_info h4{
	color: #fb5e1c;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}
.testimonial_info h4 span{
	font-size: 14px;
}
.testimonial_info p{
    color: #777;
    font-size: 16px;
    margin-top: 12px;
    padding: 0 167px;
    line-height: 24px;
}
.rating,.rating_star{
	display: inline-block;
}
.rating{
    margin: 10px 0 18px 0;
}
.rating_star ul li{
	display: inline-block;
}
.rating span,.rating_star ul li i{
	color: #fb5e1c;
	font-size: 18px;
	font-weight: 500;
}
.rating span{
	color: #777;
}
.testimonial .owl-dots{
	text-align: center;
}
.testimonial .owl-dot {
	display: inline-block;
    width: 15px;
    height: 15px;
    margin: 6px;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.testimonial .owl-dot.active{
	background: #fb5e1c;
	border: none;
}

/* Events 01 page */
.events_01_area{
	padding: 90px 0;
}
.event_meta {
    padding: 33px 21px 50px;
}
.events_01_area .single_event{
	margin-bottom: 30px;
}
.events_01_area .load_btn {
    margin-top: 0;
}
.events_01_area .load_more_btn{
	margin-top: 20px;
}
/* Causes Details Page */
.causes_details{
	padding: 90px 0;
}
.causes_details .causes_details_info {
    margin-top: 55px;
}
.causes_details_info h2{
	font-size:30px ;
	color:#fb5e1c ;
    margin-bottom: 26px;
	font-weight: 600;
	text-transform: uppercase;
}
.causes_details .causes_details_info p{
	color: #777;
	font-size: 16px;
	line-height: 28px;
}
.causes_details .single_title.cmn_after h2::after{
	background: #fb5e1c;
}

/* About Us 02 page */
/*===================================================
           Start Mission Vission Area
===================================================*/
.mi_vi{
	padding-bottom: 90px;
}
.single_features{
	text-align: center;
}
.feature_info{
	text-align: center;
}
.feature_info p{
	font-size: 16px;
	color: #777;
	line-height: 26px;
}
.do_img{
	position: relative;
}
.do_img::after{
    content: "";
    position: absolute;
    bottom: -22px;
    left: calc(50% - 20px);
    width: 0;
    height: 0;
    border-top: 30px solid #fb5e1c;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}
.info_txt{
	margin-top: 20px;
}
 .mi_vi .row .col-md-4:nth-child(2) .do_img{
	margin-top: 30px;
}
.mi_vi .row .col-md-4:nth-child(2) .do_img::after{
	top: -22px;
    transform: rotate(180deg);
} 
.mi_vi .row .col-md-4:nth-child(2) h2{
	padding: 0;
}

/* Events 02 html */
/*===================================================
                   Start Calendar  Area
===================================================*/
.calendar_area{
    padding: 90px 0 84px;
}
div.zabuto_calendar .table tr.calendar-dow-header th {
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 21px;
    background: -moz-linear-gradient(bottom, rgba(255,75,0,1) 0%, rgba(251,94,28,.8) 100%);
    background: -webkit-linear-gradient(bottom, rgba(255,75,0,1) 0%,rgba(251,94,28,.8) 100%);
    background: linear-gradient(to top, rgba(255,75,0,1) 0%,rgba(251,94,28,.8) 100%);
}
div.zabuto_calendar .table th, div.zabuto_calendar .table td{
	padding: 0;
	background-color: #f5f5f5 !important;
}
div.zabuto_calendar tr.calendar-dow-header th, div.zabuto_calendar tr.calendar-dow td {
   border: 1px solid #fff;
}
div.zabuto_calendar .table tr.calendar-month-header td span {
    color: #0f1c28;
    font-size: 21px;
}
div.zabuto_calendar .table tr td div.day{
    color: #0f1c28 !important;
    font-size: 30px !important;
    padding: 20px 0;
}
div.zabuto_calendar .table tr td.event div.day, div.zabuto_calendar ul.legend li.event{
	background-color: #e6e6e6;
}
div.zabuto_calendar .badge-today, div.zabuto_calendar div.legend span.badge-today{
    background-color: inherit;
    border-radius: 0;
    line-height: initial;
    font-weight: 400;
    color: #fff !important;
    font-size: 30px !important;
    font-style: italic !important;
}
div.zabuto_calendar .table th{
	padding: 10px 5px;
}
div.zabuto_calendar .table td{
	padding: 0;
}
.today{
	background: #fb5e1c;
}
#date{
	color: #0f1c28;
	font-size: 40px;
}
#time{
	color: #fb5e1c;
	font-size: 20px;
	margin-bottom: 70px;
}
.search_input{
    width: 100%;
    position: relative;
    border: 1px solid;
    border-radius: 30px;
}
.search_input input{
    width: 100%;
    height: 60px;
    padding: 0 50px 0 20px;
    border-radius: 30px;
    border: none;
}
.search_input input:focus{
	border: 0 !important;
}
.search_input button{
    background:none;
    border: none;
    height: 100%;
    width: 83px;
    text-align: center;
    position: absolute;
    top: -1px;
    right: -1px;
}
.search_input button i{
    color: #fb5e1c;
    line-height: 60px;
    font-size: 25px;
    font-weight: 400;
    position: relative;
    top: 2px;
    left: 10px;
}
.calender_title h2{
    text-transform: uppercase;
    font-weight: 700;
    color: #fb5e1c;
    font-size: 40px;
    margin-bottom: 30px;
    text-align: center;
}
div.zabuto_calendar .table tr.calendar-month-header td span.glyphicon {
    color: #b5b3b3;
}
.search_input input::placeholder{
	font-size: 18px;
	color: #888;
}

/* Error html */
/*===================================================
                   Start Error  Area
===================================================*/
.error_area{
	padding:180px 0 188px;
}
.error_txt h1{
	font-size: 248px;
	line-height: 185px;
	color: #333;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
.error_txt h1 span{
	color: #fb5e1c;
}
.request{
	text-align: right;
}
.sorry{
	margin-top: 46px;
} 
.sorry p{
	color: #888;
	font-size: 36px;
	position: relative;
}
.sorry p::before{
	content: "";
    background: #fb5e1c;
    border: 7px solid #333;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 16px);
    left: -48px;
}
.sorry p::after{
    content: "";
    background: url(images/error.png);
    position: absolute;
    top: 35px;
    right: -8px;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sorry h3{
    text-align: right;
    font-size: 30px;
    color: #888;
    padding-right: 68px;
}
.sorry h3 a{
	font-weight: 700;
	color: #fb5e1c;
	text-transform: uppercase;
}

/* Contact 01 html */
/*===================================================
                   Start Contact  Area
===================================================*/
.contact_us_area{
	padding:83px 0 90px;
}
.contact_us p{
    margin-bottom: 20px;
	color: #8d8d8d;
	font-size: 16px;
	line-height: 26px;
}
.contact_list{
	margin-top: 28px;
}
.contact_list li{
	margin-bottom: 30px;
}
.contact_icon,.contact_info{
	display: inline-block;
	vertical-align: middle;
}
.contact_info{
    width: calc(100% - 70px);
}
.contact_info:hover a{
	color: #fb5e1c;
}
.contact_icon{
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 15px;
}
.contact_icon i{
	font-size: 24px;
	color: #fb5e1c;
	line-height: 50px;
}
.contact_info p,.contact_info a{
	font-size: 14px;
	color: #8d8d8d;
	margin: 0;
	display: inline-block;
    word-break: break-word;
}
.contact_info h4{
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.cell_no a:first-child{
	position: relative;
}
.cell_no a:first-child::after {
    position: absolute;
    content: ",";
    top: 0;
    right: -3px;
    color: #8d8d8d;
}
.form_element{
	display: inline-block;
	width: 50%;
	margin-bottom: 30px;
}
.form_element input,.form_element textarea {
    border: 1px solid #ccc;
    border-radius: 7px;
    display: inline-block;
    height: 50px;
    width:100%;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
    font-family: "Roboto",sans-serif;
    padding-left: 21px;
 }
 .half_width{
 	width: 47.3%;
 }
 .full_width{
 	width: 100%;
 }
 .form_element.half_width:first-child{
 	margin-right: 26px;
 }
 .form_element textarea{
 	resize: none;
 	padding-top: 14px;
 	height: 160px;
 }
 .msg_btn button{
 	position: relative;
 	z-index: 2;
 	background: #fb5e1c;
 	color: #fff;
 	text-transform: uppercase;
 	font-weight: 500;
 	font-size: 16px;
 	border-radius: 7px;
 	height: 50px;
 	line-height: 50px;
 	border: none;
 	padding: 0 42px;
 	font-family: 'Roboto', sans-serif;
 }
 .msg_btn .btn1_hover::after{
 	border-radius: 7px;
 }
 .secnds{
    font-size: 33px;
    display: inline-block;
}
/* Contact 03 html */
.msg_arg{
	margin-top: 60px;
}
.contact_03 .msg_btn{
	text-align: right;
}

/* FAQ html */
/*===================================================
                   Start FAQ  Area
===================================================*/
.faq_area{
	padding: 85px 0 70px;
}
.faq_title h2{
    font-size: 26px;
    color: #333;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 38px;
}
.faq_qs li{
	position: relative;
}
.faq_qs li.active::before{
	content: "";
    position: absolute;
    top:10px;
    right: -45px;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.faq_qs li.active::after{
    content: "";
    position: absolute;
    top: 17px;
    right: -112px;
    width: 67px;
    height: 1px;
    background: #ccc;
}
.faq_qs li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #797979;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 22px;
}
.faq_qs li a:hover,.faq_qs li.active a{
	color: #fb5e1c;
}
.faq_qs li a i{
    line-height: 30px;
    font-size: 20px;
    color: #fb5e1c;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    border: 1px solid #919191;
    margin-right: 8px;
}
.faq_qs li a:hover i,.faq_qs li.active a i{
	background: #fb5e1c;
	color: #fff !important;
	border: 0;
}
.tab_container{
	padding-left: 82px;
}
.tab-content{
	padding: 57px 35px;
    border: 1px solid #ccc;
}
.faqs p{
	color: #848484;
	font-size: 16px;
}
.faq_img,.faq_details figcaption{
	display: inline-block;
	vertical-align: middle;
}
.faq_details{
    margin-top: 25px;
}
.faq_img{
	margin-right: 25px;
}
.faq_details figcaption{
	width: calc(100% - 184px);
}
.faqs.fade{
    -webkit-transition: opacity 1s linear !important;
    -o-transition: opacity 1s linear !important;
    transition: opacity 1s linear !important;
}

/*===================================================
                   Start About Company Area
===================================================*/
.about_cmpny{
	padding-bottom:89px;
}
.company_img{
    width: 390px;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
.company_img img{
    width: 100%;
}
.company_info h2{
	font-size: 30px;
	font-weight: 700;
	color: #333;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.company_qs{
	margin-bottom: 28px;
}
.company_qs h4{
	font-size: 24px;
	font-weight: 600;
	color: #666;
	margin-bottom: 15px;
}
.company_qs p{
	font-size: 16px;
	line-height: 28px;
	color: #848484;
}
.grid {
  position: relative;
}
.item {
  display: block;
  position: absolute;
  z-index: 1; 
}
.item-content {
  position: relative;
  width: 100%;
  height: 100%;
}
/* Event Details */

/*===================================================
                   Start About Company Area
===================================================*/
.charity_children{
	padding: 90px 0;
}
.charity_children .row:first-child{
    margin-bottom: 65px;
}
.child_info h2{
	font-weight: 700;
	font-size: 36px;
	color: #fb5e1c;
	text-transform: capitalize;
	margin-bottom: 27px;
}
.child_info p:not(:last-of-type){
    margin-bottom: 17px;
}
.child_info p:first-of-type{
	font-weight: 500;
	font-size: 17px;
	color: #777;
	line-height: 28px;
}
.child_info p:nth-of-type(2),.child_info p:last-of-type{
	font-weight: 400;
	font-size: 16px;
	color: #848484;
	line-height: 28px;
}
.organizer_img{
	position: relative;
}
.organizer_img img{
	height: 100%;
	width: 100%;
}
.org_title{
	position: absolute;
    top: 0;
    left: 0;
    padding: 30px 35px;
    width: 100%;
    height: 100%;
}
.org_title::before{
	content: "";
	background: rgba(17, 17, 17, 0.90);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.organizer_info{
	height: 100%;
	position: relative;
	z-index: 2;
	border: 1px dashed #fff;
	padding: 58px 28px;
}
.org_title h2{
	color: #fb5e1c;
	font-size: 29px;
	font-weight: 700;
    margin-bottom: 26px;
}
.details_list ul li span:first-child{
	color: #fff;
	font-weight: 500;
	font-style: normal;	
    width: 145px;
    display: inline-block;
    vertical-align: top;
}
.details_list ul li span:last-child{
	width: calc(100% - 152px);
	 display: inline-block;
}
.details_list ul li{
	font-size: 20px;
	color: #e1e1e1;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 20px;
}
#event_loc{
	height: 500px;
	width: 100%;
}
/* volunteer 01 html */
.volunteer_exprt{
	padding: 82px 0;
}
.exprt_info{
  	text-align: center;
}
.exprt_info h2{
	text-transform: uppercase;
	font-weight: 600;
	color: #333;
	font-size: 30px;
}
.exprt_info p{  
	color: #787878;
    font-size: 24px;
    margin: 30px 0 75px;
}
.team_members p,.member_list ul li{
	font-weight: 400;
    font-size: 15px;
    color: #191818;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.member_list ul li{
	cursor: pointer;
}
.member_list ul li.active{
	color: #fb5e1c;
}
.team_members{
	padding-top: 180px;
}
.team_members h1{
	font-weight: 700;
	font-size: 24px;
	color: #333;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}
.team_members h1::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100px;
	background: #fb5e1c;
	height: 2px;
}
.volunteer_slider .owl-stage-outer{
	padding: 60px 0;
}
.volunteer_slider .owl-item.big {
    transform: scale(1.1);
    z-index: 3;
    position: relative;   
}
.volunteer_slider .owl-item.medium {
  transform: scale(.9);
  z-index: 2;
  position: relative;
  opacity: .7;
}
.volunteer_slider .owl-item.small {
  transform: scale(.7);
  z-index: 1;
  position: relative;
   opacity: .5;
}
.volunteer_info {
  cursor: pointer;
  transition: margin 0.4s ease;
   box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
}
.volunteer_slider .owl-item.center > .volunteer_info {
  cursor: auto;
}
.volunteer_slider .owl-item{
	transition: .5s;
}
.volunteer_slider .owl-dots{
   position: absolute;
   right: -80px;
   top: calc(50% - 122px);
}
.volunteer_slider .owl-dot{
    padding: 0 12px;
}
.volunteer_slider .owl-dot span{
    text-align: center;
    width: 5px;
    display: block;
    height: 20px;
    background: #bababa;
    margin: 15px 0;
}
.volunteer_slider .owl-dot.active span{
	height: 40px;
	background: #fb5e1c;
}
  /* Gallery 02 html */
  /*===================================================
                   Start Grid Area
===================================================*/
.gallery_area{
	padding: 85px 0 88px;
	text-align: center;
}
.filter_list ul li{
	display: inline-block;
}
.grid-item{ 
	padding: 0;
	position: relative;
}
.gal2 .grid-item{
	margin: 0; 
}
.gal2  .grid_hover{
    position: absolute;
    content: "";
   	top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    font-size: 30px;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.63);
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: .6s ease-in-out;
    opacity: 0;
}
.gal2 .grid-item:hover .grid_hover{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    opacity: 1;
}
.filter_list{
	margin-bottom: 32px;
}
.filter_list ul li{
    font-size: 15px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 44px;
    cursor: pointer;
}
.active,.filter_list li:hover{
	color: #fb5e1c !important;
}
.grid_hover{
	visibility: hidden;
	opacity: 0;
	text-align: center;	
    background: rgba(251,94,28,.65); 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid-item:hover .grid_hover{
	visibility: visible;
	transition: .5s;
	opacity: 1;
}
.veno i{
	font-size: 40px;
	color: #fff;
}
.veno i:hover{
	color: #fb5e1c;
}
.gallery_info h3{
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}
.grid-item a{
	margin-bottom: -5px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.gallery_info h3:first-child{
	margin-bottom: 7px;
}
.gallery_icon{
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.gallery_info{
	bottom: 23px;
    position: absolute;
    width: 100%;
}
/* Gallery 01 HTML */
.gal1 .gallery_info{
	bottom: -70px;
	transition: .5s;
}
.gal1 .gallery_icon{
	top: 0;
	transition: .5s;
}
.gal1 .grid-item:hover .gallery_info{
	bottom: 23px;
	transition: .5s;
}
.gal1 .grid-item:hover .gallery_icon{
	top: 50%;
}
.gal1 .grid_hover{
	transform: scale(.7);
	transition: .5s;
}
.gal1 .grid-item:hover .grid_hover{
	transform: scale(1);
}
/* Causes 01 html */
.causes01_area{
	padding: 90px 0;
}
.causes01_area .single_cause{
	margin-bottom: 110px;
}
.causes01_area .single_cause::after{
     bottom: -140px;
     z-index: 0;
}
.mbo{
	margin-bottom: 86px !important;
}
/* volunteer 03 html */
.volunteer_new{
	padding: 90px 0;
}
.volunteer_new .container .row:last-child{
	margin-top: 44px;
}
.volun_data h2{
	color: #111;
    margin: 15px 0 6px;
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
}
.volun_data p{
	color: #777;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
}
.load_btn{
	margin-top: 44px;
	text-align: center;
}
.volunteer_new .load_more_btn{
	margin-top: 33px;
}
/*Latest News 02 html */
/*===================================================
           Start latest news Area
===================================================*/
.news_latest{
	padding: 90px 0;
}
.single_latest_news{
	margin-bottom: 60px;
}
.news_img{
	margin-bottom: 12px;
	position: relative;
}
.news_img::after{	
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.news_img img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}
.news_img a{
	font-size: 36px;
	color: #fff;
	background: none;
	border: 3px solid #fff;
	line-height: 67px;
	width: 70px;
	height: 70px;
	text-align: center;
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    padding: 0;
    z-index: 3;
    border-radius: 50%;
}
.news_img a:hover{
	color: #fb5e1c;
	background: #fff;
}
.latest_news_info{
	position: relative;
    padding: 36px 50px;
	box-shadow: 0 1px 6px rgba(17, 17, 17, .36);
    background: #eff1f3;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.meta_list ul li{
    margin-right: 25px;
    display: inline-block;
}
.meta_list ul li a{
	font-size: 16px;
	color: #7b7b7b;
}
.meta_list ul li a i{
	color: #fb5e1c;
	margin-right: 6px;
}
.latest_news_info h3 a,.latest_news_info a{
	font-size: 22px;
	color: #444;
	font-weight: 600;
    margin: 10px 0;
    display: inline-block;
}
.latest_news_info a{
	font-size: 14px;	
}	
.latest_news_info a i{
	margin-left: 6px;
	font-size: 16px;
	vertical-align: middle;
}
.meta_list ul li a:hover,.latest_news_info h3 a:hover, .latest_news_info a:hover{
	color: #fb5e1c;
}
.latest_news_info p{
	font-size: 16px;
	color: #6b6b6b;
	line-height: 24px;
}	
.date{
	padding: 22px;
	position: absolute;
    top: -47px;
    right: 15px;
	background: #fb5e1c;
	border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.date a{
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}
.date a:hover{
	color: #000;
}
.latest_pagination{
	text-align: center;
	position: relative;
}
.latest_pagination ul{
	position: relative;
	display: inline-block;
}
.latest_pagination::after,.latest_pagination::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	border: 1px solid #ccc;
	width:calc(50% - 182px);
}
.latest_pagination::before{
	left: initial;
	 right:1px;
}
.latest_pagination ul li{
	display: inline-block;
	position: relative;	
	margin-right: 6px;
}
.latest_pagination ul li a{
	color: #666;
	font-size: 24px;
	border: 1px solid #888;
	font-weight: 700;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	text-align: center;
}
.latest_pagination ul li a:hover{
	color: #fb5e1c;
	border: 1px solid #fb5e1c;
}
.latest_pagination ul li:first-child{
	margin-right: 26px;
}
.latest_pagination ul li:last-child{
	margin-left: 26px;
	margin-right: 0;
}

/* News Details html*/
.news_details_area{
	padding: 90px 0;
}
.news_latest_image{
	position: relative;
}
.meta_img img{
	width: 65px;
	height: 65px;
	border-radius: 50%;
}
.meta_details ul li{
	display: inline-block;
	position: relative;
}
.meta_details ul li:not(:first-child){
	padding-left: 22px;
}
.meta_details ul li:not(:last-child){
	padding-right: 72px;
}
.meta_details ul li:not(:last-child)::after{
	content: "";
	position: absolute;
    top: calc(50% - 15px);
	right: 0;
	width: 2px;
	height: 30px;
	background: #ccc;
}
.meta_details{
	background: #eff1f3;
	box-shadow: 0 1px 2px rgba(17, 17, 17, 0.30);
	padding: 21px 38px;
    position: absolute;
    bottom: -53px;
    left: 35px;
}
.meta_img,.meta_info{
	display: inline-block;
	vertical-align: middle;
}
.meta_info{
	margin-left: 6px;
}
.meta_details ul li a{
	color: #888;
	font-size: 16px;	
}
.meta_details ul li a:hover{
	color: #fb5e1c;
}
.meta_details ul li a i{
	color: #fb5e1c;
	font-size: 22px;
    margin-right: 11px;	
}
.meta_info h6{
	color: #888;
	font-size: 14px;	
}
.meta_info h6:hover{
	color: #fb5e1c;
}
.meta_info h4{
	font-weight: 700;
	color: #fb5e1c;
    margin-bottom: 8px;
    font-size: 18px;
}
.news_details_info{
    margin-top: 87px;
}
.news_details_info h2{
	line-height: 35px;
	font-size: 30px;
	color: #444;
	font-weight: 600;
	margin-bottom: 23px;
}
.news_details_info p:nth-child(2),.news_details_info p:nth-child(4){
	color: #666;
	font-size: 16px;
	line-height: 30px;
}
.news_details_info p:nth-child(3){
	color: #777;
	font-size: 18px;
	line-height: 28px;
	font-weight:600;
	font-style: italic;
    margin: 24px 0 20px;
}
.share_project{
	margin-top: 30px;
}
.share_project h3, .share_project ul{
	display: inline-block;
}
.share_project h3{
    color: #444;
    font-weight: 600;
    font-size: 24px;
    margin-right: 10px;
}
.share_project ul li{
	display: inline-block;
}
.share_project ul li a{
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	margin-right: 8px;
}
.share_project ul li a i{
	line-height: 40px;	
	font-size: 20px;
}
.share_project ul li:first-child a{
	background: #29487d;
}
.share_project ul li:nth-child(2) a{
	background: #1da1f2;
}
.share_project ul li:nth-child(3) a{
	background: #df3e7b;
}
.share_project ul li:nth-child(4) a{
	background: #3897f0;
}
.share_project ul li:last-child a{
	background: #dd4b39;
}
.share_project ul li a:hover{
	background: #fb5e1c;
}
#comments{
	margin-top: 65px;
}
.comments-title{
	color: #444;
	font-weight: 600;
	font-size: 28px;
	padding-bottom: 12px;
}
.comments-area.cmn_after h2::after{
	background: #fb5e1c;
	height: 2px;
}
.comments-title span{
	color: #fb5e1c;
}
.comment-list li{
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 20px 0;
}
.comment-body {
    padding: 15px 0;
    overflow: hidden;
    position: relative;
    padding: 10px 30px;
}
.comment-body:hover{
	background: #eff1f3;
}
.comment-meta, .comment-meta a, a.comment-reply-link{
    font-weight: 500;
    color: #666;
    font-size: 14px;
}
.comment-meta:hover, .comment-meta a:hover, a.comment-reply-link:hover,.comment-body:hover .comment-reply-link{
	color: #fb5e1c;
}
.comment-author {
    float: left;
    max-width: 74px;
}
.comment-author .avatar {
    display: block;
    margin-bottom: 10px;
}
.comment-author .fn a{
	font-size: 14px;
    display: inline-block;
    margin-top: 10px;
}
.comment-author.vcard img{
	border-radius: 50%;
}
.comment-metadata {
    margin-bottom: 20px;
}
.comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply {
    float: right;
    width: calc(100% - 90px);
    word-wrap: break-word;
}
.comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply {
    float: right;
    width: calc(100% - 90px);
    word-wrap: break-word;
}
.children{
	margin-left: 20px;
}
.comment-content p{
	color: #777;
	font-size: 16px;
}
#respond h2{
	padding-bottom: 16px;
	margin-bottom: 45px;
	font-size: 30px;
	color: #444;
	font-weight: 600;
}
#respond input{
    width: 47.9%;
    border-radius: 5px;
    height: 40px;
    border: 1px solid #ccc;
    padding:0 20px;
    margin-bottom: 30px;
}
#respond input:first-child{
	margin-right: 25px;
}
#respond textarea{
	width: 100%;
	border-radius: 5px;
	height: 200px;
	resize: none;
	padding:20px 0 0 20px;
	margin-bottom: 46px;
	border: 1px solid #ccc;
}
.single_title h2{
	font-size: 24px;
	font-weight: 700;
	color: #222;  
	margin: 40px 0 30px;
    padding-bottom: 15px;
}
.single_title.cmn_after h2::after{
	background:#7fb402;
}
.recent_blog_list{
	margin-top: 28px;
}
.recent_blog_list ul li:not(:last-child){
	margin-bottom: 25px;
}
.recent_blog_img,.recent_blog_more{
	display: inline-block;
	vertical-align: middle;
}
.recent_blog_img{
	margin-right: 8px;
	position: relative;
}
.recent_blog_img a{
    position: absolute;
    z-index: 3;
    color: #fefefe;
    font-size: 18px;
    width: 30px;
    height: 30px;
    background: #fb5e1c;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(130deg);
}
.recent_blog_list figure:hover a{
	opacity: 1;
}
.recent_blog_more{
	width: calc(100% - 94px);
}
.recent_blog_more h4 a{
	color: #343434;
	line-height: 22px;
	font-size: 15px;
	font-weight: 600;
}
.recent_blog_more a{
    display: block;
    color: #777;
    font-size: 14px;
    margin:0 0 4px;
}
.recent_blog_more a:hover{
	color: #fb5e1c;
}
.tweet_list ul li a i{
	font-size: 18px;
	color: #fb5e1c;
	line-height: 28px;
	margin-right: 5px;
}
.tweet_list ul li a,.tweet_list ul li p{
	font-size: 16px;
	color: #888;
}
.tweet_list ul li a:hover{
	color: #000;
}
.tweet_list ul li p{
	margin: 5px 0 22px;
}
.twit_blog{
	margin-top: 54px;
}
.tweet_list ul li a span{
	color: #fb5e1c;
}
.archive_month ul li  a{
    line-height: 24px;
    color: #777;
    margin: 4px 0;
    font-size: 16px;
    display: inline-block;
}
.archive_month ul li a:hover{
	color: #fb5e1c;
}
.blog_right .cmn_after h2::after{
	height: 2px;
}
.about_blog_info p{
	color: #787878;
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 30px;
}
.news.tags{
	margin-top: 57px;
    padding: 0px 0 30px 30px;
    border: 1px solid #ccc;
}
.news .tag_list ul li a:hover {
    background: #fb5e1c;
    color: #fff;
}
.news.tags .single_title h2{
	margin-top: 30px;
}

/* Donate html */
/*===================================================
                   Start Donate Area
===================================================*/
.donate_amount{
	padding:82px 0 90px;
}
.donate_amount .title_style h2::before,.donate_amount .title_style h2::after{
	background: #666;
}
.donate_amount .title_style h2,.donate_amount .title_style h2{
	color: #fb5e1c;
}
.donate_options_area{
	margin-top: 35px;
	text-align: center;	
}
.donate_option{
	position: relative;
    padding-left: 24px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.donate_options_area h3,.donate_limit h3{
	font-weight: 600;
	color: #333;
	font-size: 24px;
}
.donate_limit h3{
	display: inline-block;
}
.donate_option input {
    position: absolute;
    opacity: 0;
}
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fb5e1c;
}
.donate_limit{
    margin-top: 38px;
    text-align: center;
}
.donate_option_list{
	margin-top: 23px;
}
.donate_option_list ul li{
	display: inline-block;
    padding-right: 44px;
}
.donate_option_list ul li label{
	color: #777;
	font-size: 16px;
	font-weight: 400;
	vertical-align: middle;
}
.donate_option input:checked ~ .checkmark {
    background-color: #fb5e1c;
}
.donate_option .checkmark::after {
	content: "\f3fd";
    position: absolute;
    display: none;
    color: #fff;
    font-size: 18px;
    text-align: center;
    top: -6px;
    font-family: "Ionicons";
    right: 3px;
}
.donate_option input:checked ~ .checkmark::after {
    display: block;
}
.donate_now{
	margin: 0 14px 0 34px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.donate_now input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.donate_now input{
	text-align: center;
    border: 1px solid #fb5e1c;
    border-radius: 20px;
    width: 178px;
    height: 40px;
    color: #777;
    font-size: 24px;
    font-weight: 500;
    -moz-appearance: textfield;
}
.donate_now::after{
   font-family: 'Roboto', sans-serif;
	content: "$";
	position: absolute;
	top: 5px;
	left: 60px;
	color: #777;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}
.donate_now i{
	font-size: 18px;
	top: 9px;
	color: #666;
	position: absolute;
	cursor: pointer;
}
.donate_now i:hover{
	color: #fb5e1c;
}
.decrease{
    left: 30px;
}
.increase{
    right: 30px;
}
.donate_limit .btn1{
    line-height: 40px;
    height: 40px;
}
.personal_area{
	margin-top: 80px;
}
.personal_info_form{
    margin-top: 45px;
}
.cmn_input{
    margin-bottom: 45px;
    position: relative;
    width:100%;
    display: inline-block;
}
.cmn_input input,.cmn_input textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding-left: 40px;
    font-size: 18px;
    color: #777;
}
.cmn_input textarea{
	resize: none;
	height: 104px;
}
.cmn_input label i{
	font-size: 18px;
	color: #fb5e1c;
}
.cmn_input label{
    width: 35px;
    display: inline-block;
    height: 35px;
    border: 1px solid #fb5e1c;
    border-bottom: none;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    margin-bottom: 0;
    left: -6px;
}
.cmn_input label::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 4px;
    width: 25px;
    height: 5px;
    border-top: 1px solid #fb5e1c;
    background: #fff;
}
.cmn_textarea label{
	top: 0;
	bottom: initial;	
}
.personal_info_form input:focus,.personal_info_form textarea:focus{
	border: none !important;
	border-bottom: 1px solid #fb5e1c !important;
}
.don_name,.don_phone,.don_address{
	margin-right: 25px;
}
.payment_img,.payment_title,.payment_btn{
	display: inline-block;
	vertical-align: middle;
}
.payment_title{
	margin-right: 20px;
}
.payment_title h2{
	font-size: 30px;
	font-weight:600;
	color: #fb5e1c;
}
.payment_btn{
    margin-left: 38px;
}

/* Gallery 03 html */
/*===================================================
           Start Gallery Area
===================================================*/
.gallery_03{
	padding: 90px 0;
}
.gallery_03 .row{
	margin-bottom: 30px;
}
.gal_pic{
	position: relative;
	margin-bottom: 30px;
}
.gallery_more{
    text-align: center;
    padding:61px 0 43px 0;
    left: 22px;
    bottom: 25px;
    width: calc(100% - 44px);
    position: absolute;
    background: rgba(251, 94, 28, 0.85);
    transform: scaleX(0);
    opacity: 0;
    transition: .4s;
}
.gal_pic:hover .gallery_more{
	transform: scale(1,1);
    opacity: 1;
}
.gallery_more h2{
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 9px;
    transform: translateX(-200px);
    opacity: 0;
    visibility: hidden;
}
.gallery_more p{
	font-size: 18px;
	color: #fff;
	transform: translateX(200px);
    opacity: 0;
    visibility: hidden;
}
.gal_pic:hover .gallery_more h2,.gal_pic:hover .gallery_more p{
	transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.hill_icon{
	position: absolute;
	top: -28.5px;
	left: calc(50% - 57px);
}
.hill_icon svg{
    width: 114px;
    height: 30px;
    margin: 0 auto;
}
.veno_gallery{
	position: absolute;
	top: -16px;
	left: calc(50% - 22.5px);
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	transform: translateY(-150px);
	font-size: 26px;
	color: #fb5e1c;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(17, 17, 17, .3);
}
.veno_gallery:hover,.veno_gallery:focus{
	color: #fb5e1c;
	background: #000;
}
.gal_pic:hover .veno_gallery{
	transform: translateY(0);
}

/* Latest News 03 */
.news_03_area .col-md-4{
	padding-right: 0;
}
.news_03_area .col-md-8{
	padding-left: 0;
}
.news_03_area .news_img img{
	border-radius: 0;
	width: 100%;
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.3);
}
.news_03_area .news_img:not(.news_vidd)::after{
	display: none;
}
.news_03_area .news_img.news_vidd::after{
	border-radius: 0;
}
.news_03_area .latest_news_info{
	border-radius: 0;
	padding: 40px 34px;
}
.news_03_area .latest_news_info a {
    display: inline-block;
    margin: 9px 0 0 0;
}
.news_03_area .latest_news_info h3{
	line-height: 30px;
	margin:2px 0 15px 0;
}
.news_03_area .latest_news_info h3 a{
	font-size: 18px;
}
.news_03_area .news_img{
	margin-bottom: 0;
}
.news_03_area .col-md-9 .row{
	margin-bottom: 50px;
}
.writer img{
	width: 65px;
	height: 65px;
	border-radius: 50%;
}
.writer img,.writer_info{
	display: inline-block;
	vertical-align: middle;
}
.writer_info{
	margin-left: 7px;
}
.writer_info h4 a{
	font-size: 18px;
	color: #fb5e1c;
	font-weight: 600;
}
.writer_info p{
	font-size: 14px;
	color: #888;
}
.news_image_area{
	position: relative;
}
.news_03_date{
    position: absolute;
    top: 32px;
    right: 32px;
}
.news_03_date h2,.news_03_date h3 a{
	color: #fb5e1c;
	display:block;
	background: #fff;
	text-align: center;
	border: 1px solid #fb5e1c;
}
.dash_box{
	border: 1px dashed #fb5e1c;
	padding: 3px 4px;
}
.dash_box:first-child{
	margin-bottom: 10px;
}
.news_03_date h2 a{
	font-size: 24px;
	color: #fb5e1c;
	display: inline-block;
	padding: 10px;
	font-weight: 700;
}
.news_03_date h3 a{
	padding: 8px 10px;
	font-weight: 700;
	font-size: 18px;
}
.news_tags3{
	background: #f2f2f2;
}
.news_03_area .recent_blog_list .single_title h2{
	margin-top: 0;
}
.news_03_area .recent_blog_list {
    margin-top: 0;
}

/* Causes 02 page */
/*===================================================
           Start Causes Area
===================================================*/
.causes02_area{
	padding: 90px 0;
}
.causes_desc{
	padding-top: 15px;
}
.causes_desc h3{
	text-transform: uppercase;
	font-size: 22px;
	color: #fb5e1c;
	font-weight: 500;
	margin-bottom: 20px;
}
.causes_desc h3 a {
    color: #fb5e1c;
}
.causes_desc h3 a:hover {
    color: #444444;
}
.causes_desc p{
	font-size: 16px;
	color: #777;
	line-height: 28px;
}
.causes_desc .single_progress .progress{
	background: #dfdfdf;
}
.causes_desc .progress-bar span{
	color: #777;
}
.causes_desc .goals span{
	color: #777;
}
.causes_img{
	margin-bottom: 40px;
}
.causes_area .col-md-7:nth-last-child(2) .causes_img{
	margin-bottom: 0;
}
.search_here{
	position: relative;
}
.search_here input{
	border: 1px solid #ccc;
    height: 48px;
    line-height: 48px;
    width: 100%;
    padding: 0 55px 0 20px;
    color: #777;    
    border-radius: 24px;
    font-size: 16px;
    outline: 0;
}
.search_here button{
    position: absolute;
    top: calc(50% - 15px);
    right: 20px;
    background: none;
    border: 0;
    width: 30px;
    height: 30px;    
}
.search_here button i{
	line-height: 30px;
	color: #fb5e1c;
    font-size: 18px;
}
.causes02_area .single_title h2{
    color: #444;
}
.causes02_area .cmn_after h2::after{
	background: #fb5e1c;
}
.causes02_area .cmn_after h2::before,.causes_side .cmn_after h2::before{
	position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dddddd;
    content: "";
}
.recent_blog_img{
	position: relative;
}
.recent_blog_img::after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0, 0, 0, .7);
	opacity: 0;
	z-index: -1;
}
.recent_blog_img:hover::after{
	opacity: 1;
}
.recent_blog_hover{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(1, 16, 27, 0.75);
	content: "";
	opacity: 0;
	transform: scale(1.2);
}
.recent_blog_img:hover .recent_blog_hover{
	opacity: 1;
	transform: scale(1);
}
.up_events li{
    border: 1px solid #ddd;
    padding: 10px 0;
}
.up_events .recent_blog_img a{
	background: none;
}
.tag_list ul li{
	display: inline-block;
}
.tag_list ul li a{
    color: #777;
    font-size: 16px;
    display: block;
    padding: 5px 21px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}
.tag_list ul li:last-child a{
	margin-bottom: 0;
}
.tag_list ul li a:hover{
	border: 1px solid #fb5e1c;
}
.donar_list ul li a{
	color: #777;
	display: block;
	font-size: 16px;
	padding: 12px 0;
	border-bottom:1px solid #eee;
}
.donar_list ul li a:hover{
	transform: translateX(10px);
	border-bottom:1px solid #fb5e1c;
}
.load_more_btn{
	text-align: center;
	margin-top: 9px;
}

/*===================================================
           Start Responsive Area
===================================================*/

/* For Medium Screen */
@media screen and (min-width: 992px) and (max-width: 1199px){
	/* Index html */

	/* Toolbar */
	.megamenu{
	    width: 900px;
	}
	/* Slider */
	.slider_title h1{
		font-size: 42px;
	}
	/* Middle toolbar */
	.action_nav ul li{
		margin-right: 20px;
	}
	/* Bottom Toolbar */
	.mainmenu ul li a{
		padding: 0 15px;
	}
    a.btn1,.btn1{
		padding: 0 20px;
		font-size: 14px;
	}
	/* Help us Area */
	.support {
	    padding: 36px 0 0;
	}
	.support_info h3{
		font-size: 20px;
	}
	/* Footer bottom */
	.bottom_left a{
		font-size: 13px;
	}
	.bottom_socials li a{
		font-size: 20px;
	}
	.footer_detail p, .widget_list li span, .social p{
		font-size: 15px;
	}
	/* News & Blog */
	.news_info h3 {
	    font-size: 16px;
	}
	.news_info p {
	    font-size: 15px;
	}
	.news_info {
	    padding-left: 25px;
	}
	.read_more a {
	    margin: 15px 0;
	}
	.news_meta ul li a{
		font-size: 15px;
		margin-right: 12px;
	}	
	.events_slider .owl-next,.events_slider .owl-prev{
	  display: none;
	}
	/* Our Causes */
	.hover_info {
	    padding: 22px;
	}
	.hover_info h3{
		font-size: 20px;
		margin-bottom: 20px;
	}	
	.hover_info p, .goals span, .reveal span{
		line-height: 20px;
		font-size: 14px;
	}	
	/* Upcoming Events */
	.event_date a{
		padding: 7px;
	}
	.event_buttons a{
		width: 95px;
	}
	.event_meta {
	    padding:21px 12px;
	}
	.event_buttons {
	    margin-top: 16px;
	}
	.event_meta ul {
	    margin-top: 10px;
	}	
	/* About us 2 html */
	.item_icon_title h2{
		font-size: 17px;
	}
	/* Causes1 html */
	.causes_desc h3{
		font-size: 18px;
	}
	.causes_desc {
	    padding-top: 2px;
	}
	.causes_desc p {
	    font-size: 14px;
	    color: #777;
	    line-height: 23px;
	}
	.single_progress .progress {
	    margin: 25px 0 12px;
	}
	.recent_blog_more a{
	    font-size: 14px;
	}
	.recent_blog_more h4 a {
	    font-size: 14px;
	    line-height: 18px;
	}	
	.news.tags {
	    padding: 0px 0 30px 15px;
	}
	.meta_details {
	    padding: 15px 20px;
	}
	.meta_details ul li:not(:last-child) {
	    padding-right: 20px;
	}
	/* Volunteer 3 html */
	.volunteer_new .btn1 {
	    padding: 0 36px;
	    font-size: 18px;
	}
	/* Contact 01 html */	
	.form_element.half_width:first-child {
	    margin-right: 10px;
	}
	.half_width {
	    width: 48.2%;
	}
	/* FAQ html */
	.faq_qs li a{
		font-size: 17px;
	}
	.tab-content {
	    padding: 60px 30px;
	}
	.company_img{
	    width: 300px;
	}
	/* donate html */
	.donate_options_area h3, .donate_limit h3,.payment_title h2{
		font-size: 22px;
	}
	.payment_btn .btn1{
		padding: 0 15px;
	}
	.donate_now {
	    margin: 0 15px;
	}
	.donate_now input{
		width: 165px;
	}
    .donate_now::after{
        left: 56px;
    }
	.payment_title {
	    margin-right: 10px;
	}
	.payment_btn {
	    margin-left: 10px;
	}
	/* Event Detials html */
	.details_list ul li{
		margin-bottom: 15px;
	}
	.details_list ul li span:first-child{
		width: 100px;
	}
	.details_list ul li span:last-child {
	    width: calc(100% - 110px);
	}
	.organizer_info{
		padding: 20px;
	}
	.org_title h2 {
	    font-size: 22px;
	    margin-bottom: 15px;
	}
	#event_loc{
		height: 408px;
	}
    /* Error html */	
	.sorry p{
		font-size: 29px;
	    margin: 20px 0;
	}
	.sorry p{
		font-size: 28px;
		margin: 20px 0;
	}
	/* latest news 03 */
	.writer_info h4{
		font-size: 15px;
	}
	.news_03_area .latest_news_info h3 {
	    line-height: 22px;
	    margin: 10px 0;
	}
	.news_03_area .latest_news_info a {
	    margin: 0;
	}
	.latest_news_info p {
	    font-size: 15px;
	    line-height: 22px;
	}
	.news_03_area .latest_news_info{
		padding: 16px;
	}
}

/* Tablet layout */
@media screen and (min-width: 768px) and (max-width: 991px){	
	/* Index html */	
	.action_nav ul li {
	    margin-right: 15px;
	}
	.action_img {
	    margin-right: 5px;
	}
	.action_img img {
	    width: 20px;
	    height: 20px;
	}
	.action_info h3{
		font-size: 20px;
	}
	.action_info a, .action_info span{
		font-size: 14px;
	}
	/* Bottom Toolbar */
	.mainmenu ul li a{
		padding:0 11px;
		font-size: 15px;
	}
	.right_top_social ul li a{
		margin-right: 8px;
		font-size: 18px;
	}
	.donate .btn1 {
	    font-size: 11px;
	    line-height: 40px;
	    height: 40px;
	    border-radius: 25px;
	    padding: 0 12px;	   
	}
	.hover_info {
	    padding:20px;
	}
	.single_progress .progress {
        margin: 26px 5px 5px 27px;
    	width: 210px;
    }
	/* News & Blog */
	.news_info {
	    padding-top: 0;
	    width: 56%;
	    padding-left: 10px;
	}
	.news_image{
		    width: 50%;
	}
	.single_news{
		padding: 25px 0;
	}
	.news_info{
		padding-left: 20px;
	}
	.news_info h3 a{
	    font-size: 16px;
	    line-height: 22px;
	}
	.news_info p {
	    font-size: 14px;
	    line-height: 22px;
	}
	.read_more a {
	    margin: 15px 0;
	}
	.news_meta ul li a{
	    margin-right: 11px;
		font-size: 13px;
	}
	.news_meta ul li a i {
	    margin-right: 1px;
	}
	/* donate_goals area */
	.why_donate,.next_goals,.who_we{
		margin-bottom: 30px;
	}	
	.event_meta {
        padding: 20px 10px;
	}	   
    .event_image,.event_info{    
        width: 100%;
        display: block;
    }
    .event_info{
        width: 100%;
    }
    .event_buttons {
        margin-top: 13px;
    }
    .event_buttons a{
        width: 95px;
    }
    .event_buttons a:first-child {
        margin-right: 4px;
    }
    .event_image{
        margin-bottom: 10px;
    }
    .event_date a{
        padding: 10px 20px;
    }
	.help_desc{
		background: #232121;
		height: 250px;
	    padding: 0 30px;
	}
	.help_desc::before,.help_desc::after{
		display: none;
	}
	.support_types{
		padding: 50px 0;
	}
	.support {
	    padding: 30px 0 0;
	}
	.events_slider .owl-next,.events_slider .owl-prev{
	   display: none;
	}
	.megamenu {
	    left: -340px;
	    width: 744px;
	}
    /* footer */
    .twitter{
        margin-top: 20px;
    }
	/* About us 2 */
	.feature_info_more{
		margin-bottom: 30px;
	}
	.counter_area{
		padding: 90px 0;
	}
	.counter_count span{
		font-size: 45px;
	}
	.counter_count h4{
	    font-size: 18px;
	}
	.feature_video {
	    padding: 60px 0;
	}
	.video_info{
		margin-top: 0;
	}
	.feature_image{
		margin-bottom: 60px;
	}
	.single_features{
		margin-bottom: 40px;
	}
	.features {
	    padding: 90px 0 35px;
	}	
	/* Causes 2 html */
	.recent_blog_more h4 a{
	    line-height: 20px;
	}
	.recent_blog_more a{
		margin: 0;
	}
	.causes_img {
    	margin-bottom:0;
	}
	.causes_desc h3{
		margin-bottom: 5px;
	}
    .causes_desc{
	    margin-bottom: 60px;
	}
	.col-md-5:last-child .causes_desc{
		margin-bottom: 0;
	}
	.causes02_area {
	    padding: 70px 0;
	}
	.load_more_btn .btn1{
		padding: 0 30px;
	}
	.load_more_btn{
		margin-top: 30px;
	}
	/* Causes 01 html */
	.causes01_area .single_cause{
		height:380px;
		margin-bottom: 95px !important;
	}
	.causes01_area .hover_info {
	    padding: 40px 20px;
	}
	.causes01_area .hover_info h3 {
	    line-height: 24px;
	    font-size: 21px;
	    font-weight: 600;
	    margin-bottom: 10px;
	}
	.causes01_area .hover_info p,.causes01_area .goals span,.causes01_area .reveal span{
		font-size: 15px;
	}
	.causes01_area .single_progress .progress {
	    margin: 25px auto 10px;
	    width: 200px;
	}
	.causes01_area .goals span:first-child {
	    margin-right: 10px;
	}	
	.causes01_area .load_more_btn{
		margin-top: 0;
	}
	/* Cause Details */
	#respond input{
		width: 100%;
	}
	/* Volunteer 03 html */
	.volunteer_new .btn1{
		font-size: 13px;
		padding: 0 30px;
	}
	/* Volunteer 01 html */
	.volunteer_slider .owl-dots {
	    right: -30px;
	}	
	.team_members h1{
		font-size: 22px;
	}
	/* Contact us 01 html */
	.form_element.half_width:first-child {
	    margin-right: 0;
	}
	.half_width {
	    width: 100%;
	}
	/* FAQ html */
	.faq_qs li a{
		font-size: 17px;
	}
	.tab-content {
	    padding: 30px 20px;
	}
	.faq_img {
	    margin-right: 10px;
	    width: 100px;
	}
	.faq_details figcaption {
	    width: calc(100% - 114px);
	}
	.company_img{
	    width: 270px;
	}
	/* donate html */
	.donate_option_list ul li {
	    padding-right: 20px;
	}
	.donate_amount .btn1 {
	    line-height: 40px;
	    height: 40px;
	    font-size: 15px;
	    padding: 0 25px;
	    margin-top: 20px;
	}
	.payment_btn {
	    display: block;
	    text-align: center;
	    margin-top: 20px;
	    margin-left: 0;
	}
	.personal_area {
	    margin-top: 50px;
	}
	/* Event Details html */
	.child_info{
		margin-top: 30px;
	}
	.organizer_img {
	    margin-bottom: 50px;
	}	
    /* Error html   */
    .error_txt h1 {
        font-size: 140px;
    }
    .sorry p{
		font-size: 30px;
		margin: 20px 0;
	}
	/* News Details */
	.meta_details ul li:not(:last-child) {
	    padding-right: 10px;
	}
	.meta_details {
	    padding: 10px 8px;
        left: 6px;
	}
	.news_details_info h2{
		font-size: 27px;
	}
	.meta_info h4,.meta_details ul li a{
		font-size: 14px;
	}
	.meta_info h6 {
	    font-size: 12px;
	}
	.meta_info {
	    margin-left: 2px;
	}
	.meta_details ul li a i {
	    font-size: 14px;
	    margin-right: 3px;
	}
	.meta_details ul li:not(:first-child) {
	    padding-left: 3px;
	}
	/* Latest News 03 html */
	.news_03_area .latest_news_info h3 a{
		font-size: 16px;
	}
	.news_03_area .latest_news_info{
		padding: 20px;
	}	
	.news_03_area .latest_news_info h3{
		margin: 0;
	}
	.news_03_area .latest_news_info a{
		margin: 2px;
	}
	.latest_news_info p{
		font-size: 14px;
	}
	.news_03_area .col-md-4 {
	    padding-right: 15px;
	}
	.news_03_area .col-md-8 {
	    padding-left:15px;
	}
	/* Latest News 02 */
	.date{
		top: -40px;
	}
	/* Gallery 03 html */
	.gallery_more{
	    padding: 45px 10px 15px 10px;
	}
    .gallery_more h2 {
        font-size: 25px;
    }
}

/* Mobile Layout */
@media only screen and (max-width: 767px) {
  .container {
        width: 300px;
    }
    .title_style h2::before, .title_style h2::after{
		width: 50px;
	}
	.title_style h2::before {
	    left: -50px;
	}
	.title_style h2::after {
	    right: -50px;
	}
    /* Top toolbar */
    .top_toolbar{
        padding: 111px 0 45px;
    }
    .donate {
	    line-height: 0;
	}
	.action_nav ul li{
		padding-top: 0;
		margin-bottom: 20px;
	}
    .middle_toolbar{
	    padding: 15px 0 0 0;
    }
    .logo_area{
    	display: none;
    }
    .logo_area a{
    	line-height: 80px;
    }
    .bottom_toolbar{
    	display: none;
    }
    .action_nav {
	    text-align: center;
	}
	.action_nav ul {
		display: inline-block;
	}
    .action_nav ul li {
	    display: block;
	    margin-right: 0;
	    margin-bottom: 30px;
	    text-align: left;
	}
	.camera_overlayer {
	    background: #000;
	    opacity: .7;
	}	
	.support_types{
		padding: 70px 0;
	}
	.help_desc::before, .help_desc::after{
		display: none;
	}
	.help_desc{
		height: 300px;
		padding: 0 20px;
		background: #232121;
	}
	.help_desc p{
		padding-right: 0;
	}
	.help_desc h3 {
	    font-size: 25px;
	    line-height: 30px;
	}
	.support_image svg{
		width: 50px;
		height: 50px;
	}
	.support_info {
	    width: calc(100% - 100px);
	}
	.support_info h3{
		font-size: 18px;
	}
	.support {
	    padding: 40px 0 0;
	}
	.support_image {
	    margin: 0 10px;
	}
	.title_style h2 {
		font-size:18px;
	    padding: 10px;
    	line-height: 30px;
	}
	.slider_title h1 {    
        font-size: 35px;
	    text-align: center;
	    line-height: 51px;
	}
	.camera_content .btn_contact{
		text-align: center;
	}
	/* Our Causes area */
	.hover_info h3 {
	    line-height: 22px;
	    font-size: 18px;
	    margin-bottom: 5px;
	}
	.single_cause{
		margin: 0 auto;
		height: 315px;
	}	
	.hover_info {
	    padding: 20px 10px;
	}	
	.our_causes {
	    padding: 70px 0 120px;
	}
	.causes_slider .owl-prev,.causes_slider .owl-next,.events_slider .owl-prev,.events_slider .owl-next{
		top: calc(100% + 30px ) !important;
	}
	.causes_slider .owl-next,.events_slider .owl-next{
	    right: calc(50% - 55px) !important;
	}
	.causes_slider .owl-prev,.events_slider .owl-prev{
	    left: calc(50% - 55px) !important;
	}	
	/* Upcoming Events area */
	.upcoming_events {
	    padding: 50px 0 120px;
	}
	.event_image, .event_info {
	    display: block;
	    width: 97%;
        margin: 0 auto;
	    text-align:left;
	}	
	.event_buttons a{
		width: 100px;
	}		
	.event_buttons {
	    margin-top: 15px;
	}
	/* save life area */
	.save h2{
		font-size:25px;
		padding: 0px 25px;
		line-height: 60px;
	}
	.save h3 {
	    font-size: 32px;
	    line-height: 60px;
	}
	.save_links a {
	    width: 200px;
	    font-size: 15px;
	}
	.save_links a{
		border-radius: 25px;
	}	
	.save_links a:first-child{
		margin-bottom: 30px;
	}
	/* donar area */
	.donars{
		padding: 70px 0;
	}
	/* donate goals */
	.donate_goals {
	    padding: 70px 0;
	}
	.do_go h3 {
	    font-size: 21px;
	}
	.next_goals{
		margin: 40px 0;
	}	
	/* who we are */
	#accordion dt{
		margin-top: 20px;
	}
	/* footer */
	.twitter,.subscribe{
		margin-top: 45px;
	}
	.bottom_socials li a{
		line-height: 40px;
	}
	.bottom_left a{
	    line-height: 30px;
	    font-size: 16px;
	    display: block;
	    padding-top: 30px;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.bottom_right{
		text-align: center;
	}
	/* About us 2 html */
	.breadcrumb_area{
		height: 300px;
	}
	.crumb_list ul li a{
		font-size: 18px;
		padding-right: 20px;
	}
	.crumb_list ul li:last-child a{
		padding-right: 0;
	}
	.bread_title h1{
		font-size: 35px;
	}
	.crumb_list ul li:not(:last-child) a::after{
		font-size: 20px;
		right: 0;
	}
	.features {
	    padding: 60px 0 20px;
	}
	.feature_info_more h3 {
	    font-size: 16px;
	}
	.feature_info_more h1 {
	    font-size: 34px;
	}
	.feature_list{
		margin-bottom: 30px;
	}
	.feature_list li{
		width: 100%;
	}
	.counter_count{
		margin-bottom: 30px;
	}
	.counter_count span{
		font-size: 40px;
	}
	.col-sm-3:last-child .counter_count{
		margin-bottom: 0;
	}
	.counter_area{
		padding: 90px 0;
	}
	.video_info{
		margin-top: 30px;
	}
	.testimonial_info p{
		padding: 0;
	}
	.testimonial .owl-next, .testimonial .owl-prev{
		top: 20px;
	}
	.choose_info p {
	    text-align: left;
	}
	/* about us 1 */
	.single_features{
		margin-bottom: 40px;
	}
	.mi_vi {
	    padding: 30px 0;
	}
	/* Causes 02 html */
	.causes_img {
	    margin-bottom: 0;
	}
	.causes_desc{
		margin-bottom: 50px;
	}
	.causes_desc h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.hover_info p{
	    font-size: 14px;
	    line-height: 23px;
	    margin-bottom: 0;
	}
	.causes_desc p {
	    font-size: 15px;
	    line-height: 24px;
	}
	.single_progress .progress {
    	margin:30px 0 10px 12px;
    	width: 210px;
    }
    .recent_blog_more a{
	    margin: 3px 0 0;
    }
    .causes02_area .load_more_btn {
	    margin: 0 0 50px 0;
	}
	/* Causes 01 html */
	.causes01_area .row{
		margin-bottom: 0;
	}
	.causes01_area .single_cause{
		margin-bottom: 80px !important;
	}
	.causes01_area .load_more_btn{
		margin-bottom: 0;
	}
	.causes01_area{
		padding: 70px 0;
	}
	/* Cause Details */
	#respond textarea{
		margin-bottom: 30px;
	}
	.causes_side{
		margin-top: 60px;
	}
	.causes_details_info h2{
		font-size: 27px;
	}
    /* Volunteer 3 html */
    .volunteer_new_info{
    	text-align: center;
	    margin-bottom: 50px;
	}
	.volunteer_new .container .row:last-child {
	    margin-top: 0;
	}
	.row:last-child .col-sm-4:last-child .volunteer_new_info{
		margin-bottom: 0;
	}
	/* Volunteer 1 html */
	.exprt_info h2{
		font-size: 20px;
	}
	.exprt_info p {
	    font-size: 19px;
	    margin: 30px 0 60px;
	}
	.volunteer_slider .owl-dots {
	    position: absolute;
	    right: 107px;
	    top: 72%;
	    transform: rotate(270deg);
	}
	.team_members{
		text-align: center;
		padding-top: 0;
	}
	.team_members h1::after{
		left: calc(50% - 50px);
	}
    /* Events 02 html  */
    div.zabuto_calendar .table tr.calendar-dow-header th{
    	font-size: 17px;
    }
    div.zabuto_calendar .table tr td div.day {
	    font-size: 16px !important;
	    padding: 15px 0;
	}
	div.zabuto_calendar .badge-today, div.zabuto_calendar div.legend span.badge-today{
		font-size: 20px !important;
	}
	#time{
		margin-bottom: 25px;
	}
	.search_input{
		margin: 40px 0;
	}
	.calender_title h2{
		font-size: 30px;
	}
	/* Latest news 02 html */
	.news_info {
	    margin-bottom: 30px;
	    padding: 15px 10px 0 20px;
	}
	.news_image{
		position: static;
	}
	.single_news{
		width: 100%;
	}
	.news_info,.news_image{
		display: block;
		width: 100%;
	}
	.news_image{
		width: 90%;
		transform: initial;
		margin: 0 auto;
	}
	/* Latest news 03 html */
	.latest_pagination ul li a {
	    font-size: 15px;
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	}
	.latest_pagination::after, .latest_pagination::before{
		width: calc(50% - 137px);
    } 
	.news_03_area .col-sm-8{
		padding-left: 15px;
	}
	.news_03_area .col-sm-4{
		padding-right: 15px;
	}
	.news_img {
	    margin-bottom: 30px;
	}	
	.latest_news_info h3 {
	    line-height: 28px;
	    margin: 10px 0;
	    font-size: 20px;
	}
	/* Latest news 02 html */
	.news_02 .news_img{
		margin-bottom: 10px;
	}
	.news_02 .latest_news_info h3{
		margin: 5px 0 10px;
	}
	.news_02 .latest_news_info{
		padding: 30px 20px;
	}
	.news_02 .meta_list ul li {
	    margin-right: 0px;
	}
	.news_02 .meta_list ul li a{
		margin: 5px 0;
	}
	.news_02 .latest_news_info h3 a, .news_02 .latest_news_info a{
		margin: 0;
	}
	.date {
	    padding: 18px;
	    top: -35px;
	}
	.news_img a {
	    font-size: 25px;
	    line-height: 37px;
	    width: 40px;
	    height: 40px;
	    top: calc(50% - 20px);
	    left: calc(50% - 20px);
	}
	/* latest news 01 */
	.news_blog .col-sm-6:nth-child(2) .single_news{
		margin-top: 50px;
	}
	/* Contact us 01 html */
	.contact_us_area{
		padding: 50px 0;
	}
	.form_element.half_width:first-child {
	    margin-right: 0;
	}
	.half_width {
	    width: 100%;
	}
	/* contact us 03 html */
	.contact_03 .single_contact{
		margin-bottom: 30px;
	}
	.msg_arg {
	    margin-top: 20px;
	}
	/* FAQ html */
	.about_cmpny {
	    padding-bottom: 40px;
	}
	.faq_qs li.active::before,.faq_qs li.active::after{
		display: none;
	}
	.tab_container{
		padding: 0;
	}	
	.tab-content {
	    margin-top: 20px;
	    padding: 20px 15px;
	}
	.faq_qs li a {
	    font-size: 14px;
	    font-weight: 600;
	    margin-bottom: 15px;
	}
	.faq_area {
	    padding: 50px 0 70px;
	}
	.faq_title h2{
		margin-bottom: 25px;
	}
	.faq_img{
		width: 90px;
		 margin-right: 10px;
	}
	.faq_details figcaption {
	    width: calc(100% - 104px);
	}
	.company_info{
		text-align: center;
		margin-top: 40px;
	}
	.company_img{
	    width: 280px;
	}	
	.company_info h2{
		font-size: 22px;
	}
	.company_qs h4 {
	    font-size: 18px;
	}
    /* Donate html */
    .donate_amount {
        padding: 50px 0;
    }
	.donate_option_list{
		text-align: center;
	}
	.donate_option_list ul{
		display: inline-block;
	}
	.donate_option_list ul li {
	    display: block;
	    text-align: left;
	    padding: 0;
	    margin-bottom: 10px;
	}
	.donate_options_area h3, .donate_limit h3{
		font-size: 20px;
	}
	.donate_limit {
	    margin-top: 20px;
	}
	.donate_now{
		margin: 20px auto;
	}
	.payment_title{
		display: block;
	}
	.payment_title h2{
		margin-bottom: 20px;
	}
	.payment_img{
		display: inline-block;
		margin-bottom: 20px;
	}
	.payment_services{
		text-align: center;
	}	
	.personal_area {
	    margin-top: 40px;
	}	
	.payment_btn{
		margin: 20px 0;
	}
	/* Event Details */
	.child_info h2{
		font-size: 25px;
		margin: 20px 0;
	}
	.organizer_img {
	    margin-bottom: 30px;
	}
	.org_title{
		padding: 20px;
	}
	.org_title h2 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.organizer_info{
		padding: 15px;
	}
	.organizer_img{
		height: 500px;
	}
	.details_list ul li span:first-child,.details_list ul li span:last-child{
		width: 100%;
		display: block;
	}
	.details_list ul li{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.details_list ul li span:first-child{
		margin-bottom: 5px;
	}
	/* Error html */
	.error_txt h1 {
	    text-align: center;
	    font-size: 140px;
	}
	.request {
	    text-align: center;
	}
	.sorry {
	    margin-top: 30px;
	}
	.error_area {
	    padding: 50px 0 94px;
	}
	.sorry p {
	    margin:0 0 40px 0;
	    text-align: center;
	    font-size: 20px;
	}
	.sorry p::before{
		display: none;
	}
	/* Gallery html */
	.gallery_area{
		padding: 50px 0;
	}
	.filter_list ul{
		text-align: center;
	}
	.filter_list ul li {
	    display: block;
	    padding-right: 0;
	    margin-bottom: 10px;
	}	
	.filter_list {
	    margin-bottom: 20px;
	}
	/* News Details html */
	.news_details_area{
		padding: 50px 0;
	}
	.meta_details{
		position: static;
		padding: 10px 20px;
	}	
	.meta_details ul li {
	    display: block;
	}
	.meta_details ul li{
		margin-bottom: 12px;
	}
	.meta_details ul li:not(:last-child) {
	    padding-right: 0;
	}
	.meta_details ul li:not(:last-child)::after{
		display: none;
	}
	.news_details_info {
	    margin-top: 40px;
	}
	.news_details_info h2 {
	    line-height: 32px;
	    font-size: 22px;
	    margin-bottom: 15px;
	}
	.blog_right{
		margin-top: 50px;
	}
	.share_project ul{
		margin-top: 20px;
	}
	#comments {
	    margin-top: 30px;
	}
	.comment-body{
		padding: 10px 5px;
	}
	.comment-metadata {
	    margin-bottom: 10px;
	}
	.comment-content p {
	    font-size: 15px;
	}
	#respond input{
		width: 100%;
	}
	/* Latest News 03 html */
	.news_03_area .col-md-4{
		padding-right: 15px;
	}
	.news_03_area .col-md-8{
		padding-left: 15px;
	}
	/* News 03 */
	.news_03_date h2 a {
	    font-size: 18px;
	    padding: 5px;
	}
	.news_03_date{
		right: 15px;
	}
	.news_03_area .latest_news_info {
	    padding: 20px;
	}
}
/* Wide Mobile layout */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px;
    } 
    .camera_overlayer {
	    background:none;
	}	
    .slider_title h1 {    
	    font-size: 40px;
	    line-height: 80px;
	}
	.single_cause{
		margin: 0 auto;
		height: auto;
		width: 70%
	}
	.hover_info h3 {
	    line-height: 28px;
	    font-size: 22px;
	}
	.hover_info p {
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 5px;
	}		
	.news_meta ul li a i {
	    margin-right: 2px;
	}
	.news_image{
		width: 80%;
	}	
	.news_info {
	    padding: 15px 30px 0 45px;
	}
	.single_news{
		padding: 22px 0 40px;
	}	
	.hover_info {
	    padding: 25px 40px;
	}
	.title_style h2{
		font-size: 28px;
	}
	.save h2 {
	    padding: 0px 70px;
	}
    .event_image, .event_info {
        width: 62%;
    }   
	/* About Us 02*/
	.crumb_list ul li a{
		font-size: 20px;
		padding-right: 50px;
	}	
	.crumb_list ul li:not(:last-child) a::after{
		font-size: 35px;
    	right: 10px;
	}
	.counter_count{
		margin-bottom: 50px;
	}
	/* Volunteer1 html */
	.volunteer_slider .owl-dots {
	    right: 50%;
	    top:64%;
	}
	/*	FAQ html  */
	.faq_qs li a{
		font-size: 17px;
	}
	/* latest news 02 */
	.latest_pagination ul li a {
	    font-size: 24px;
	    width: 45px;
	    height: 45px;
	    line-height: 45px;
	}
    .latest_pagination::after, .latest_pagination::before {
        width: calc(50% - 182px);
    }
	/* Event Details */
	.details_list ul li span:first-child {
	    margin-bottom: 10px;
	}
	.organizer_info{
		text-align: center;
	}
	/* error html */
	.sorry p {
	    margin: 0 0 20px 0;
	    font-size: 32px;
	}		
}
ul#li{ margin-left: 1.5em; list-style: none;}
ul#li li{padding-bottom: 10px;}
ul#li li:before {content: '\f054'; /* fa-star */ font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: #7fb402; }
#about_us{padding: 82px 0 180px;}
#preloader{display: none;}
.swal2-popup {width: 55em !important;}