html {
--rsn-black: #000; 
--rsn-white: #fff; 
}

body {
	background: var(--rsn-black);
	color:  var(--rsn-white);
}


a { color:#666666; }
a:hover{ color:#cccccc; }
label.error { float:left; color:red; vertical-align:top; width:100%; }
 
em{ font-weight:bold; font-style:italic; /*padding-right: 1em; vertical-align: top;*/ }
.error{ color:red; }
.success{ color:green; text-align:left; }

@font-face{
	font-family:'itc_avant_garde_gothic_extrRg';
	src: url("fonts/itc_avant_garde_gothic_extra_light-webfont.eot");
	src: url("fonts/itc_avant_garde_gothic_extra_light-webfont.eot?#iefix") format("embedded-opentype"), 
		 url("fonts/itc_avant_garde_gothic_extra_light-webfont.woff2") format("woff2"), 
		 url("fonts/itc_avant_garde_gothic_extra_light-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'itc_avant_garde_gothicmedium';
	src: url("fonts/itc_avant_garde_gothic_medium-webfont.eot");
	src: url("fonts/itc_avant_garde_gothic_medium-webfont.eot?#iefix") format("embedded-opentype"), 
		 url("fonts/itc_avant_garde_gothic_medium-webfont.woff2") format("woff2"), 
		 url("fonts/itc_avant_garde_gothic_medium-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
font-family: 'Cooper Std Black';
font-style: normal;
font-weight: normal;
src: local('Cooper Std Black'), url('fonts/CooperBlack-Std.woff') format('woff');
}


@font-face {
font-family: 'Cooper Std Black Italic';
font-style: normal;
font-weight: normal;
src: local('Cooper Std Black Italic'), url('fonts/CooperBlack-StdItal.woff') format('woff');
}

html,
body.full-height {
	/*height: 100%;*/
}
.full-height-wrapper {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	height: 100%;
	/*justify-content: center;*/
	/*min-height: 0;*/
}
.fullhead,
.footer {
	/*flex: 1 1 auto;*/
}
.rsn-mainholder {
	display: flex;
	/*align-items: center;*/
	flex-grow: 1;
	/*min-height: 0;*/
	/*max-width: 1000px;*/
	min-width: 320px;
	position: relative;
	justify-content: center;
	/*border-left:1px solid #58595b; border-right:1px solid #58595b; */
	margin:0 auto;
	min-height: calc(100vh - 140px);
}
.footer{ 
	width: 100%;
	background:#58595b; 
	padding: 15px 0; 
	text-align:center; 
	margin:0 auto; 
	overflow:hidden; 
	position:relative;
	flex-grow: 0;
}

body { font-size:12pt; font-family:"Times New Roman",Times,serif; margin:0; padding:0; overflow-x:hidden; }
p { margin:5px 0; }
ul{ float:left; list-style:none; padding:0px; clear:both; margin:0px; }
ul li { padding-top:5px; padding-bottom:5px; clear:both; }
input,select { font-size:10pt; }
img { border:none; }

p#welcom_label{ width:60%; clear:both; font-size:18px; font-weight:600; text-align:center; margin:0 auto; padding:15px 0 5px; }
.hide{ display:none; }
fieldset.hide label { width:120px; }
.submitbar{ clear:both; }


.footer a { color:#FFFFFF; }
.footer a:hover { color:#CCCCCC; }
div#fbimage { height:0px; width:/*600px*/100%; float:left; margin:0 auto; }
div#fbimage img { visibility:hidden; }


/* added by Moushami */
* {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}
*:before,*:after {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}
.wrap_container{ margin-left:auto; margin-right:auto; position:relative; }
.wrap_container:before, .wrap_container:after{ display:table; content:" "; }
.wrap_container:after{ clear:both; }
.comon{ text-align:center; width:100%; float:left; margin:2px 0; }
.comon .thank{ color:#575759; font-size:23px; line-height:22px; font-weight:900; }

.thank a.clicks{ color:#dc3b41; font-weight:900; text-decoration:none; }

.top_cont{ font-weight:bold; width:100%; margin:20px auto 0px; float:left; width:100%; }
.top_cont .logtop{ width:100%; float:left; margin:5px 0; text-align:center; }
.top_cont .logtop a{ display:block; }

.separator{ width:100%; float:left; display:block; height:20px; }

.formcont  { width:100%; float:left; margin:10px 0; }
.form-field{ width:100%; float:left; border:none; padding:0; }

.lab{ width:100%; float:left; text-align:center; color:#464646; font-size:27px; font-weight:900; }
.bot{ width:100%; float:left; text-align:center; color:#7d7d7d; font-size:20px; font-weight:900; }

.form-field .inout  { width:100%; float:left; padding:40px 4px 4px; }
.form-field .in_li  { width: 85%; margin:0 auto; overflow:hidden; }
.form-field .half   { width: 50%; float:left; }
.form-field .monthy { width: 95%; float:left; padding:4px 4px 12px 45px; text-align:center; }

.form-field ul.formlist{ width:100%; padding:15px 4px 4px; text-align:center; list-style-type:none; }
.form-field ul.formlist li{ display:inline; }
.form-field ul.formlist li label , .form-field .ff label{ font-weight:700; }

.form-field .moresp{ padding:8px 4px 12px 45px; width:100%; }

.form-field .credit      { width:100%; float:left; padding:15px 0 10px; }
.form-field .credit-inner{ width: 57%; margin:0 auto; overflow: hidden; }
.form-field .credit-inner .cc{ width:100%; float:left; padding: 5px 0;  }
.form-field .credit-inner .cc .half label{ font-weight:700; }


.border{ width:100%; float:left; border:1px solid #9f9f9f; padding:10px 0 15px; }
.form-field .ff{ width:57%; margin:0 auto; overflow:hidden; padding:5px 0; }
.form-field .note{ text-align:right; font-size:12px; width:100%; padding-right:15px; margin:0; }

.form-field .sublin{ text-align:center; }
.form-field .sublin input[type=submit] {
	background:url("https://secure.readersupportednews.org/images/rsn_contrib_submit_01.png") no-repeat center center;
	width:118px;
	height:25px;
	border:none;
	color:transparent;
	font-size:0;
	padding:0;
}
.form-field .sublin input[type=submit]:hover { background : url("https://secure.readersupportednews.org/images/rsn_contrib_submit_02.png") no-repeat center center; }

.postal{ width:100%; float:left; text-align:center; }
.postal h3.post{}
.postal .pp{ font-weight:700; }
.postal .lasti{  margin:60px 0; }

.footlinks   { width:100%; float:left; margin-bottom:10px; }
.footinner   { width: 92%; color:#fff; background:#98999d; margin:0 auto; text-align:center; font-weight:bold; overflow:hidden; }
.footlinks ul{ width:100%; float:left; list-style-type:none; }
.footlinks ul li{ display:inline; text-transform:uppercase; }

/*.payment-info                  { width:100%; margin:0 auto 30px; float:left; text-align: center; }
.payment-info .error-cont      { width: 73%; margin:0 auto; overflow:hidden; border-radius:18px; border:10px solid #6d6f71; padding-bottom:40px; }
.payment-info .error-cont .lefy{ width: 64%; float:left; text-align:right; }
.payment-info .error-cont .lefy h1{ color:#231f20; font-size:50px; margin-bottom:10px; }
.payment-info .error-cont .lefy p { color:#231f20; font-size:27px; font-weight: 600; }

.payment-info .error-cont .rigy{ float:right; padding:20px; width:32%; }
.payment-info .error-cont .rigy img{ max-width:100%; margin-top:70px; }*/

.payment-info{ text-align:right; width:100%; padding:20px 3px 80px 0; }
.payment-info .payimg{}
.payment-info .payimg img{}
.payment-info .paymsg{ width:100%; margin:40px auto; }
.payment-info .paymsg p{ font:18px 'itc_avant_garde_gothic_extrRg'; color:#000; margin-bottom:30px; }
.payment-info .paymsg p span{ display:block; }
/*.payment-info
.payment-info
.payment-info*/


/* donor page */
body.donorp{ font:13px/1.2 'itc_avant_garde_gothicmedium'; }
.mainholder     { max-width:1000px; min-width:320px; margin:0 auto; overflow:hidden; position:relative; }
.wrap_container2{ max-width: 750px; min-width:320px; margin:0 auto; padding:0 15px; overflow:hidden; }
.fulhead{ width:100%; background:var(--rsn-black); }
.fulhead .top_cont{ margin:0 auto; }
.fulhead .top_cont .logtop{ margin:13px 0; }
.fulhead .top_cont .logtop a{ display:inline-block; }
.fulhead .top_cont .logtop a:hover{ opacity:0.8; }

.donordiv{ width:100%; float:left; padding:38px 0 88px; }
.donhalf{ width:50%; float:left; padding: 50px 12px 195px; }
.dleft{ border-right:1px solid #fff; padding-top:340px; }
.dleft form{ display:block; overflow:hidden; width:100%; }
.halfsize{ width:80%; float:right; }
.halfsize fieldset.form-field{ width:100%; float:left; margin:0 auto 28px; }
.halfsize fieldset.form-field label    { width:65.5%; float:right; text-align:right; margin-bottom:3px; padding:4px 7px 2px; color:#222; background:#a7a9ac; font-size:14px; }
.halfsize fieldset.form-field .form-con{ width:65.5%; float:right; min-height: 22px; padding:0em 0.7em; font-size:/*18*/15px; font-weight:300; border:1px solid #231f20; }
.halfsize fieldset.form-field textarea { resize:none; min-height:120px !important; width:93% !important; }
.halfsize fieldset.form-field .subform { width:65.5%; float:right; text-align:right;padding:4px 7px 2px;background:#8CC63F;color:#222;border:none;font-size:14px;cursor:pointer; }

.halfsize fieldset.form-field label, .halfsize fieldset.form-field .subform{ font:14px/1 'itc_avant_garde_gothicmedium'; }
.halfsize fieldset.form-field input, .halfsize fieldset.form-field textarea{ font-family:'itc_avant_garde_gothic_extrRg'; }

.halfsize fieldset.form-field input.error, .halfsize fieldset.form-field textarea.error, .selmon select.error, .selyer select.error{ color:#ff0000; border-color:#ff0000; }

.full-drop{ width:65.5%; float:right; }
.selmon{ width:49%; float: left; }
.selyer{ width:49%; float:right; }
.selmon select, .selyer select{ 
	border: 1px solid #231f20;
	min-height:22px;
	width:100%;
	font-weight:300;
	/*font-family:'itc_avant_garde_gothic_extrRg';*/
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background: #fff;
	text-align: center;
	border-radius: 20px;
}

.selmon label.error, .selyer label.error{ width:100% !important; }

.verst{ width:100%; text-align:right; margin-top:10px; }
.verst img{ max-width:100%; width:100px; }

.driyt{ float:right; }
.driyt h1.toph { margin:0 auto 4px; font-weight:300; font-size:36px; font-family:'itc_avant_garde_gothic_extrRg'; line-height:31px; }
.driyt h2.lasth{ margin:0 auto 8px; font-weight:300; font-size:26px; font-family:'itc_avant_garde_gothic_extrRg'; }
.driyt h1.toph strong, .driyt h2.lasth strong{ /*font-weight:700;*/ font-family:'itc_avant_garde_gothicmedium'; } 

.driyt p{ font-size:22px; font-family:'itc_avant_garde_gothic_extrRg'; }


ul.flinks{ width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex;
	   -webkit-box-pack:center;
-webkit-justify-content:center;
		  -ms-flex-pack:center;
		justify-content:center;
  -webkit-box-align:center;
-webkit-align-items:center;
	 -ms-flex-align:center;
		align-items:center;
}
ul.flinks li{ /*margin-bottom:10px;*/ padding:3px 0 0; }
ul.flinks li + li:before { content:"|"; display:inline-block; padding:0 8px; vertical-align:top; color:#fff; }
ul.flinks li a{ text-decoration:none; /*vertical-align:super;*/ font:12px/1.2 'itc_avant_garde_gothicmedium'; }
.lastli{ width:100%; float:left; /*line-height:16px;*/ }
.lastli a{ text-decoration:none; font:12px/1.2 'itc_avant_garde_gothicmedium'; }
.lastli a:hover{}

/* end donor page */

/* new layout for contribute page */
.contrid{ padding:38px 0 60px; position:relative; }
.newdl{ padding:120px 12px 70px; }
.newhalfl{ width:100%; }
.newhalfl fieldset.form-field{ margin:0 auto 10px; }
.newhalfl fieldset.form-field label{ font:18px 'itc_avant_garde_gothic_extrRg'; background:none; color:#000; padding:2px 7px; }
.newhalfl fieldset.form-field ul.amounts{ float:right; padding:4px 0 2px; text-align:right; width:100%; }
.newhalfl ul.amounts li  { display:inline-block; margin-right:2px; text-align:center; width:/*18*/15%; padding:0; }
.newhalfl ul.amounts li a{ background:#58585a; color:#fff; display:block; text-decoration:none; padding:/*13px 0*/17px 0; }
.newhalfl ul.amounts li a:hover, .newhalfl ul.amounts li a:active, .newhalfl ul.amounts li a:focus{ background:#0ca04f; outline:none; }

.newhalfl .wraps{ width:100%; float:right; margin:10px 0; }
.newhalfl .wraps .lablef{ width:69%; float:left; }
.newhalfl .wraps .labrit{ width:30%; float:left; }
.newhalfl .wraps .lablef label{ width:100%; }
.newhalfl .wraps .labrit input{ width:100%; }

.donates{ padding-right:5px; font-family:'itc_avant_garde_gothicmedium'; font-size:18px; }
.donates, form#donatepaypal{ text-align:right; }
.newhalfl .wrapy { float:right; width:100%; }
.newhalfl .wrapy input[type='checkbox']{ margin-right:0; }
.newhalfl fieldset.form-field .notopbot label{ padding-top:0; padding-bottom:0; }
.halfsize fieldset.form-field label.fullwid{ width:98%; /*font-weight:600;*/ font-family:'itc_avant_garde_gothicmedium'; padding:2px 3px; }

.newhalfl fieldset.form-field.newpostn{ margin-bottom:0; }
.newhalfl fieldset.form-field.nobotomsp{ margin-bottom:0; }
.newhalfl fieldset.form-field.moveryt .subform{ padding-right:0; width:auto; background:#58595b; border:none; color:#fff; margin-top:20px; padding:4px 12px; }
.moveryt img.loader{ float:right; max-width:58px; margin-top:-12px; display:none; }


/* Base for label styling */
.newhalfl .wrapy input[type='checkbox']:not(:checked), .newhalfl .wrapy input[type='checkbox']:checked { position:absolute; left:-9999px; }
.newhalfl .wrapy input[type='checkbox']:not(:checked) + label, .newhalfl .wrapy input[type='checkbox']:checked + label { position:relative; padding-right:30px; cursor:pointer; }

/* checkbox aspect */
.newhalfl .wrapy input[type='checkbox']:not(:checked) + label:before, .newhalfl .wrapy input[type='checkbox']:checked + label:before {
  content:'';
  position: absolute;
  right:4px; 
  top:2px;
  width:17px; 
  height:17px;
  border:1px solid #818284;
  background:#f3f3f4;
  border-radius:0px;
}
/* checked mark aspect */
.newhalfl .wrapy input[type='checkbox']:not(:checked) + label:after, .newhalfl .wrapy input[type='checkbox']:checked + label:after {
  content: '✔';
  position:absolute;
  top:3px;
  right:5px;
  font-size:18px;
  line-height:0.8;
  color:#000/*#09ad7e*/;
  transition:all .2s;
}
/* checked mark aspect changes */
.newhalfl .wrapy input[type='checkbox']:not(:checked) + label:after { opacity:0; transform:scale(0); }
.newhalfl .wrapy input[type='checkbox']:checked + label:after       { opacity:1; transform:scale(1); }

/* accessibility */
.newhalfl .wrapy input[type='checkbox']:checked:focus + label:before, .newhalfl .wrapy input[type='checkbox']:not(:checked):focus + label:before { border:1px solid #000; }

/* hover style just for information */
.newhalfl fieldset.form-field .notopbot label:hover:before { border:1px solid #000 !important; }

.newhalfl fieldset.form-field .lefta{ width:50%; float:left; }
.newhalfl fieldset.form-field .rigta{ width:50%; float:left; }
.newhalfl fieldset.form-field .lcvv{ width:80%; float:left; }
.newhalfl fieldset.form-field .rcvv{ width:20%; float:left; }
.newhalfl fieldset.form-field .lefta label{ width:100%; padding:0 7px; }
.newhalfl fieldset.form-field .rigta input{ width:100%; }

.newhalfl fieldset.form-field .form-con{ background:#f3f3f4; border:1px solid #818284; }
.newhalfl fieldset.form-field .form-con.coly{ border:1px solid #818284; }
.newhalfl fieldset.form-field .form-con.cols{ border:1px solid #ff0000; }

.newhalfl fieldset.form-field select   { 
	  background:#d1d2d4 url('down.png') no-repeat right 5px center; 
	  font-family:'itc_avant_garde_gothicmedium'; 
	  cursor:pointer; 
	  color:#000; 
	  text-align:center;
	  border:1px solid #b2b3b6;	  
	  width:100%;
	  min-height:25px;
	  padding:2px 0 3px;
	  -webkit-appearance:none; 
		 -moz-appearance:none; 
			  appearance:none;  
}
.newhalfl .selmon select, .newhalfl .selyer select{ border:1px solid #b2b3b6; min-height:25px; color:#000; padding:2px 0 3px; }

.halfsize fieldset label.error.ptop{ margin-top:-27px; }

.newhalfl fieldset.form-field .subform { color:#000; background:none; font-size:/*16*/24px; }
.space{ width:100%; height:15px; display:block; float:left; }
.newdr h1.toph { font-size:36px; line-height:normal; }

.newdr h1.newt{ font-size:28px; }


.halfsize fieldset label.error{color:#f00; background:#BCBCBC; font-size:18px; margin-top:-2px; position:absolute; right:0; text-align:left; width:50%; }
.halfsize fieldset label.error:before{ 
	 content:""; 
	 display:inline-block; 
	 background:url('../Contribute_files/errors.png') no-repeat left center; 
	 width:20px; 
	 height:20px; 
	 vertical-align:middle;
	 position:relative;
	 margin-right:5px;
}
.halfsize fieldset label.error[for="e_m"]{ bottom:20%; }

.newhalfl fieldset.form-field label.mobal:before{ top:10px; }
.newhalfl fieldset.form-field label.mobal span{ margin-left:25px; }

.nobotom{ padding-bottom:0; }
.bycheck{ text-align:right; }
.bycheck h3,
.bycheck h3 a{ 
	font-family:'itc_avant_garde_gothic_extrRg';
	font-size:30px;
	font-weight:500;
	margin-bottom:15px; 
	color:#fff;
}
.bycheck p{ font:22px "itc_avant_garde_gothic_extrRg"; }

.support{ width:100%; text-align:right; }
.support button{ background:#58595b; border:none; color:#fff; cursor:pointer; font-family:"itc_avant_garde_gothicmedium"; font-size:18px; padding:2px 10px; }
.support a{ font-family:"itc_avant_garde_gothic_extrRg"; font-size:16px; padding:2px 10px; text-decoration:none; color:#55456; }
.support a:hover, .support a:focus, .support a:active{ color:#999; }

.newpostn label#amount_msg{ margin-top:-75px; }

/* end new layout for contribute page */

/* end sendtofriend page */

#frndemail{ min-height:50px; }
.halfsize fieldset.form-field.personlz textarea{ width:100% !important; min-height:200px !important; padding:0.7em; }
.newhalfl fieldset.form-field label span.lesfont{ font-size:17px; }
.newhalfl fieldset.form-field label.checkbox{ width:100%; }
.newhalfl fieldset.form-field label.checkbox input{ display:inline; width:auto; margin-left:15px; }
.newhalfl fieldset.form-field label.checkbox input.coly{ border:1px solid #818284; }
.newhalfl fieldset.form-field .form-con.cols { border:1px solid #ff0000; }
.newhalfl fieldset.form-field.personlz .lefta label { position:relative; top:62px; }
.halfsize fieldset.form-field label.error.pbot{ margin-top:10px; }

/* end sendtofriend page */


/******************* HD : Start CSS *******************/
.dleft{
	padding-top: 160px;
}
.dleft--donor-support {
	padding-top: 380px;
}
.dleft--general-feedback {
	padding-top: 280px;
}
.ddform-heading{
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 16px;
	margin-bottom: 70px;
}
.ddform-title{
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 14px;
}
#predefined-amount-list{
	display: table;
	width: 100%;
}
#predefined-amount-list li{
	display: table-cell;
	text-align: center;
	width: 16%;
	background-color: #797979;
	color: #FFFFFF;
	height: 52px;
	border: 2px solid #FFF;
	vertical-align: middle;
}
#predefined-amount-list li.active{
	background-color: #8DC63F;
}
.hd-form-field{
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
	margin-bottom: 10px;
	font-family: 'itc_avant_garde_gothic_extrRg';
}
.hd-form-field label{
	display: inline-block;
	width: 50%;
	padding: 0;
	margin: 0;
	font-size: 16px;
}
.hd-form-field label.error{
	text-align: right;
	width: 100%;
}
.hd-form-field input[type="text"], 
.hd-form-field select{
	display: inline-block;
	width: 47%;
	padding: 2px;
	margin: 0;
}
.hd-form-field input[type="submit"]{
	background-color: #C1C1C1;
	color: #FFF;
	border: 1px solid #C1C1C1;
	padding: 5px 10px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
}
.hd-form-field.expiration select{
	width: 22.9%;
}
.hd-form-field.cvv label{
	width: 70%;
}
.hd-form-field.cvv input{
	width: 15%;
}
.ddform-title.check-info h2{
	font-size: 20px;
	padding: 0;
	margin: 0;
}
.ddform-title.check-info p{
	font-size: 22px;
	font-family: 'itc_avant_garde_gothic_extrRg';
}
.ddform-title.contact-support p{
	font-size: 18px;
	font-family: 'itc_avant_garde_gothic_extrRg';
	margin: 22px 0 22px 0;
}
@media screen and (max-width: 750px){
	/*.donhalf{
		width: 100%;
		padding: 50px 10px 20px 13px;
	}
	.donhalf.dleft{
		border: none;
	}
	.ddform-heading, 
	.ddform-title, 
	.hd-form-field, 
	.verst{
		text-align: left;
	}
	.hd-form-field.submit-button{
		text-align: right;
	}*/
	.hd-form-field label{
		font-size: 13px;
	}
}
/******************* HD : End CSS *******************/

/* Resposive layouts */

@media (min-width: 2691px) and (max-width: 4550px){ .form-field .in_li{ width:91%; } } 

@media (min-width: 2021px) and (max-width: 2690px){ 
	.form-field .in_li{ width:95%; }
	/*.payment-info .error-cont .lefy p{ font-size:28px; }*/
} 

@media (min-width: 1680px) and (max-width: 2020px){ .form-field .in_li{ width:87%; } } 

@media (min-width: 1500px) and (max-width: 1679px){ /*.payment-info .error-cont .lefy p{ font-size:28px; }*/ } 

@media (min-width: 992px) and (max-width: 1199px){ } 

@media (min-width: 768px) and (max-width: 991px) { }

@media (min-width:768px){ .wrap_container{ width:700px; } }

@media (max-width:767px){ 
  .wrap_container{ padding:0 10px; }
  /* donar page */
	.fulhead .top_cont .logtop a img{ max-width:200px; }	
	.halfsize, .halfsize fieldset.form-field label, .halfsize fieldset.form-field .form-con, .halfsize fieldset.form-field .subform, .full-drop{ width:100%; }
	.halfsize fieldset.form-field textarea{ width:100% !important; }
 /* end donar page */
}

@media (min-width: 481px) and (max-width: 767px) { 
	/*.payment-info .error-cont { width: 447px; }*/
/* new layout for contribute page */	
	.newhalfl ul.amounts li{ margin-right:0; }
	.newhalfl ul.amounts li a{ padding:10px 0; }
	.newhalfl fieldset.form-field .lefta, .newhalfl fieldset.form-field .rigta { width:100%; }
	
	.halfsize fieldset label.error{ width:50%; margin-top:-3px; }
	.newhalfl fieldset.form-field label.mobal br{ display:none; }
	.newhalfl fieldset.form-field label.mobal:before{ top:0px; }
	.newhalfl fieldset.form-field label.mobal span{ margin-left:0px; }
/* end new layout for contribute page */
}

@media (min-width: 641px) and (max-width: 767px) {
	.form-field .in_li{ width:95%; }
	.form-field .monthy  { width:100%; padding:4px 0 12px; text-align:center; }
	.form-field .credit-inner , .form-field .ff{ width:63%; }
	
	.form-field .monthy input[type="text"] { padding:6px; }
	
	.form-field .half input[type="text"] , .form-field .half select{ padding:6px; }
	.form-field .cc .half select{ padding:6px; }
	
/* new layout for contribute page */	
	.newhalfl ul.amounts li{ margin-right:0; }
	.newhalfl ul.amounts li a{ padding:10px 0; }
	.newhalfl fieldset.form-field .lefta, .newhalfl fieldset.form-field .rigta { width:100%; }
/* end new layout for contribute page */
}

@media (min-width: 561px) and (max-width: 640px) {
	.form-field .in_li      { width:279px; }
	.form-field .in_li .half{ width: 100%; }
	.form-field .monthy     { width: 100%; padding:4px 0 12px; text-align:center; }
	
	.form-field .credit-inner , .form-field .ff{ width:70%; }
	.form-field .monthy input[type="text"] { width:50%; padding:6px; }	
	.form-field .half input[type="text"] , .form-field .half select{ width:80%; padding:6px; }
	.form-field .cc .half select{ width:39%; padding:6px; }
	
	.lab{ font-size:25px; }
	.bot{ font-size:17px; }
	.comon .thank{ font-size:21px; }
	
/* new layout for contribute page */
	.newhalfl ul.amounts li a{ font-size:11px; }
	.newhalfl .wraps .lablef label{ font-size:15px; }
	.newhalfl fieldset.form-field .form-con{ font-size:15px; padding:0 0.5em; }
	
/* end new layout for contribute page */
}

@media (min-width: 480px) and (max-width: 560px) {
	.form-field .in_li{ width:279px; }
	.form-field .half { width:100%; }
	.form-field .monthy { padding:4px 0 12px; width:100%; }
	.form-field ul.formlist { float:none; margin:0 auto; text-align:left; width:22%; }
	.form-field ul.formlist li { display:block; }
	.form-field .credit-inner , .form-field .ff{ width:100%; text-align:center; }
	
	.form-field .monthy input[type="text"] , .form-field .half input[type="text"] , .form-field .half select{ width:70%; padding:6px; }
	.form-field .cc .half select{ width:35%; padding:6px; }
	
	.lab{ font-size:23px; }
	.bot{ font-size:17px; }
	.comon .thank{ font-size:20px; }
	
/* new layout for contribute page */	
	.newhalfl ul.amounts li a{ font-size:11px; }
	.newhalfl .wraps .lablef label{ font-size:15px; }
	.newhalfl fieldset.form-field .form-con{ font-size:15px; padding:0 0.5em; }
	
	.newhalfl ul.amounts li{ width:14.5%; }
/* end new layout for contribute page */
}

@media (max-width: 480px) {
	.comon .thank , .lab{ font-size:20px; }
	.bot{ font-size:16px; }
	
	.form-field .inout{ padding:40px 0 4px; }	
	.form-field .half { width:100%; }
	.form-field .monthy{ padding:4px 0 12px; width:100%; }
	.form-field ul.formlist { float:none; margin:0 auto; text-align:left; width:30%; }
	.form-field ul.formlist li { display:block; }
	.form-field .moresp{ padding:8px 0 12px; }
	.form-field .credit-inner , .form-field .ff{ width:100%; text-align:center; }
	
	.form-field .monthy input[type="text"] , .form-field .half input[type="text"] , .form-field .half select{ width:80%; padding:6px; }
	.form-field .cc .half select{ width:40%; padding:6px; }
	
	.payment-info{ text-align:center; }

	
/* donar page */	
	.donhalf{ width: 100%; padding:0 10px 10px; }
	.dleft  { border:none; padding:0 10px 10px; }
	ul.flinks{ display:block; }
	ul.flinks li + li::before{ display:none; }
/* end donar page */
	
/* new layout for contribute page */
	.newhalfl fieldset.form-field label{ padding:0; font-size:16px; }
	.newhalfl .wraps .lablef{ width:67%; margin-right:6px; }
	.newhalfl fieldset.form-field .lefta, .newhalfl fieldset.form-field .rigta { width:100%; }
	.newhalfl fieldset.form-field .form-con{ font-size:16px; }	
	
	.newstyl{ position:relative; padding-bottom:40px; }
	.halfsize fieldset label.error:before{ display:none; }
	.halfsize fieldset label.error{ position:relative; text-align:right; margin-top:0; }
	.halfsize fieldset label.error.ptop{ margin-top:0; }
	.newhalfl fieldset.form-field label.mobal{ bottom:0; position:absolute; }
	
	.newhalfl ul.amounts li{ width:14.5%; }
/* end new layout for contribute page */

/* sendtofriend page */
	.newhalfl fieldset.form-field label.hbr br{ display:none; }
	.newhalfl fieldset.form-field label span.lesfont{ font-size:16px; }
	.newhalfl fieldset.form-field.personlz .lefta label { top:0px; }
/* end sendtofriend page */
}

@media (min-width: 361px) and (max-width: 480px) { .form-field .in_li{ width:277px; } }

@media (max-width: 360px) { 
  .form-field .in_li{ width:278px; }
}
/* end resposive layouts */

/* end added by Moushami */

.rsn-inner-container { 
	max-width: 580px;
	min-width:320px;
	margin:0 auto;
	padding:0 15px; 
	overflow:hidden; 
}
.rsn-inner-container.rsn-inner-container--wider {
	max-width: 771px;
}
.text-center {
	text-align: center;
}
.w-100 {
	width: 100%;
}
/*.font-avant-medium strong {
	font-family:'itc_avant_garde_gothicmedium';
}*/
.rsn-landing-heading {
	font-size: 2.85rem;
	/*font-weight: bold;*/
	font-family:'itc_avant_garde_gothic_extrRg';
}

.rsn-heading {
	font-size: 2.5rem;
	font-family:'itc_avant_garde_gothic_extrRg';
}
.rsn-heading strong {
	font-family:'itc_avant_garde_gothicmedium';
}
.rsn-amounts {
	display: flex;
	justify-content: space-around;
	width: 100%;
}
.rsn-amounts__item {
	flex-grow: 1;
	padding: 0 .3rem;
	text-align: center;
}
.rsn-amounts__item a {
	background: #58585a;
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 1.25rem;
	padding: 1.5rem 1rem;
}
.rsn-amounts__item a:hover,
.rsn-amounts__item a:active,
.rsn-amounts__item a:focus {
	background: #0ca04f;
	outline: none;
}
.rsn-amounts__item.is-active a {
	background: #0ca04f;
}
@media (max-width: 768px) {
	.rsn-amounts__item a {
		font-size: .85rem;
		padding: 1rem .5rem;
	}
}

.rsn-amount-heading {
	font-size: 3rem;
}
.rsn-amount-input-group {
	font-size: 3rem;
	display: flex;
	position: relative;
	justify-content: center;
}

.rsn-amount-input-group__input {
	font-size: 3rem;
	text-align: right;
	background: none;
	max-width: 14rem;
	border: none;
	/*border-bottom: 1px solid #ccc;*/
	color: var(--rsn-white);
}

button, select {
	text-transform: none;
}
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
.btn--plan-select {
	font-size: 1.5rem;
	background-color: #999;
	color: #fff;
	border-radius: 1.2rem;
	padding: .1rem 2.25rem .2rem;
	line-height: 1.35;
}
.btn--rsn-submit {
	width: 117px;
	height: 50px;
	
	background-repeat: none;
	background-size: cover;
	background-color: transparent;
	user-select: none;
	border: none;
	cursor: pointer;
	padding: 0;
	color:  transparent;
	background-image: url("../img/donate-finish-btn-275x120px.png");

}
.btn--plan-select.is-active {
	background: #0ca04f;
}
.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}
.btn-group {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}
.btn-group>.btn {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
.btn-group .btn+.btn {
	margin-left: -1px;
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group>.btn:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}



.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #D0D2D3;
	background-clip: padding-box;
	border: 1px solid #B1B2B4;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.rsn-custom-select {
	font-size: 1rem;
	display: inline-block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem 1.75rem .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
	background-color: #D0D2D3;
	background: #D0D2D3 url("select-arrow.svg") no-repeat right .75rem center;
	background-size: 14px 18px;
	border: 1px solid #B1B2B4;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.rsn-divider {
	border-top: 20px solid var(--rsn-white);
}

.rsn-notice {
	font-size: 1.65rem;
	line-height: 1.25;
	font-family: 'itc_avant_garde_gothic_extrRg';
}
.rsn-verify-img {
	margin-top: 8rem;
	text-align: center;
}

.font-copper-black {
	font-family: 'Cooper Std Black';
}
.invalid-notice {
	display: none;
}
.invalid-notice span {
	/*display: none;*/
	width: auto;
	font-size: 1rem;
	color: #fff;
	background: red;
	text-align: center;
	display: inline-block;
	min-width: 320px;
	padding: .25rem .5rem;
}
.invalid-feedback {
	display: none;
	font-size: 1rem;
	color: #dc3545;
	position: absolute;
	top: .575rem;
	left: .85rem;
	width: 94%;
	text-align: left;
	background: #D0D2D3;
	color: #666;
}
@media screen and (min-width: 768px){
	.invalid-feedback {
		width: auto;
		min-width: 240px;
	}
}
.has-errors .rsn-amount-input-group__input,
.has-errors .rsn-custom-select,
.has-errors .form-control {
	border-color: #dc3545;
}

.has-errors .invalid-notice,
.has-errors .rsn-amount-input-group__input~.invalid-feedback,
.has-errors .rsn-custom-select~.invalid-feedback,
.has-errors .form-control~.invalid-feedback {
	display: block;
}
.form-control-holder {
	position: relative;
}
.invalid-feedback {
	
}
.invalid-feedback span {
	color: red;
}
.rsn-amount-input-group .invalid-feedback {
	position: relative;
	background: transparent;
}

.btn--plan-img-one ,
.btn--plan-img-mth {
	width: 225px;
	height: 45px;
	
	background-repeat: none;
	background-size: cover;
	background-color: transparent;
	user-select: none;
	border: none;
	cursor: pointer;
	padding: 0;
	color:  transparent;
}
.btn--plan-img-one {
	background-position: center left;
	background-image: url("../img/monthly-opt-btn-YES-1006x100px.png");
}
.btn--plan-img-one.is-active {
	background-position: center left;
	background-image: url("../img/monthly-opt-btn-NO-1006x100px.png");
}

.btn--plan-img-mth {
	background-image: url("../img/monthly-opt-btn-NO-1006x100px.png");
	background-position: center right;
}
.btn--plan-img-mth.is-active {
	background-position: center right;
	background-image: url("../img/monthly-opt-btn-YES-1006x100px.png");
}