.fl_blue {
    color: #286090;
}

.footer_nav{ text-align: center; margin: 0 auto}
.footer_nav li{ float: left; list-style: none; margin: 0 5px}
.footer_nav li a{ color: #fff; font-size: 16px; padding: 0 15px}
#follow_us{ text-align: right; margin: 0 0 15px 0 }
#follow_us i{ font-size:37px}
#follow_us a{ display: inline-block; margin: 0 0 0px 6px;}
.fb_color { color: #3B5998}
.twitter_color{ color: #00C4F8}

#f_gal img{ border: 1px solid #888A89; margin: 0 10px 10px 0; padding: 2px}
.gal_photo_thumb{ margin: 0 10px 10px 0; border: 2px solid #888a89; padding: 2px}

#live_cont_right{ text-align: center; margin: 0 auto}
#live_cont_right .target_collection{ font-size:16px; color: #000 ;padding: 0 0px; font-weight: normal;}
#live_cont_right .total_collection{ font-size:30px; color: #17E617;}
.green{ color: #17E617}

#pie_box{ margin: 0 0 0 37px}

.google_color{ color: #D51F1E}
.linkedin_color{ color: #0083BE}
.follow_text{ font-weight: bold;}
.message{ font-size: 14px; padding: 10px; border: 1px solid #286090 ; font-weight: bold; border-radius: 4px; margin: 0 0 10px 0; color: #286090}

.success{ color: green!important; border-color: green!important}
.error{ color: red!important; border-color: red!important}

.form-group .error{ font-size: 12px!important; padding: 0!important; font-weight: normal!important; border: 0!important}


#c_header{ padding: 20px 0;}

.t_button{ background-color: #D86202; color: #fff; font-weight: bold; font-size: 14; padding: 12px 20px; border-radius: 2px; text-transform: uppercase;}
.t_button:hover{ text-decoration: none; color: #fff; background-color: #FA7305}
.header_right{ text-align: right; padding: 20px 0 0 0}

.header_right i{ font-size: 18px; color: #D86202}
.header_right .link{color: #000; font-weight: normal; font-size: 12; margin: 0 13px;}


#c_top_menu{ clear: both; background-color: #EC7F24; height: auto;}
#c_top_menu ul li a{color: #fff; font-size: 16px; padding: 20px 20px; text-transform: uppercase; font-weight: normal;}
.navbar-toggle .icon-bar{ background-color: #fff}

#c_footer h3{ text-transform: uppercase; text-align: left;}
#f_newsl{ text-align: center;}


.submit_button{ background-color: #EC7F24; color: #fff; font-weight: bold; font-size: 13; padding: 12px 20px; border-radius: 2px; text-transform: uppercase; border: 0}
#sign_form .form-control{ background-color: #242424; color: #fff; border-color: #fff}

#f_contact{ text-align: left;}
#f_contact h3{ }
#f_contact i{ color: #EC7F24; font-size: 19px; margin: 0 10px 0 0}
#f_contact .new_line{ font-size: 14px; color: #fff; text-align: left; margin: 10px 0 15px 0}
#footer_row_2{ height: auto; overflow: hidden; text-align: center; margin:20px 0; padding: 20px 0; border-top: 1px solid #4B4B4B; border-bottom: 1px solid #4B4B4B}

#footer_row_3 img { vertical-align: text-bottom}
.orange_color{ color: #EC7F24}
#page_content{ font-size: 16px;  line-height: 25px}

.dotted_line{background-image:  url("dotted.png"); width: 100%; height: 4px; background-repeat: repeat-x; margin: 33px 0 0 0 }


.status_text{text-transform:capitalize; font-weight: bold;}
.status_flag i{ font-size: 35px;}
.fl_green{ color: #07A807}
.fl_orange{ color: orange}
.fl_red{ color: #F54949}
.fl_brown{ color:brown }
.fl_amber{ color:#ff0000 }
.fl_gree{ color:#01da06 }

.fl_yellow{ color:yellow; background-color: #666 ;padding: 0 4px 0 0}
.fl_black{ color:black; }

#member_left_menu {background-color:#F5F5F5}
#member_left_menu li a{color: #000; font-weight: bold; border-bottom: 1px solid #fff}
#member_left_menu li a.active{background-color:#d86200;color: #fff}
#member_left_menu li a:hover{background-color:#d86200;color: #fff!important}


#active_campaigns{ clear: both; margin: 15px 0}

#active_campaigns a h3{ color: #238CCC}

.cam_content{  clear: both;
    height: auto;
    overflow: hidden;}
.cam_row{ clear: both; border-bottom: 1px solid #f5f5f5; padding: 0 0 20px 0}
.dvd{ color: #666; font-size: 25px;}
.start_end{ text-align: right; font-size: 17px; padding: 13px 0 0 0; font-weight: bold;}
.start_end i{ color: #337ab7}
.cont_button{ text-align: right; float: right; background-color: #d86202; padding: 8px 25px; 
	color: #fff;font-weight: bold; font-size: 17px; margin: 10px 8px 0 0}
.cont_button:hover{ background-color: #fa7305; color: #fff; text-decoration: none; }
.cam_row h3{color: #282828}
.camp_not_open{ text-transform: capitalize; font-weight: bold; font-size: 25px;}
#single_campaign .upcoming{ color: #f5be30}
#single_campaign .closed{ color: red}

#main_contribution{ margin: 15px 0; padding:15px 0 ;border-bottom: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;}
.big_amount{ font-size: 28px;}
.cont_label{ font-size: 18px; color: #337ab7}
.hide_in_table{ display: none;}


#days_remaining{ background-color: #F0F0F0; padding: 40px; margin: 20px auto auto auto; width: 200px; text-align: center; height: 175px;}
.days_font{ font-size: 45px; color: #FF2800; font-weight: bold;}
.days_text{ font-weight: bold; font-size: 16px}


#public_regis_form .row{ margin-bottom: 25px}

#public_regis_form  .message{font-size: 12px; margin: 0; padding: 0; border: 0;font-weight: normal;}

.reg_hint{font-size: 11px; margin-top: 25px;}
.reg_hint_p{font-size: 11px;}
.required_asterisk{ color: #db4437}


#public_regis_form{margin-top: 30px!important ;}

#public_regis_form .radio label{font-weight: bold; display: block;}


#public_regis_form .radio input{ position: relative; width: auto; height: auto; margin: 0 5px 0 0; display: inline-block;}


#public_regis_form .checkbox label{ font-weight: bold!important;}
#public_regis_form .checkbox input{ }



@media only screen   and (min-device-width: 320px)   and (max-device-width: 480px)  {
.header_right .t_button{ padding: 4px!important; font-size: 12px}
#myCarousel{ height: 103px!important}
header.carousel .fill{background-size:100%!important;}

.h1, h1 { font-size: 25px!important;}

#page_content {    font-size: 14px!important;    line-height: 22px!important;}
.col-md-4 .happy_man{ width: 100%!important;}

.h2, h2 {    font-size: 22px!important;}
.h3, h3 {    font-size: 20px!important}
h3 {    font-size: 20px!important}

.col-md-4 .event_home{ width: 100%!important;}
#f_gal img{width: 100%!important;}

}



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


.youtube_video iframe{ width: 100%; height: auto;}

/* Force table to not be like tables anymore */
#pie_box{ margin: 0 0 0 0}
#live_cont_right{text-align: left;}
.hide_in_table{ display: inline-block; font-weight: bold;}
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
#no-more-tables tr { border-bottom: 1px solid #000; }
  
#no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 10px;
padding-right:10px; 
white-space: normal;
text-align:left;
}
 
#no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 100%%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); }
}