.body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
font-weight:200;
letter-spacing:.7px;
}

.container {
    max-width: 100%;
}

.checkbox {
    font-size: 18px;
    color: #FF8D00;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    opacity: 0;
    float: none;
    position: relative;
    left: 7px;
    margin-right: 5px;
    
}

.checkbox input:hover {
    cursor: pointer;
}

.checkbox p {
    display: inline;
    margin-right: 18px;
}

.recur {
    display: inline;
    font-size: 18px;
    padding-top: 2px;
    color: #F2863D;
}


.joint a {
    color: #DC6C1D;
    font: bold 13px/22px "Helvetica Neue", Helvetica, sans-serif;
    text-decoration: none;
}


.logo {
    float: left;
}

.header-right {
    float: right;
    padding-top: 30px;
}

.social-bg {
    background-repeat: no-repeat;
    float: right;
    height: 27px;
    margin-top: 19px;
    padding-top: 13px;
    width: 296px;
}

.social-iconimg {
    float: right;
    margin-right: 50px;
}

.social-iconimg img {
    margin: 0px 4px;
}

.joint {
    background-color: #FFFFFF;
    clear: both;
    float: right;
    font: 300 12px/16px "Helvetica Neue",Helvetica,sans-serif;
    margin-top: 0;
    padding: 9px 67px;
}
.price-bg {
background: #999999;
padding-top: 7px;
float: left;
width: 700px;
}
.price-main{
    margin: 0px auto;
    width: 100%;
}
.price-top{width: 100%;
margin: 0px auto;float: left;}
.price-left{float: left;
text-align: right;
font-family: 'Conv_Helvetica-Condensed-Light-Li', Arial;
font-size: 20px;
word-spacing: -5px;
margin-top: 6px;
margin-right: 10px;
color: #ffffff;width: 34.5%;}
.price-right img{float: left; margin-right:5px; cursor:pointer;
}
.price-right img:hover{ opacity:.7;
}
.price-right{float: left; }
.price-bottom{
    width: 100%;
    float: left;
    background: #cccccc;
    padding: 12px 0px;
    margin-top: 12px;
}
.enter-text{font-family: 'Conv_Helvetica-Condensed-Light-Li', Arial;
font-size: 20px;
word-spacing: -5px;width: 22.5%;float: left;color: #ffffff;text-align: right;padding-top: 11px;}
.enteramount{
    background: #ffffff;
    border-radius: 7px;
    float: left;
    width: 23%;
    margin: 0px 12px;
    padding: 7px 11px;
}
.pd{font-family: 'Conv_Helvetica-Condensed-Light-Li', Arial;
font-size: 20px;
word-spacing: -5px;float: left;font-weight: bold;padding-top: 2px;}
.amountt{
    float: left;
    width: 81px;
    margin: 0px 4px;
    border: 0px #ffffff solid;
    color: #000000;
    padding-top: 4px;
    font-weight: normal;
    font-size: 16px;
}
.USD{font-family: 'Conv_Helvetica-Condensed-Light-Li', Arial;
font-size: 20px;
word-spacing: -5px;float: left;padding-top: 2px;}
.cc{
	width:164px;
    float: left;
    /*margin-right: 8px;*/
}
.pp{
    float: left;
}
.dl {
position: absolute;
margin-left: 21px;
z-index: 9;
margin-top: 9px;
color: #727272;
font-size: 15px;
}
.make-money span { cursor:pointer;}
.recom {
float: right;
color: #FFF;
font-size: 10px;
width: 41%;
line-height: 13px;
margin: 4px auto;
}
.bigimgw{width: 960px;
margin: 0px auto;}
.bigimgwl{ float:left;}
.bigimgwr{ float:left; width:637px;}
.clmt-top {font-family: 'Conv_Helvetica-Condensed-Light-Li', Arial;
font-size: 20px;
word-spacing: -5px;
color: #404051;
font-size: 18px;
float: left;
width: 100%;
padding-left: 29px;}
.clmt-leftt{ float:left; }
.clmt-rightt{ float:left; text-decoration:underline; margin-left:7px;}

.navbar-default, .navbar-collapse {
background-color: #F88D00;
border-radius: 0;
color: white;
border: 0px #cccccc solid;
}

.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
    font-weight: bold;
}

.navbar-default .navbar-nav > li:hover {
    background-color: #F9A536;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #F9A536;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: white;
}


.dropdown-menu {
    background-color: #F88D00;
    border: medium none;
}

.dropdown-menu > li > a {
    color: white;
    font-size: 16px;
}

.dropdown-menu > li > a:hover {
    color: white;
    background-color: #F9A536;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #F9A536;
    color: white;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    
}

.container .navbar-nav a.donate {
    background-color: #B40002;
    border: 3px solid #FFFFFF;
    border-radius: 14px;
    color: #FFFFFF;
    font: bold 16px/24px "Helvetica Neue",Helvetica,sans-serif;
    padding: 3px 14px;
    z-index: 9999;
    margin-top: 4px;
}

a.donate:hover {
    font: bold 16px/24px "Helvetica Neue",Helvetica,sans-serif;
    background-color: white !important;
    color: #B40002 !important;
    border: 3px solid #B40002 !important;
    text-decoration: none;
}

.donate-title {
    color: #F2863D;
    font-family: Helvetica,Arial;
    font-size: 18px;
    font-weight: normal;
    margin-left: 51px;
    margin-top: 7px;
}

.donate-select {
    margin-left: 23px;
}

.donate-select img {
    cursor: pointer;
}

.donate-img-mobile {
    display: none;
}


/** Style for the "make this monthly donation" text */

#donate-form .form-group:first-child {
    margin-left: 51px;
}

