/*
	=====================================
		 NATION SERVICE WRAP START
	=====================================
*/

.nation_service_fig,
.nation_service_list,
.nation_service_wrap{

	width: 100%;
}
.nation_service_wrap{
	position: relative;
}
.nation_service_wrap:after,
.nation_service_wrap:before{
	position: absolute;
	content: "";
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: url("../images/school-login.png") center;
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index:-1;
}
.nation_service_wrap:after{
	background-image: none;
	left: auto;
	width: 55%;
	background-color: #000;
}
.play_btn02{
	position: absolute;
	top:335px;
	left: 25px;
	height: 90px;
	width:90px;
	line-height: 90px;
	border-radius: 100%;
	background-color: #fff;
	font-size: 50px;
	cursor: pointer;
}
.play_btn02:before{
	border:9px solid #fff;
	opacity: 0.3;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	 -webkit-animation: scaling 1s linear 0.1s infinite;
    -o-animation: scaling 1s linear 0.1s infinite;
    animation: scaling 1s linear 0.1s infinite;
}
@keyframes scaling{
	0%{
		opacity: 0;
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
	}
	15%{
		opacity: 0.3;
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		-o-transform: scale(1.08);
		transform: scale(1.08);
	}
	100%{
		opacity: 0;
		-webkit-transform: scale(1.7);
		-ms-transform: scale(1.7);
		-o-transform: scale(1.7);
		transform: scale(1.7);
	}
}
#videoPopup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 400px;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
iframe {
  width: 100%;
  height: 100%;
}
figure {
    margin: 0rem;
height: 50px;
}
.nation_service_list{
	padding:15px 0px 90px 40px;
}
.nation_service_fig{
	border-right: 5px solid;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}
.nation_service_fig:before{
	position: absolute;
	content: "\f105";
	top: 50%;
	left:auto;
	right:-30px;
	bottom: 0px;
	font-family: fontawesome;
	height: 30px;
	width: 30px;
	text-align: center;
	color:#fff;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	line-height: 30px;
	margin:-14px auto;
	z-index: 1;
	cursor: pointer;
	opacity:0;
}
.nation_service_fig:hover:before{
	right:-3px;
	opacity: 1;
	
}
.nation_service_fig .overlay:before{
	background-color: #fff;
	opacity:1;
}
.nation_service_fig:hover .overlay:before{
	opacity: 0.85;
	background-color: #000;
	color:#fff;
}
.nation_service_text{
	position: absolute;
	top:5%;
	left: 0px;
	right: 0px;
	padding: 0px 10px;
    margin: 15px auto;
	height: 30px;
	 display: flex; /* Ya display: inline-flex; */
    align-items: center;
}
.nation_service_text p{
	
	 display: flex; /* Ya display: inline-flex; */
    align-items: center;
	margin-right: 2px;
	line-height: 1.2;
}
.nation_service_text h5{
	float: left;
	margin:0px 0px;
	font-weight: 500;
}
.nation_service_fig:hover .nation_service_text h5,
.nation_service_fig:hover .nation_service_text p{
	color:#fff ;
}
/*
	=====================================
		 NATION SERVICE WRAP END
	=====================================
*/

/*
	  ============================================================
		   Font Color
	  ============================================================
*/
.login_row a,
.city_event_meta_list li a:hover,
.widget_btn,
.city_wideget_links li a:hover,
.client2_colume > p:before,
.client2_colume > h6,
.contact_socail_text h5 a:hover,
.contact_link:hover,
.blog_social_meta li a:before,
.top_info_caption a:hover,
.top_email_field a:hover,
.menu_btn:hover,
.drop_list .list li:hover,
.event_tabs_link li.active a,
.event_tabs_list li a:hover,
.event_list li a:hover,
.blog_post_text a:hover,
.blog_post_prev > a:hover,
.tags_list span a:hover,
.process_link li a:hover,
.process_link li a:before,
.blog_text blockquote:after,
.video_btn2:hover,
.categories_list ul li a:hover,
.blog_social_meta li a:hover,
.blog_meta > a:hover,
.play_btn02:hover,
.social_list li.active a,
.widget_link ul li a:hover,
.info_text a:hover,
.meta_list li a:hover,
.social_list li a:hover:before,
.social_list li a:hover,
.service_text:hover h4,
.Login_list li a:hover,
.navigation li a:hover,
.top_info_text a:hover{
	color:#d52845;
}

