@charset "utf-8";
/* CSS Document */
body {
	background-color: #e7e7e8;
	font-size: 12px;
}
h1, .subhead {
	color: #C61918;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	margin-left: 26.7647%;
	margin-top: 15px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
}
.small, small {
  font-size: 70%;
}
.error {
	color: red;
}
.recip > form {
	display: inline-block;
	font-size: 14px;
	margin-right: 30px;
}
.col-xs-6.exp {
	padding-left: 0;
}
.col-xs-6.st {
	padding-left: 0;
}
.img-responsive {
	display: unset;
}
.form-control {
	border-radius: unset;
}
.form-horizontal .control-label {
	text-align: left;
}
.container {
	background-color: rgb(57, 55, 56);
	margin: 0 auto;
	max-width: 870px;
	padding: 0 6px 6px;
}
.top {
	color: #fff;
	padding: 10px;
}
.top-txt {
	font-size: 14px;
	position: relative;
	right: 10px;
	text-align: right;
}
.main {
	background-color: #fff;
	padding-bottom: 35px;
}
.hdr {
	font-family: georgia;
	font-size: 18px;
	letter-spacing: -1px;
	padding: 35px;
	text-align: center;
}
.recip {
	margin: 0 20px;
}
.form {
	padding: 0 8.62069%;
    padding-right: 70px;
}
.pyment {
	background-color: #e5e5da;
	margin: 30px auto 0;
	max-width: 420px;
	padding: 10px 10px 0;
}
.ssl {
	background-color: white;
	margin-left: -10px;
	margin-right: -10px;
}
.donor {
	font-size: 16px;
	margin: 35px 0;
	text-align: center;
}
.donor .self-check input {
    margin: 0;
}
.donor .self-check {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
  }
.donor .self-check label {
    font-weight: normal;
    margin: 0;
}
.btns {
	text-align: center;
}
.visible-xs.cvr-mbl {
	max-width: 100px;
	padding: 7px;
}
.red {
	color: #f00000;
}
.pl1-25{
padding-left: 1.25em;
}
footer {
  font-size: 12px;
  color: #595959;
  margin: 25px auto;
  padding: 0 8.62069%;
}

#bottom{
    margin-left:0; 
    height: auto;
}
#processing {
    display:none; 
    margin: 25px auto; 
    text-align: center;
} 
#helper {
    margin-left: 15px;
    margin-right: 15px;
}

@media (min-width: 991px) {
.form-control {
	height: auto;
	max-width: 180px;
	padding: 0;
}
.form-group {
	margin-bottom: 5px;
}
}

@media (max-width: 991px) {
.hdr {
	font-size: 17px;
}
}

@media (max-width: 767px) {
.col-sm-6.logo {
	text-align: center;
}
.top-txt {
	padding-top: 10px;
	right: 0;
	text-align: center;
}
h1 {
	margin-left: 0;
}
.hdr {
	font-size: 16px;
	text-align: left;
}
}

@media (max-width: 480px) {
.hdr {
	font-size: 14px;
	text-align: left;
}
}