#donate-form .form-group:first-child .checkbox {
    margin: 0;
    padding: 0;
}

#donate-form .form-group:first-child .checkbox span {
    margin-right: 4px;
}

.checkbox input[type='checkbox'] + label {
    background: url('../images/checkbox.png') no-repeat;
    margin: 0 7px 0 -18px;
    padding: 5px 11px;
}

.checkbox input[type='checkbox']:checked + label {
    background: url('../images/checkbox-checked.png') no-repeat;
    margin: 0 7px 0 -18px;
    padding: 5px 11px;
}

/** Style for form labels */

#donate-form > .form-group > label {
    /*padding: 40px 0 0 48px;*/
	color: #999999;
font-size: 19px;
padding-right: 7px;
line-height:25px;
    
}
.bigimg-leftt { background-color: #e6ebeb; width:100%; float:left; padding:22px 0px; margin-top:21px;}
.clmt {color: #5E344C;
float: left;
font-family: Helvetica,Arial;
font-size: 17px;
font-weight: bold;
line-height: 18px;
margin: 0 9px;
text-shadow: 0 0 5px #CCCCCC;
float: left;;
width: 29%;
padding-right: 2px;
padding-top:19px;}
.navbar { margin-bottom:0px;}
.make-money {font-size:22px; color:#858593; font-weight:100;}
.make-money span{font-size:22px; color:#ff8d00;}

#donate-form > .form-group > .col-sm-4 > .form-group {
    margin: 0;
}

.form-group div {
    /*padding-left: 0;*/
}

.form-group input {
    height: 40px;
font-weight: 200;
border: 1px #cccccc solid;
box-shadow: none;
}
.makemoney { float: left; padding-top: 12px}
.recur{float: left; padding-right:7px;}
.recurt{float: left; padding-top: 12px}
.cn{float: left; padding-right:7px;} 
.cntt{float: left; padding-top: 12px}
#recurring_day { float:left;}
.submitcc { background:url(../images/cc.png) no-repeat left top; width:177px; height:45px; border:0px #cccccc solid;}
/*label[for="TransactionCardNumber"] {
    background: url('../images/cardnumber.png') left no-repeat;
}

label[for="TransactionExpirationMonth"] {
    background: url('../images/expirationdate.png') left no-repeat;
}*/

label[for="TransactionCvv2"] {
    background: url('../images/cw.png') left no-repeat;
}

.glyphicon {
    margin-left: 20px;
}

/*label[for="TransactionName"] {
    background: url('../images/name.png') left no-repeat;
}

label[for="TransactionEmailAddress"] {
    background: url('../images/email.png') left no-repeat;
}

label[for="TransactionPhone"] {
    background: url('../images/phone.png') left no-repeat;
}

label[for="TransactionStreetAddress1"] {
    background: url('../images/billingaddress.png') left no-repeat;
}

label[for="TransactionStreetAddress2"] {
    background: url('../images/billingaddress.png') left no-repeat;
}

label[for="TransactionCity"] {
    background: url('../images/city.png') left no-repeat;
}

label[for="TransactionCountryCd"] {
    background: url('../images/country.png') left no-repeat;
}

label[for="TransactionState"] {
    background: url('../images/state.png') left no-repeat;
}*/


.checkbox #EmailOptin ~ p {
    font-size: 14px;
	font-weight:200;
}

#submit {
	font-family: 'Conv_Helvetica-Condensed-Light-Li', Arial;
width: 145px;
height: 45px;
border: none;
background: #FF9A31;
color: #ffffff;
text-indent: 0px;
font-size: 27px;
}

.branding-bar-1, .branding-bar-2 .hidden-xs {
    background-color: #E6EBEB;
    width: 100%;
    text-align: center;
}

.branding-bar-1 .col-md-4, .branding-bar-2 .col-md-12  {
    background-color: #E6EBEB;
    padding: 10px;
}

.branding-bar-2 img {
    display: inline;
    margin: 5px 0;
    max-width: 72%;
}


.img-center {
    margin: 0 auto;
}

.donate-text {
    color: #5E344C;
    font-family: Helvetica,Arial;
    font-size: 16px;
    line-height: 18px;
    margin: 15px 11px 0;
    padding-bottom: 27px;
    padding-top: 12px;
}

#footer {
    background-color: #EEEEEE;
    padding: 30px 0;
    border-top: 5px solid #E0E4E5;
    font-size: 12px;
}