/*
	  ============================================================
		   Background Color
	  ============================================================
*/
.dl-menuwrapper li a:hover,
.login_search button:hover,
.city_event_item:hover .city_event_text .plus_btn_icon,
.city_event_grid_text span,
.navigation li ul li a:hover,
.city_client2_wrap .slick-dots li,
.client2_colume figure,
.contact_form_socail li:hover span,
.join_party,
.biography_text:before,
.circle,
.community_column span,
.counter01_column.bg-red:before,
.about01_fig:before,
.about01_experiance,
.city_info_text a.call_info,
.city_info_text,
.donate_btn,
.btn_contribute,
.topbar_icon:before,
.navigation_02,
.timer_text .countdown li,
.social li a:hover,
.event_tabs_list li a:before,
.event_counter_wrap .timer_text.overlay:before,
.event_speaker_fig:hover .overlay:before,
.event_speaker .slick-dots li,
.event_location_list:hover .event_share .btn2,
.event_date,
.event_fig:hover .event_text .btn2,
.comment_fig:hover .comment_text a,
.post_submit button:hover:before,
.blog_fig .slick-prev, 
.blog_fig  .slick-next,
.blog_fig  .play_btn02,
.ui-datepicker-calendar tbody tr:nth-child(2),
.video_btn,
.post_btn li.active a,
.widget_field .search_btn,
.pagination li a:before,
.pagination_list > a,
.contact_form_wrap,
.alert_btn,
.plus_btn,
.nation_service_fig:before,
.service_text:hover span,
.donate_service_text,
.play_btn:hover:before,
.city_payment_check input[type=checkbox]:checked + label:before{
	background-color:#d52845;
}
.overlay {
    position: relative;
}
/*
	  ============================================================
		   Border Color
	  ============================================================
*/
.city_widget_title:before,
.city_widget_title,
.city_event_grid figure,
.navigation li:hover ul,
.header01,
.project_power_text h4:before,
.event_tabs_link li a:before,
.comment_fig:hover .comment_text a,
.widget_field input:focus,
.social_list li.active a:before,
.main_header,
.social_list li a:hover:before,
.social_list li a:hover:before,
.nation_service_fig,
.top_email_field input:focus{
	border-color:#d52845;
}






       /* COLOR STYEL 02 START */


/*
	  ============================================================
		   Font Color
	  ============================================================
*/
.login_row a,
.city_event_meta_list li a:hover,
.widget_btn,
.city_wideget_links li a:hover,
.client2_colume > p:before,
.client2_colume > h6,
.contact_socail_text h5 a:hover,
.contact_link:hover,
.blog_social_meta li a:before,
.top_info_caption a:hover,
.top_email_field a:hover,
.menu_btn:hover,
.drop_list .list li:hover,
.event_tabs_link li.active a,
.event_tabs_list li a:hover,
.event_list li a:hover,
.blog_post_text a:hover,
.blog_post_prev > a:hover,
.tags_list span a:hover,
.process_link li a:hover,
.process_link li a:before,
.blog_text blockquote:after,
.video_btn2:hover,
.categories_list ul li a:hover,
.blog_social_meta li a:hover,
.blog_meta > a:hover,
.play_btn02:hover,
.social_list li.active a,
.widget_link ul li a:hover,
.info_text a:hover,
.meta_list li a:hover,
.social_list li a:hover:before,
.social_list li a:hover,
.service_text:hover h4,
.Login_list li a:hover,
.navigation li a:hover,
.top_info_text a:hover{
	color:#d52845;
}

/*
	  ============================================================
		   Background Color
	  ============================================================
*/
.dl-menuwrapper li a:hover,
.login_search button:hover,
.city_event_item:hover .city_event_text .plus_btn_icon,
.city_event_grid_text span,
.navigation li ul li a:hover,
.city_client2_wrap .slick-dots li,
.client2_colume figure,
.contact_form_socail li:hover span,
.join_party,
.biography_text:before,
.circle,
.community_column span,
.counter01_column.bg-red:before,
.about01_fig:before,
.about01_experiance,
.city_info_text a.call_info,
.city_info_text,
.donate_btn,
.btn_contribute,
.topbar_icon:before,
.navigation_02,
.timer_text .countdown li,
.social li a:hover,
.event_tabs_list li a:before,
.event_counter_wrap .timer_text.overlay:before,
.event_speaker_fig:hover .overlay:before,
.event_speaker .slick-dots li,
.event_location_list:hover .event_share .btn2,
.event_date,
.event_fig:hover .event_text .btn2,
.comment_fig:hover .comment_text a,
.post_submit button:hover:before,
.blog_fig .slick-prev, 
.blog_fig  .slick-next,
.blog_fig  .play_btn02,
.ui-datepicker-calendar tbody tr:nth-child(2),
.video_btn,
.post_btn li.active a,
.widget_field .search_btn,
.pagination li a:before,
.pagination_list > a,
.contact_form_wrap,
.alert_btn,
.plus_btn,
.nation_service_fig:before,
.service_text:hover span,
.donate_service_text,
.play_btn:hover:before,
.city_payment_check input[type=checkbox]:checked + label:before{
	background-color:#d52845;
}
/*
	  ============================================================
		   Border Color
	  ============================================================
*/
.city_widget_title:before,
.city_widget_title,
.city_event_grid figure,
.navigation li:hover ul,
.header01,
.project_power_text h4:before,
.event_tabs_link li a:before,
.comment_fig:hover .comment_text a,
.widget_field input:focus,
.social_list li.active a:before,
.main_header,
.social_list li a:hover:before,
.social_list li a:hover:before,
.nation_service_fig,
.top_email_field input:focus{
	border-color:#d52845;
}






       /* COLOR STYEL 02 START */


/*
	  ============================================================
		   Font Color
	  ============================================================
*/
.donate_btn:hover,
.personal_information h3,
.navigation li ul li a:hover,
.header02 .navigation li a:hover,
.social li a,
.right_content .Login_list li a:hover,
.gallery_text > a,
.gallery_text h4,
.more_btn:hover,
.click{
	color:#0d3264;
}

/*
	  ============================================================
		   Background Color
	  ============================================================
*/
.community_column:hover span,
.wraper .header03 .navigation li ul li a:hover,
.label,
.contact_form_socail li span,
.join_party .theam_btn,
.biography_wrap:before,
.donate_list li a:hover,
.counter01_column.bg-red .theam_btn,
.counter01_column:before,
 .counter01_column,
