
body { margin:0; padding:0; color:#666; font-size:14px; font-weight:normal; font-family: 'OpenSansRegular', sans-serif; line-height:24px; background:url(../images/body-bg.jpg) no-repeat center top #1c191a; background-attachment:fixed; background-size:cover;}
img { max-width:100%;}
p { margin-bottom:20px;}

#main_wrapper {}
a { color:#231f20; text-decoration:none;}
a:hover { color:#231f20; text-decoration:underline;}
a:focus { outline:none;}

h2 { color:#231f20; font-size:24px; font-family: 'impact', sans-serif; text-transform:uppercase; margin-top:0; margin-bottom:5px;}
h3 { color:#231f20; font-size:23px; font-family: 'impact', sans-serif;}

/*================================================= Header Starts ======================================================*/

header { width:100%; padding:15px 0; margin:0; background-color:#f7f7f7; position:relative; z-index:50; box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);}
.logo { display:block; max-width:303px; float:left;}


/*================================================ Header Ends =========================================================*/

/*========================================== Homepage slider Starts ====================================================*/

#dn_slider { width:100%; position:relative; padding:0; text-align:center; margin:0 auto; min-height:500px; background:url(../images/dn-slider-desktop.jpg) no-repeat top center;}

/*=========================================== Homepage slider ends =====================================================*/

/*========================================== Content section Starts ====================================================*/

#main_content { width:100%; margin:0; padding:0;}
#dn_content { max-width:480px; margin:15px 0 20px; padding:30px; background-color:rgba(255, 255, 255, 0.9); box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);}
.subheading_text {
	color: #231f20;
	font-size: 16px;
	font-family: 'OpenSansBold';
	margin-bottom: 10px;
}
.subheading_donate_text {
	color: #ed7625;
	font-size: 14px;
	font-family: 'OpenSansBold';
	margin-bottom: 10px;
}

/* Top Tabs */
.full_dn_tabs { margin-top:0;}
ul.custom_tabs { margin:0;  text-align:center;}
ul.custom_tabs li { width:50%;}
.full_dn_tabs .nav-pills > li + li { margin-left:0;}
.full_dn_tabs .nav-pills > li > a { border-radius:0; border:1px solid #231f20; font-size:18px; font-family: 'OpenSansBold'; text-transform:uppercase; padding-top:8px; padding-bottom:8px;}
.full_dn_tabs  .nav > li > a:focus, 
.full_dn_tabs  .nav > li > a:hover { background:transparent;}
.full_dn_tabs .nav-pills > li.active > a,
.full_dn_tabs .nav-pills > li.active > a:focus,
.full_dn_tabs .nav-pills > li.active > a:hover {
	background-color: #ed7625;
	border-color: #ed7625;
}
.full_dn_tabs .tab-content { padding-top:28px; padding-bottom:10px;}

.dn_form { width:100%;}
.dn_form label.dn_label { color:#231f20; font-size:16px; font-family: 'OpenSansSemibold', sans-serif; width:100%; margin-top:15px;}
.dn_form label.top_gap { margin-top:5px;}
.dn_form input.inp, 
.dn_form textarea.txtarea, 
.dn_form select.inp, 
.dn_form input.txt_inp { height:40px; border:1px solid #8a8789; background:transparent; color:#423e3f; font-size:14px; font-weight:normal; box-shadow:none; padding-top:5px; padding-bottom:5px; border-radius:0; font-family: 'OpenSansRegular', sans-serif;}
.dn_form textarea.txtarea { height:auto; resize:vertical;}
.dn_form .form-group { margin-bottom:18px;}
	.dn_form .submit {
		color: #fff;
		font-size: 18px;
		font-family: 'impact', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		border-radius: 0;
		border: none;
		text-align: center;
		padding: 6px 30px;
		margin: 0 auto;
		cursor: pointer;
		background: #ed7625;
		max-width: 190px;
		height: 42px;
	}
.dn_form button.dn_btn { float:left; display:inline-block; color:#575757; font-family: 'OpenSansRegular', sans-serif; font-weight:normal; font-size:14px; background:#c7c7c7; border-radius:3px; border:none; width:80px; height:38px; text-align:center; padding:0; margin-bottom:10px;}
.dn_form button.dn_btn:hover, .dn_form button.dn_btn_act { color:#fff; text-decoration:none; background:#ef3e42; padding:0;}
.dn_form .sm_width { max-width:102px; display:inline-block; margin-right:10px;}
.dn_form .csc_width { max-width:217px; float:left;}
.dn_form input.txt_inp { float:left; display:inline-block; width:65%; margin-bottom:10px;margin-left:10px;}
.dn_form input.wd_col1 { float:left; width:13%; margin-right:2%}
.dn_form input.wd_col2 { float:left; width:23%; margin-right:2%}
.dn_form input.wd_col3 { float:left; width:33%; margin-right:2%}
.dn_form input.wd_col4 { float:left; width:25%;}
.csc_info { float:left; display:inline-block; width:24px; height:24px; background:#006bb6; border-radius: 100%; margin:7px 0 0 6px; color:#fff; text-align:center; padding-top:2px;}

.dn_form select.btm_gap,
.dn_form textarea.btm_gap,
.dn_form input.btm_gap { margin-bottom:10px;}
.cptcha { margin-bottom:15px;}
.frm_btn_padd { margin-right:12px;}

.nav-tabs { border-color:#fff;}
.nav-tabs > li > a { border-radius: 0; color:#666; font-size:18px;}
.dn_tab_cnt { background:#fff; padding:20px;}
.dn_tab_cnt_border { border-top:4px solid #ef3e42;}
.dn_tab_cnt h3 { margin-top:0;}
.nav-tabs > li > a:hover { border-color: #eee #eee #fff; }
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {  border-color: #fff #fff transparent; color:#ef3e42; }

.tooltip-inner { color: #fff; background-color: #006bb6; font-family: 'OpenSansRegular', sans-serif; line-height:14px; padding:6px 8px 8px;}
.tooltip.top .tooltip-arrow { border-top-color: #006bb6;}

.top_dn_form label { width:100%; display:inline-block;}

.top_dn_form .form-group:last-child { margin:0}
.top_dn_form .btn-group { width:100%; padding:0}
.top_dn_form .btn-group .btn { 
	margin-bottom:10px;
	border-radius:0;
	border:1px solid #8a8689;
	background:transparent;
	padding:0;
	width:31.9%;
	color:#423e3f; 
	font-family: 'OpenSansSemibold', sans-serif; 
	font-size:14px;
	vertical-align:middle;
	padding:9px 0; 
}
.top_dn_form .btn-group .btn:first-child { margin-left:0 }
.top_dn_form .btn-group .btn:hover,
.top_dn_form .btn-group .btn:focus { box-shadow:none;}
	.top_dn_form .btn-group .btn.active {
		background: #ed7625;
		border-color: #ed7625;
		color: #fff;
		box-shadow: none
	}
.top_dn_form .btn-group .btn label { margin:0}
[data-toggle="buttons"] > .btn input[type="checkbox"], 
[data-toggle="buttons"] > .btn input[type="radio"], 
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], 
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"] { clip: rect(0px, 0px, 0px, 0px); pointer-events: none; position: absolute;}
input[type="checkbox"], input[type="radio"] { line-height: normal; margin: 4px 0 0;}

.form_hr_dr { border-top:1px solid #adabac; height:1px; margin:20px 0 0; padding-bottom:20px;}

/*=========================================== Content section ends =====================================================*/

/*============================================== Extra Classes =========================================================*/

.clearfix { clear:both; height:0; content:'';}
.marginBtm18 {
	margin-bottom: 18px;
}
.marginBtm11 {
	margin-bottom: 11px;
}
.margin_btm20 { margin-bottom:20px;}
.marginBtm30 { margin-bottom:30px;}
.required { color:#ef3e42;}
.marginRight10 { margin-right:10px;}

footer { width:100%; background:#fff; padding:20px 0;}
footer .footerbar { width:100%;}
.payment_cards { margin-top:0;}
/*============================================== Thank you page starts =============================================*/

#dn_innr_container { margin:20px auto 25px; background-color:rgba(255, 255, 255, 0.9); box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);}
.inner_area2 { padding:40px 30px 30px;}
h1.thanku_txt { font-size:36px; color:#006bb6; font-family: 'impact'; margin-top:0;}
.thanku_maintxt { font-size:16px; margin-bottom:30px; text-transform:uppercase; color:#464243; font-family: 'OpenSansSemibold', sans-serif; margin:25px 0 10px;} 

.thanku_dr { height:1px; border-top:1px solid #ced1d5; width:100%; margin:40px 0 35px;}

#thanku_footer { width:100%;}
.thanku_footer_sec { margin-bottom:0;}
#thanku_footer h3 { color:#454142; font-family: 'OpenSansSemibold', sans-serif; font-size:18px; margin-top:0; margin-bottom:15px;}
span.call { display:block; background:url(../images/icon-call.png) no-repeat 0 2px; padding-left:24px; margin-bottom:5px;}
span.mail { display:block; background:url(../images/icon-mail.png) no-repeat 0 4px; padding-left:24px; color:#e96568;}
span.mail a { color:#e96568; text-decoration:none;}
span.mail a:hover, span.mail a:focus { text-decoration:underline;}
.location_sec { margin-left:40px;}
.social_icons { display:block; margin:0; padding:0;}
.social_icons a { display:inline-block; float:left; width:30px; height:28px; margin-right:8px; text-decoration:none;}

/*=============================================== Thank you page ends =============================================*/



@media screen and (max-width: 1200px) { /* lg */
}

@media screen and (max-width: 992px) { /* md */

}

@media screen and (max-width: 979px) {
	
}

@media screen and (max-width: 769px) and (min-width: 576px) {
	
}

@media screen and (max-width: 768px) { /* sm  */

}

@media screen and (max-width: 767px) {
	.location_sec { margin:20px 0 20px 0;}
    .payment_cards { margin-top:10px;}
}

@media screen and (max-width: 639px) {
	
}

@media screen and (max-width: 576px) {
	
}

@media screen and (max-width: 559px) {
	
}

@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 479px) {
	.logo { margin:0 auto; float:none; text-align:center; width:90%;}
	ul#custom_tabs li { width:100%;}
	#top_dn_form .btn-group .btn { width:100%;}
	.dn_form input.txt_inp { width:100%;}
	.top_dn_form .btn-group .btn { width: 100%; }
	.dn_form input.txt_inp {
		margin-left: 0px;
	}
	.dn_form input#txtOther {
		text-align: center !important;
	}
	}

@media screen and (max-width: 419px) {
	
}