#footer .col-md-7 {
    padding: 15px 0 1px 10px;
    margin-bottom: 10px;
    line-height: 1.4em;
}

#footer .footcolor {
    font-size: 16px;
    color: #876578;
}

#footer .col-md-4 {
    padding: 5px 0 15px 10px;
    font-size: 14px;
    margin-left: 25px;
    width: 39%;
}

.form-group input.required-error-border {
    border: 1px #F5402C solid;
}

.required-error-text {
    color: #F5402C;
}

.small-padding {
    padding-left: 0;
    padding-right: 0;
}

label {
    font-weight: 200;
}
.formbig { width:72%; margin:0px auto;}


@media only screen and (max-width: 991px) {
    .small-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .content .content-main .sidebar {
        display: none !important;
    }

    .share-container {
        margin: 0 auto !important;
    }
}

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

    .branding .container {
        position: relative;
        z-index: 2000;
        width: 50%;
        float: left;
    }

    .branding .logo img {
        width: 75%;
        min-width: 238px;
    }

    .branding .header-right {
        display: none;
    }

    .header .container {
        width: 50%;
        position: absolute;
        right: 0;
        z-index: 1000;
        margin-top: 30px;
    }

    .container {
        clear: both;
    }

    .navbar-default {
        background-color: #FFF;
		border:0px #cccccc solid;
    }

    .navbar-collapse {
        position: relative;
        top: 1px;
    }

    .content {
        margin: 0 10px;
    }

    #donate-form .form-group:first-child {
        text-align: center;
        margin: 0;
    }

    #donate-form > .form-group > label {
        padding: 40px 0 0 150px;
    }


    label[for="TransactionExpirationMonth"] {
        float: left;
    }

    label[for="TransactionCvv2"], label[for="TransactionCvv2"] + div {
        float: left;
        margin: 7px 0;
        clear: both;
    }

    label[for="TransactionExpirationMonth"] + div {
        clear: both;
    }

    label[for="TransactionExpirationMonth"] ~ .col-sm-2, label[for="TransactionExpirationMonth"] ~ .col-sm-3  {
        float: left;
        width: 25%;
    }

    label[for="TransactionExpirationMonth"] ~ .col-sm-4  {
        position: absolute;
        left: 49%;
    }

    .glyphicon {
        margin: 0 20px;
    }

    label[for="TransactionState"], label[for="TransactionState"] ~ .col-sm-6, label[for="TransactionState"] ~ .col-sm-3  {
        float: left;
    }

    label[for="TransactionState"] ~ .col-sm-6  {
        clear: both;
        width: 25%;
    }

    .news-option, .submit-button {
        text-align: center;
    }
	.price-main {
margin: 0px auto;
width: 100%;
}
.enter-text {
width: 21%;

}
.bigimgw {
width: 100%;
margin: 0px auto;
}
.bigimgwr {
float: left;
width: 65%;
}
.bigimgwl {
float: left;
width: 35%;
}
.bigimgwl img {

max-width: 100%;
}
.checkbox {
padding-left: 0px;
width: 100%;
text-align: center;
}
#donate-form > .form-group > label {
padding: 8px 5px 8px 1px;
width: 100%;
padding-bottom: inherit;
}
#donate-form > .form-group > label {
padding: 8px 5px 8px 18px;
width: 100%;
padding-bottom: inherit;
}
label[for="TransactionExpirationMonth"] ~ .col-sm-4 {
position: absolute;
width: 23%;
}
label[for="TransactionCvv2"] {
background: url('../images/cw.png') 13px no-repeat;
padding-left: 28px;
}

}