.top02_wrap,
.header03 .navigation_wrap,
.topbar_content:after,
.topbar_content:before,
.event_sponsor,
.event_counter_wrap .timer_text .countdown li,
.event_speaker .slick-dots li.slick-active button,
.share_btn,
.join_form input,
.sidebar_datepicker .ui-widget-content,
.latest_video_fig .overlay:before,
.latest_video .overlay:before,
.footer_widget,
.news_form_text,
.alert_btn:hover,
.nation_service_wrap:after,
.service_text span,
.donate_service_text.active,
.donate_service_text:hover,
.main_header{
	background-color:#0d3264;
}
/*
	  ============================================================
		   Border Color
	  ============================================================
*/
.donate_list li a:hover,
.share_btn:before,
.service_fig:before,
.city_payment_btn a:hover{
	border-color:#0d3264;
}







/*
	  ============================================================
		   Trandition Color
	  ============================================================
*/
.dl-menuwrapper li a,
.login_search button,
.donate_btn,
.plus_btn_icon,
.theam_btn,
.theam_btn.btn2,
.city_event_meta_list li a,
.city_wideget_links li a,
.community_column span,
.contact_socail_text h5 a,
.contact_form_socail li span,
.team_fig figure:before,
.team_fig .social_share,
.donate_list li a,
.contact_link,
.navigation li ul li a,
.navigation li > ul,
.header02 .navigation li a,
.top_info_caption a,
.top_email_field a,
.social li a,
.menu_btn,
.drop_list .list li,
.event_tabs_link li a:before,
.event_tabs_list li a,
.event_speaker_fig .social_share,
.event_speaker_fig .overlay:before,
.event_speaker .slick-dots li.slick-active button,
.event_location_list,
.event_share .btn2,
.event_list,
.event_colume,
.event_list,
.event_find_more,
.event_list li a,
 .event_text .btn2,
.post_area textarea:focus,
.post_field input:focus,
.comment_text a,
.post_submit button,
.post_submit button:before,
.blog_post_text a,
.blog_post_prev > a,
.tags_list span a,
.process_link li a,
.video_btn2,
.categories_list ul li a,
.post_btn li.active a,
.widget_field input:focus,
.pagination li a::before,
.blog_fig,
.blog_social_meta li a,
.blog_meta > a,
.right_content .Login_list li a,
.top_content,
.play_btn02,
.widget_link ul li a,
.info_text a,
.alert_btn,
.meta_list li a,
.social_list li a,
.gallery_text,
.nation_service_fig:before,
.nation_service_text h5,
.nation_service_text span,
.nation_service_fig .overlay:before,
.service_text h4,
.service_text span,
.donate_service_text,
.Login_list li a,
.navigation li a,
.more_btn,
.play_btn,
.play_btn:before,
.social_share li a:before,
.top_email_field input:focus,
.top_info_text a{
	-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
				-o-transition:all 0.5s ease-in-out;
				transition:all 0.5s ease-in-out;
} 
.click{
	-webkit-transition:all 0.6s ease-in-out;
		-moz-transition:all 0.6s ease-in-out;
			-ms-transition:all 0.6s ease-in-out;
				-o-transition:all 0.6s ease-in-out;
				transition:all 0.6s ease-in-out;
}
.color{
	color:#df193a;
}
.theme_color{
	color:#d52845;
}
.theme_color:hover{
	color:#3d68b6;
}
.theme_color2{
	color:#0d3264;
}
.bg_color{
	background-color:#d52845;
}
.bg_color2{
	background-color:#0d3264;
}
.dark_color{
	color:#666666;
}
.bg-blue{
	background-color: #19c1ff;
}
.bg-blue-dark{
	background-color: #3d68b6;
}
.bg_color3{
	background-color: #d52845;
}
.bg_color4{
	background-color: #245d9b;
}
.bg_color5{
	background-color: #d52845;
}


/*theam btn start */
.theam_btn{
	display:inline-block;
	font-size: 16px;
	text-align: center;
	padding:15px 50px;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 30px;
	box-shadow: -2px 5px 25px -11px #000;
}
.theam_btn:hover{
	color:#fff;
}
.btn2{
	float: left;
}
.btn3 {
    width: 128px;
   	display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}
/*theam btn end */
.theam_btn.btn2{
	
	border:none;
}
.theam_btn:hover,
.theam_btn.btn2:hover{
	background-color:#0d3264; 
}
.counter01_column  .theam_btn.btn2:hover,
.join_party .theam_btn.btn2:hover,
.top_email_field .theam_btn:hover, 
.text_area .theam_btn.btn2:hover, 
.nation_service_list .theam_btn.btn2:hover{
	background-color:#fff;
	color:#0d3264; 
}
.shadow{
	box-shadow: 0px 0px 10px 2px #f0b3bd;
}
/*overlay start */
/*
.overlay{
	position:relative;
}
*/
.overlay:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#000;
	opacity:0.6;
}
/*overlay end */

.text_white{
	color:#fff;
}
.custom_width{
	width:1615px;
}

/*heading02 start*/

