.donate-bg
{
    background: url("/styles/img/dn-def.jpg") no-repeat;
    background-size: cover;
    width: 100% !important;
    max-width: none !important;
}

.donate-container
{
    padding-top:40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.donate-form h3
{
    font-size: 20px;
    margin-top: 15px;
    text-transform: uppercase;
    text-align: center;
}

.donate-form
{
    width: 435px;
    margin-bottom: 40px;
    background: #fff;
    padding: 25px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.donate-form-50
{
    float: right;
}

.needle-container {
    width: 100%;
    margin-bottom: 30px;
}

.needle-container h2
{
    font-size: 1.7rem;
    text-align: center;
}

.needle-container .n-image
{
    width: 100%;
    max-height: 240px;
    overflow: hidden;
    margin-bottom: 15px;
}

.needle-container .n-image img {
    width: 100%;
}

.needle-container .n-text
{
    margin-top:10px;
    margin-bottom: 10px;
}

.donate-container .n-sms
{
    color: #888;
    font-size: 14px;
    text-align: center;
    /*background: yellow;*/
}

.donate-container .n-sms b
{
    font-size: 15px;
    color: #666;
}

.needle-container .d-counter
{
    text-align: center;
    font-size: 16px;
    color: #888;
    margin-top: 20px;
    margin-bottom: 20px;
}

.needle-container .d-counter b
{
    color: #eea790;
}


.needle-container .n-ref
{
    text-align: center;
}

.donate-form .nav-tabs
{
    margin-bottom: 10px;
}

.donate-form .btn-group input[type="number"]
{
    border: 1px dotted #eee;
    width: 100%;
    text-align: center;
}

.donate-form .btn-group .active
{
    color: #fff;
    background-color: #6c757d;
}

.donate-form input[type="text"],
.donate-form input[type="email"]
{
    margin: 10px auto;
}

.donate-form #iicardname
{
    text-transform: uppercase;
}

.donate-form .btn-group
{
    width: 100%;
    margin-bottom: 15px;
}

.donate-form .btn-group .btn
{
    width: 50%;
}

.donate-form .ptype > .btn-secondary
{
    background: #c98c6f;
    border: 1px solid #be8569;
    color: white;
}

.donate-form .ptype > .btn-outline-secondary
{
    border: 1px solid #ced4da;
    color: #777;
}

.donate-form .ptype .active
{
    background: #c98c6f !important;
    border: 1px solid #be8569 !important;
    color: white;
}

.donate-form .ptype > .btn-outline-secondary:hover 
{
    background: #ffecec;
}

.donate-form .nav-tabs a,
.donate-form .nav-tabs span    
{
    color: #757575;
    font-size: 17px;
    cursor: pointer;
}


.donate-form .nav-tabs .nav-link.active
{
    color: #be8569;
    /*font-weight: bold;*/
}

.donate-form .sub-text
{
    color: #555;
}

.donate-form .btn-pay
{
    width: 260px;
    margin: 15px auto;
    display: block;
    background: #c98c6f;
    border-color: #bb8267;
}
.donate-form .btn-pay:hover
{
    background: #af7a61;
}

.donate-form #cp-card
{
    text-align: center;
}

.donate-form #cp-card .c4
{
    width: 32.1%;
    display: inline-block;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
}

.donate-form #cp-form #secconn
{
    display: block;
    width: 207px;
    margin: 5px auto;
}

.donate-form .cp-errors
{
    font-size: 14px;
    color: #aa3743;
    text-align: center;
    /*border: 1px solid #f5c6cb;*/
}

.donate-form #summText
{
    min-height: 110px;
    color: #555;
    font-style: italic;
}


.donate-form .sms-r
{
    display: block;
    width: 80%;
    max-width: 300px;
    margin: 15px auto;
}


@media (max-width: 992px) {
    .donate-form
    {
        margin: 0 auto;
    }
    
    .donate-form-50 {
        float: none;
        margin: 0 auto;
    }

    .needle-container {
        float: none;
        margin: 0 auto;
    }
}

@media (max-width: 576px) {
    .donate-container
    {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    
    .donate-container h1, .donate-container h2 {
        font-size: 28px;
    }
    
     .donate-form
     {
         width: 100%;
         margin: 0 auto;
     }
     
    .needle-container {
        width: 100%;
        margin: 0 auto;
    }
    
    .needle-container .n-image
    {
        height: auto;
    }
    
    .donate-form .btn-group-lg > .btn{
        font-size: 1.1rem;
    }

    .donate-form .nav-tabs span
    {
        font-size: 15px;
    }
     
}