﻿
.dotted {
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 1px, transparent 100%);
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px
}

.stripped {
    background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 2px, transparent 2px, rgba(0,0,0,0.2) 3px);
    background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 2px, transparent 2px, rgba(0,0,0,0.2) 3px);
    background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 2px, transparent 2px, rgba(0,0,0,0.2) 3px);
    background-image: repeating-linear-gradient(135deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 2px, transparent 2px, rgba(0,0,0,0.2) 3px);
    -webkit-background-size: 4px 4px;
    -moz-background-size: 4px 4px;
    background-size: 4px 4px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.values-options {
    width: 100%;
    margin-bottom: 20px
}

    .values-options .btn-donate {
        width: 25%
    }

        .values-options .btn-donate:hover, .values-options .btn-donate:focus, .values-options .btn-donate:active {
            box-shadow: none;
            background-color: #f2f2f2;
            color: #001781
        }

        .values-options .btn-donate:active, .values-options .btn-donate.active {
            background-color: #001781;
            color: white
        }

    .values-options .btn + .btn {
        margin-left: 0;
        border-left: none
    }

.other-values {
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease
}

@media (max-width:359px) {
    .credit-cards {
        background-size: 260px 25px
    }
}