.heading02{
	float: left;
	width: 100%;
	padding-top: 84px;
	margin-bottom: 48px;
}
.custom_size{
	font-size: 45px;
	line-height: 45px;
}
.custom_size span{
	  display: block;
	  padding:10px 0px;
}
.section_heading{
	float: left;
	width: 100%
}
.section_heading > span{
	margin-bottom: 1px;
	font-weight: 500;
	position: relative;
	display: inline-block;
}
.section_heading h2{
	margin-bottom: 14px;
}
.heading_star{
	display: inline-block;
	position: relative;
}
.heading_star span:after,
.heading_star span:before,
.heading_star:after,
.heading_star:before{
	position: absolute;
	content: "";
	top:0px;
	left: 0px;
	right: 32px;
	bottom: 11px;
	border-bottom: 1px solid #fff;
	width: 56px;
}
.heading_star span:before,
.heading_star:before{
	left: auto;
}
.heading_star span:after,
.heading_star:after{
	right: auto;
	left: 32px;
}
.heading_star span:after,
.heading_star span:before{
	bottom: 7px;
	width: 34px;
}
.heading_star span{
	display: inline-block;
}
.text_center{
	text-align: center;
}
.heading_star span:before,
.heading_left .heading_star:before{
	border-bottom: none;
}
.section_heading > p{
	margin-bottom: 0px;
}
.brd_color span:before,
.brd_color:before,
.brd_color span:after,
.brd_color:after{
	border-color:#0d3264;
}
.block-bdr span:before{
	border-bottom: 1px solid;
}
/*section heading end*/
.margin30{
	margin-bottom: 28px;
}
.margin45{
	margin-bottom: 42px;
}
.margin0{
	margin-bottom: 0px !important;
}
.box-shadow{
	box-shadow: 0px 0px 5px 1px #0c2049;
}
.margin_top{
	margin-top:35px;
}
.margin16{
	margin-bottom: 15px;
}
.padding_top{
	padding-top: 60px;
}
.margin60{
	margin-top:60px;
}
/*field btn*/
.field_btn{
	display: inline-block;
	font-size: 16px;
	height: 48px;
	font-weight: 500;
	line-height: 48px;
	width: 140px;
	text-align: center;
	padding: 0px 0px;
	position: relative;
	top: 1px;
}
.padding0{
	padding-top:0px;
}
.pdg0{
	padding: 0px 0px;
	border-bottom: none;
}

/*
    ============================================================
       BUTTON EFFECT
    ============================================================
*/
.wave1, 
.wave2{
  z-index: 12;
  left: 0;
  bottom: 0;
  color: #fff;
  position: relative;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  background-position-y: bottom !important;
}
.wave2:before{
  position: absolute;
  content: "";
  top:0px;
  left:0px;
  right: 0px;
  bottom: 0px;
  background: #27a7df;
  opacity: 0.90;
  z-index: -1;

}
.wave1 {
  -webkit-animation: wave-animation1 8.7s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 8.7s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 8.7s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 8.7s infinite linear; /* IE 10+ */
}
.wave2 {
  -webkit-animation: wave-animation1 6.3s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 6.3s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 6.3s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 6.3s infinite linear; /* IE 10+ */
}

@-webkit-keyframes wave-animation1 {
  0%   { background-position-x: 0; }
  100% { background-position-x: 1601px; }
}
@-moz-keyframes wave-animation1 {
  0%   { background-position-x:0; }
  100% { background-position-x: 1601px; }
}
@-o-keyframes wave-animation1 {
  0%   { background-position-x: 0; }
  100% { background-position-x: 1601px; }
}
@keyframes wave-animation1 {
  0%   { background-position-x: 0; }
  100% {background-position-x: 1601px;}
}

.wave1 {
    background: url('../images/wave1.png') 0 0 repeat-x;
}
.wave2 {
    background: url('../images/wave2.png') 0 0 repeat-x;
}
.main_banner .slick-prev,
.main_banner .slick-next{
	display: none !important;
}	


/*pagination list start*/
.pagination_list{
	float:left;
	width:100%;
}
.pagination_list{
	text-align:center;
	margin-top:30px;
}
.pagination_list > a{
	display:inline-block;
	width:110px;
	height:58px;
	font-size:17px;
	text-align:center;
	line-height:58px;
	font-weight: 500;
	box-shadow:0px 2px 8px 1px #dedede;
	color: #fff;
}
.pagination_list > a:hover{
  color:#fff;
}
.Prev_btn i{
	margin-right:8px;
}
.next_btn i{
	margin-left:8px;
}
.pagination{
	overflow:hidden;
	display:inline-flex;
	background-color:#fff;
	box-shadow:0px 2px 8px 1px #dedede;
	margin:0px 10px;
	padding:0px 15px;
	position: relative;
	top: 24px;
}
.pagination li{
	float:left;
	width:auto;
}
.pagination li a{
	display:inline-block;
	font-size:16px;
	padding:18px 15px;
	position:relative;
	border: none;
	font-weight: 600;
}