@media only screen and (max-width: 370px) {
    .donate-img {
        display: none;
    }

    .donate-img-mobile {
        display: block;
    }
	.header .container {
width: 100%;

}
.price-left {
float: left;
text-align: center;
font-family: 'Conv_Helvetica-Condensed-Light-Li', Arial;
font-size: 20px;
word-spacing: -5px;
margin-top: 6px;
margin-right: 10px;
color: #ffffff;
width: 100%;
}
.price-right img {
float: left;
margin-right: 5px;
cursor: pointer;
margin-bottom: 7px;
}
.price-right {
float: none;
width: 68%;
margin: 0px auto;
}
.enter-text {
width: 100%;
text-align: left;
padding-left:12px;
}
.enteramount {
background: #ffffff;
border-radius: 7px;
float: left;
width: 50%;
margin: 0px 12px 13px;
padding: 7px 11px;
}
.cc {
float: left;
margin-right: 8px;
margin-left: 12px;
}

.recom {
float: right;
color: #FFF;
font-size: 10px;
width: 95%;
line-height: 13px;
margin: 4px auto;
}
.bigimgwl {
float: left;
width: 100%;
text-align: center;
}
.bigimgwr {
float: left;
width: 100%;
}
.clmt {
color: #5E344C;
float: left;
font-family: Helvetica,Arial;
font-size: 17px;
font-weight: bold;
line-height: 18px;
margin: 0 9px;
text-shadow: 0 0 5px #CCCCCC;
float: left;
width: 92%;
padding-right: 2px;
padding-top: 19px;
text-align: center !important;
}
.clmt-top {

width: 100%;
padding-left: 0px;
text-align: center;
}
.clmt-leftt {
float: none;
}
.clmt-rightt {
float: none;
}
.pp {
float: none;
margin-left: 12px;
clear: both;
}
label[for="TransactionExpirationMonth"] ~ .col-sm-2, label[for="TransactionExpirationMonth"] ~ .col-sm-3 {
float: left;
width: 45%;
}
label[for="TransactionExpirationMonth"] ~ .col-sm-4 {
position: absolute;
width: 34%;
left: 61%;
}
label[for="TransactionState"] ~ .col-sm-6 {
clear: both;
width: 100%;
margin-bottom:21px;
}
label[for="TransactionState"], label[for="TransactionState"] ~ .col-sm-6, label[for="TransactionState"] ~ .col-sm-3 {
float: left;
width: 100%
}
#donate-form > .form-group > label.dt {

font-size: 14px;
}
}
.navbar-nav>li:hover>.dropdown-menu {

display: block;
}
.navbar-nav>li>a {
padding-top: 8px !important;
padding-bottom: 7px !important;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: white;
font-weight: bold;
font: bold 18px/29px "Helvetica Neue",Helvetica,sans-serif-webkit-body;
}
.donate {
background-color: #B40002;
border: 3px solid #FFFFFF;
border-radius: 14px 14px 14px 14px;
color: #FFFFFF;
font: bold 16px/24px "Helvetica Neue",Helvetica,sans-serif;
margin-left: 865px;
margin-top: -40px;
padding: 3px 14px;
position: absolute;
z-index: 9999;
}
.navbar {

min-height: 46px !important;

}
.make-money span.famount {
font-size: 22px;
color: #ff8d00;

}
.make-money span.famount:hover {
font-size: 22px;
color: #ff8d00;
background: url(../images/smallpen.png) no-repeat right 6px;
padding-right: 16px;
}
.thanks {
font-family: 'Conv_Helvetica-Condensed-Light-Li', Arial;
word-spacing: -9px;
font-weight: bold;
}

.textbox {
    max-width: 1000px;
}