.pagination li a:hover{
	background:none;
}
.pagination li a:before{
	position:absolute;
	content:"";
	top:auto;
	left:0px;
	right:0px;
	bottom:0px;
	height:4px;
	width:0px;
	height: 4px;
}
.pagination_list a:hover:before,
.pagination li a:hover:before{
  width:100%;
}
/*
=================================================
				UP FROM 1200PX
=================================================
*/ 
@media (max-width: 1366px){
	.header01{
		padding:20px 20px;
	}
	.city_event_wrap .slick-list.draggable {
	    padding: 0px 100px !important;
	}
	.custom_width {
	  width: 100%;
	}
	.header01 .navigation li {
		margin-right: 15px;
	}
	.theam_btn{
		padding: 15px 20px;
	}
	.social {
		margin-right: 25px;
	}
	.banner_text{
		margin:-240px 0px 0px -580px;
	}
	.custom_width{
		width:100%;
	}
	.social_share{
		left: 0px;
	}
	.donate_service_wrap {
		margin-top: -110px;
	}
	.banner_text.right-text{
		left:auto;
	}
	.city_widget .container {
	  width: 100%;
	  padding: 0px 30px;
	}
	body.active .wraper-demo {
	  margin-right: 225px;
	  width: 100%;
	  width: calc(100% - 285px);
	}
	.sidebar{
		width: 310px;
	}
	.sidebar-menu-title{
		padding-top: 50px;
	}
}
/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/ 
@media (min-width: 992px) and (max-width: 1199px) {
	.top_email_field input{
		width:322px;
	}
	.event_detail .container, .blog_list_wrap .container {
	  width: 100%;
	}
	.small_text{
		margin-bottom: 14px;
	}
	.top_title {
		font-size: 77px;
		line-height: 70px;
	}
	.main_header .social_share{
		display:none;
	}
	.nation_service_text{
		padding: 0px 20px;
	}
	.donate_service_wrap {
		margin-top: 50px;
	}
	.banner_text{
		margin: -160px 0px 0px -460px;
	}
	.custom_size{
		font-size: 38px;
		line-height: 30px;
	}
	.nation_service_text h5{
		font-size: 16px;
	}
	.play_btn02{
		left: 155px;
	}
	.gallery_text h4{
		font-size: 18px;
	}
	.contact_field{
		width:100%;
	}
	.contact_form{
		padding:85px 25px 90px;
	}
	.support_wrap{
		background-size: 50% 100%;
	}
	.custom_size2{
		font-size: 36px;
	}
	.news_form_text .top_email_field input {
		width: 212px;
	}
	.news_form_text .top_email_field input.zip {
		width: 106px;
	}
	.news_demo {
		padding: 7px 15px 25px;
	}
	.news_form_text h2{
		font-size:18px;
	}
	.news_demo a{
		font-size:12px;
	}
	/**/
	.header01 .navigation{
		display:none;
	}
	.header01 .dl-menuwrapper {
		display: block;
		margin: 18px 0px;
	}
	.dl-menuwrapper .dl-menu{
		background-color:#333;
		right:100%;
		z-index:1;
	}
	.politic_law_text h2{
		font-size:45px;
	}
	/**/
	.top_info_list li:nth-child(2){
		display:none;
	}
	.header02 .navigation li{
		margin-right: 20px;
	}
	/**/
	.header04 .text_link li{
		padding: 0px 14px;
	}
	/**/
	.btn_contribute{
		padding: 22px 25px 23px;
	}
	.header04 .navigation li {
	  margin-right: 26px;
	}
	.text_link{
		display: none;
	}
	.counter01_column .theam_btn {
 	 width: 70%;
	}
	.counter01_column h3{
		padding: 0px 20px;
		font-size: 28px;
		margin-bottom: 40px;
	}
	.counter01_column h3::before{
		bottom: -16px;
	}
	.donate_list li a{
		width: 74px;
		height: 50px;
		line-height: 43px;
	}
	.donate_list li {
	  margin-right: 20px;
	}
	.biography_row{
		padding: 0px 10px;
	}
	.biography_text.text-bottom{
		padding: 51px 0px 0px;
	}
	.biography_text.text-bottom {
 	 top: 226px;
	}
	.categories_row{
		width:100%;
	}
	.categories_row li{
		padding: 0px 20px;
	}
	.project_energy_text{
		padding: 80px 0px 0px 20px;
	}
	.project_power_effect .project_causes_service{
		padding: 20px 0px 0px 40px;
	}
	.login_row{
		width:100%;
	}
}

/*
=================================================
			FROM 0PX TO 979PX
=================================================
*/ 




@media (max-width: 991px) {
	.right_content,
	.main_header .social_share{
		display:none;
	}
	.top_email_field input{
		width: 192px;
	}
	.event_detail .container, .blog_list_wrap .container {
	  width: 100%;
	}
	.top_email_field input.zip {
		width: 122px;
	}
	.donate_service_wrap {
		margin-top: 40px;
	}
	.banner_text {
		margin: -160px 0px 0px -340px;
	}
	.top_title{
		display:none;
	}
	.donate_service_text {
		padding: 32px 18px;
	}
	.service_wrap .heading02{
		margin-top:0px;
	}
	.nation_service_list {
		padding: 75px 0px 290px 0px;
	}
	.nation_service_wrap:before{
		background-image:none;
	}
	.nation_service_wrap::after{
		width:100%;
	}
	.play_btn.play_btn02.theme_color{
		display:none;
	}
	.support_wrap{
		background-image:none;
	}
	.custom_size2{
		font-size: 22px;
	}
	.support_text {
		padding: 76px 0px;
	}
	.news_row{
		text-align:center;
	}
	.news_row .section_heading{
		width:100%;
		position:relative;
		z-index:2;
	}
	.contact_field,
	.top_email_field,
	.social_list{
		width:100%;
	}
	.social_list ul li{
		float:none;
		display:inline;
	}
	.news_fig{
		margin-bottom:30px;
	}
	.news_form_text{
		text-align:center;
	}
	.contact_field{
		padding:0px 20px;
	}
	.news_form_text h2{
		font-size:30px;
	}
	.contact_info_list:before{
		left: -10px;
		width: 320px;
	}
	.contact_form{
		padding: 20px 0px 20px;
	}
	.widget_link ul li{
		margin-right: 15px;
	}
	.nation_service_wrap .theam_btn.btn2{
		width:100%;
	}

	/**/
	.header01 .navigation{
		display:none;
	}
	.header01 .dl-menuwrapper {
		display: block;
		margin: 18px 0px;
	}
	.dl-menuwrapper .dl-menu{
		background-color:#333;
		right:100%;
		z-index:1;
	}
	.politic_law_text h2{
		font-size:45px;
	}
	.drop_list{
		display:none;
	}
	.politic_info{
		margin-bottom:50px;
	}
	.politic_law_text {
		margin-bottom: 20px;
	}
	.politic_law_wrap .donate_service_wrap .col-md-4 {
		padding: 0px 8px;
	}
	/**/
	.header02 .top_info_list li:nth-child(2){
		display:none;
	}
	.header02 .navigation li{
		margin-right: 10px;
	}
	.header02 .top_info_list li{
		padding: 0px 9px;
	}
	.header02 .logo {
		margin-right: 0px;
	}
	.header02 .top_content_wrap .theam_btn{
		padding: 15px 20px;
	}
	/**/
	.donate_btn,
	.header04 .text_link{
		display:none;
	}
	.header04 .navigation{
		padding-right: 0px;
	}
	.header04 .top02_row{
		padding-right: 0px;
	}
	.header04 .navigation li {
		margin-right: 11px;
	}
	/**/
	.top_main_content .top_info_list li:last-child,
	.topbar_text li:last-child{
		display:none;
	}
	.topbar_text li{
		margin-right: 10px;
	}
	.header03 .navigation ul li {
		margin-right: 15px;
	}
	.header03 .navigation_wrap {
		padding: 0px 0px 0px 15px;
	}
	.btn_contribute {
		padding: 24px 25px 25px;
		font-size: 13px;
	}
	.navigation_wrap{
		padding: 0px 20px 0px 20px;
	}
	.Login_list li {
	  margin-right: 13px;
	}
	.counter01_column,
	.donate_service_text{
		margin-bottom: 20px;
	}
	.biography_text.text-bottom{
		display: none;
	}
	.biography_row{
		margin-bottom: 50px;
	}
	.city_event_wrap .slick-list.draggable{
		padding: 0px 210px !important;
	}
	.top_info_caption a{
		font-size: 13px;
	}
	.about01_experiance_text {
	  padding-left: 0px;
	  padding-top: 20px;
	}
	.team_text, .team_fig{
		width:100%;
	}
	.team_fig .social_share{
		text-align: center;
		margin:0px auto;
		width: 100%;
	}
	.event_text{
		padding: 14px 30px 30px 41px;
	}
	.event_text .btn2 {
  position: relative;
  top: 0px;
  right: 30px;
  margin-top: 14px;
}
.event_counter_wrap .timer_text .countdown li{
	margin-bottom: 20px;
}
.event_detail_text,
.event_tabs_row figure{
	width:100%;
}
.event_detail_info{
	width: 90%;
	margin-top: 30px;
}
.categories_row{
	width:100%;
}
.categories_row li:last-child{
	display: none;
}
.categories_row li{
	padding: 0px 30px;
}
.project_power_effect figure,
.project_energy_fig figure {
  width: 100%;
}
.project_energy_text {
  overflow: hidden;
  padding: 40px 0px 0px 10px;
}
.project_grid_fig,
.project_power_list {
  margin-bottom: 50px;
}
.project_power_effect .project_causes_service{
	padding: 20px 0px 0px 10px;
}
.donation_row{
	width:100%;
}
.donate_list li {
  margin-right: 10px;
}
.donation_row .donate_list li a{
  width: 116px;
}
.donation_form .contact_form_coulmn input{
	width: 48%;
}
.team_fig .social_share{
	width: 100%;
	margin:0px auto;
	text-align: center;
}
.team_fig .social_share li{
	display: inline-block;
	float: none;
}
.contact_us_row{
	display: inline-block;
}
.contact_form_coulmn{
	margin-bottom: 40px;
}
.main_header .navigation li {
  margin-right: 20px;
}
}
/*
=================================================
			FROM 768PX TO 979PX
=================================================
*/

@media (min-width: 768px) and (max-width: 979px) {
	.alignHolder h1 {
		font-size: 1.5rem;
	}
}
/*
=================================================
			FROM 0PX TO 767PX
=================================================
*/
@media (max-width: 767px){
	.top_logo{
		text-align:center;
	}

	.login_row{
		margin: auto 0px 40px;
		width:100%;
	}
	.main_header .navigation li {
	  margin-right: 20px;
	}
	.event_sponsor,
	.event_counter_wrap .timer_text{
		width:100%;
		margin-bottom: 30px;
	}
	.blog_list_row {
 	 padding: 80px 40px;
	}
	.section_heading h2 {
	  font-size: 28px;
	}
	.top_email_field button{
		padding: 12px 24px;
	}
	.navigation{
		display:none;
	}
	.dl-menuwrapper{
		display:block;
		margin: 13px 0px;
	}
	.dl-menuwrapper .dl-menu{
		background-color:#333;
		right:100%;
		z-index:1;
	}
	.Login_list{
		float:left;
	}
	.navigation_wrap{
		padding: 0px 30px 0px 30px;
	}
	.top_logo h1{
		margin-bottom:0px;
	}
	.top_info_text{
		padding: 24px 0px 40px;
	}
	.mediume_text,
	.small_text,
	.mediume_text{
		display:none;
	}
	.large_text{
		font-size: 30px;
		margin-bottom:0px;
	}
	.banner_text {
		margin: -50px 0px 0px -220px;
	}
	.top_email_field input {
		width: 186px;
	}
	.top_email_field{
		text-align:center;
	}
	.top_email_field button{
		float:none;
	}
	.donate_service_text{
		margin-bottom:20px;
	}
	.donate_service_text:hover {
		margin-top: 0px;
	}
	.service_wrap .heading02{
		text-align:center;
	}
	.service_text {
		text-align: center;
		margin-bottom: 30px;
	}
	.timer_list {
		padding: 65px 0px 70px 20px;
	}
	.support_fig figure{
		width:100%;
	}
	.support_text{
		text-align:center;
	}
	.support_text .btn2{
		float:none;
	}
	.news_form_text .top_email_field input {
		width: 192px;
	}
	.news_form_text .top_email_field input.zip {
		width: 124px;
	}
	.contact_form,
	.map_list{
		width:100%;
	}
	.custom_size {
		font-size: 35px;
		line-height: 30px;
	}
	.widget_link ul li{
		margin-bottom:10px;
	}
	.donate_service_wrap {
		position: relative;
		z-index: -1;
	}
	/**/
	.text_link{
		display:none;
	}
	.header01 .logo{
		margin-right:20px;
	}
	.header01 .social {
		margin-right: 18px;
	}
	.support_text {
		padding: 50px 0px;
	}
	.politic_law_wrap{
		padding: 70px 0px 100px;
	}
	.left_content {
		float: left;
		width: 100%;
	}
	/**/
	.header02 .top_info_list{
		display:none;
	}
	.header02 .top_content_wrap {
		padding: 10px 0px;
		width: auto;
		float: right;
	}
	.navigation_02 .social_share{
		float:left;
	}
	.gallery_fig figure{
		margin-bottom:20px;
	}
	.gallery_fig.padding_top {
		padding-top: 0px;
	}
/**/

	.header03 .logo {
		width: 35%;
		padding: 10px 0px 10px;
	}
	.header03 .top_info_list,
	.header03 .topbar_text{
		display:none;
	}
	.header03 .topbar_content::after, .header03 .topbar_content::before{
		position:relative;
	}
	.header03 .top_main_content {
		width: 58%;
	}
	.header03 .topbar_icon{
		padding:12px 52px;
	}
	.header03 .topbar_content{
		padding: 19px 0px;
	}
	.btn_contribute {
		padding: 25px 25px 23px;
		float: left;
	}
	.politic_law_wrap{
		z-index:-1;
	}
	.top02_info,
	.top02_right_content{
		width:100%;
		text-align: center;
	}
	.top02_right_content .social_share{
		margin-top: 10px;
		width:100%;
		float: none;
	}
	.top02_info li,
	.social_share li{
		float: none;
		display: inline-block;
	}
	.donate01_wrap{
		width:100%;
		padding: 0px 10px;
	}
	.donate_list li a{
		width:74px;
	}
	.community_column{
		display: inline-block;
	}
	.biography_row{
		padding: 0px 10px;
	}
	.join_party{
		padding:50px 20px !important; 
	}
	.city_event_wrap .slick-list.draggable {
	  padding: 0px 37px !important;
	}
	.event_text .btn2 {
	  position: relative;
	  top: 0px;
	  right: 30px;
	  margin-top: 14px;
	}
	.event_fig figure{
		width:100%;
	}
	.event_text {
	  padding: 14px 30px 30px 31px;
	}
	.event_text .btn2{
		right: 0px;
	}
	.categories_row li{
		border-right: none;
		margin-bottom: 30px;
	}
	.categories_row li:last-child{
		display: block;
	}
	.donation_row {
	  width: 100%;
	}
	.donation_form .contact_form_coulmn input {
	  width: 100%;
	}
	.donation_row .donate_list li a {
	  width: 75px;
	}
	.donation_row{
		padding: 50px 20px;
	}
	.donation_form .contact_form_coulmn input{
		margin-right: 0px;
	}
	.progress_detail_skill{
		padding-left: 10px;
	}
	.progressbar .bar{
		width: 280px !important;
	}

}
/*
=================================================
			FROM 0PX TO 0PX
=================================================
*/
@media (min-width: 360px) and (max-width: 640px) {
	.alignHolder h1 {
		font-size: 1.5rem;
	}
  
}
/*
=================================================
			FROM 0PX TO 0PX
=================================================
*/
@media (max-width: 481px) {
	.alignHolder h1 {
		font-size: 1.5rem;
	}
}
/*
=================================================
			FROM 0PX TO 0PX
=================================================
*/
@media (max-width: 400px) {
	.alignHolder h1 {
		font-size: 1rem;
	}
	.biography_wrap {
		height: 180vh !important;
		
	}
		.biography_wrap p {
			font-size: 0.7rem !important;
		}
}
@media (max-width: 480px) {
	.top_email_field input {
		width: 100%;
		margin-bottom: 16px;
	}
	.top_info_text {
		padding: 24px 0px 20px;
	}
	.navigation_wrap {
		padding: 0px 20px 0px 20px;
	}
	.service_wrap .heading02{
		padding:0px 0px;
	}
	.timer_text,
	.timer_text .countdown{
		text-align:center;
	}
	.timer_text .countdown li{
		display:inline-block;
		float:none;
		margin:0px 5px 10px 5px;
	}
	.support_text {
		padding: 36px 0px;
	}
	.section_heading h2{
		font-size:26px;
	}
	.news_fig_text h2{
		font-size:20px;
	}
	.meta_list li:last-child{
		display:none;
	}
	.news_form_text .top_email_field input{
		width:100%;
	}
	.contact_info_list:before {
		left: 8px;
		width: 297px;
	}
	.contact_info_list{
		width: 300px;
	}
	.main_banner .slick-slide img{
		height: 210px;
	}
	.banner_text {
	  margin: -50px 0px 0px -160px;
	}
	.custom_size {
		font-size: 25px;
		line-height: 20px;
	}
	.social_list li a::before{
		border:none;
	}
	.social_list li {
		margin-left: 10px;
	}
	.social_list{
		padding: 16px 0px;
	}
	.widget_link{
		margin-bottom: 50px;
	}
	/**/
	
	.politic_law_text h2 {
		font-size: 25px;
		line-height: normal;
	}
	.politic_contact_list{
		text-align:center;
	}
	.politic_contact_text{
		float: left;
		width: 100%;
		margin-bottom: 20px;
		text-align:center;
	}
	.politic_info .theam_btn{
		float:none;
	}
	.politic_law_wrap {
		padding: 70px 0px 39px;
	}
	/**/
	.top_content_wrap{
		display:none;
	}
	.header02 .logo {
		margin-right: 0px;
		width: 100%;
		text-align: center;
	}
	/**/
	.header03 .logo {
		width: 100%;
		text-align: center;
	}
	.header03 .top_main_content{
		display:none;
	}
	.politic_law_wrap{
		z-index:-1;
	}
	.timer_text .countdown li{
		width: 100%;
	}
	.timer_text .countdown{
		width: 100%;
	}
	.counter01_column h3{
		font-size: 20px;
	}
	.counter01_column h2{
		font-size: 40px;
	}
	.counter01_column .theam_btn{
		width: 90%;
	}
	.donate_list li a, .donate_list {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
	  width: 100%;
	  padding: 0px 40px;
	}
	.donate_list li {
	  margin-right: 0px;
	  margin-bottom: 10px;
	}
	.donate_list li a{
		text-align: center;
	}
	.community_column span{
		width: 45px;
		display: inline-block;
		margin-bottom: 20px;
	}
	.community_column{
		text-align: center;
	}
	.biography_row{
		width:100%;
		flex-direction: column;
	}
	.biography_text::before {
		height: 0px;
	}
	.circle{
		display: none;
	}
	.biography_text.text-bottom {
		display: block;
		top: 20px !important;
		padding: 0px 0px;
		text-align: center;
		/* margin-bottom: 50px; */
		height: 100%;

}
	.biography_wrap {
		height: 155vh;
	}
.join_party{
	flex-direction: column;
}
.join_party h4{
	margin-bottom: 15px;
}
.join_party{
	text-align: center;
}
.contact_link,
.about01_experiance_text h2{
	font-size: 22px;
}
.about01_contact_call {
  padding-left: 10px;
}
.event_colume_text > h4{
	font-size: 18px;
}
.event_colume_text {
  padding: 0px 20px 30px;
}
.event_list li a{
	font-size: 14px;
}
.pagination{
	top: 0px;
}
.pagination li a{
	font-size: 10px;
}
.event_location_info li{
  float: left;
  width: 100%;
}
.event_text .btn2 {
  position: relative;
  top: 0px;
  right: 30px;
  margin-top: 14px;
}
.custom_size01{
	font-size: 34px;
}
.detail_tags .social_list {
  padding: 20px 0px 0px;
  text-align: left;
  width: 100%;
}
.detail_tags .social_share{
	width:100%;
}
.blog_comments {
  padding: 50px 15px 50px 25px;
  }
  .comment_fig figure {
  width: 100%;
  border-radius: 100%;
  margin-bottom: 20px;
}
.comment_text h5 span{
	margin-left: 0px;
}
 .comment_list ul {
  padding-left: 0px;
}
.comment_text{
 padding: 0px 0px 0px 2px;	
}
.post_area, .post_field{
	width:100%;
}
.post_fig figure {
  width: 100%;
  margin-bottom: 20px;
}
.post_text{
	padding: 0px 0px 0px 10px;
}
.project_power_list ul li{
	width:100%;
}
.project_causes_service > h3,
.project_energy_text h3,
.project_detail_text h3{
	font-size: 25px;
}
.power_fig {
  padding: 0px 6px 0px 0px;
}
.donation_row .donate_list li a, 
.donation_row  .donate_list{
	padding: 20px 0px;
	width: 100%;
}
.progressbar .bar{
		width: 180px !important;
	}
	.personal_information h3 {
  font-size: 24px;
}
.contact_form_detail.personal_information{
	margin-top: 40px;
}
.contact_form_socail li{
	display: inline-block;
}
.team_detail_wrap{
	padding: 100px 0px 40px;
}
.contact_form_socail {
  text-align: center;
}
.video_list{
	display: none;
}
.event_detail_info,
.event_deta_colume .event_date{
	width:100%;
}
.event_deta_caption {
  overflow: hidden;
  padding: 21px 0px 0px 5px;
}
.right {
  float: right;
  font-size: 14px;
}
.google_share li {
  width: 100%;
  margin-bottom: 10px;
}
}
@media (max-width: 320px){
	
}
/* Style for the close button */
.overlay-popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1;
        }

        /* Style for the video container */
        .video-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .video-container video{
			height: 370px;
        }

        /* Style for the close button */
        .close-button {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
        }
.thumb, figure {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0px;
}
header, detail, article, aside, hgroup, nav, section, figure, figcaption, footer {
    display: block;
}