/***
User Profile Sidebar by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/


/***
Content
***/

.content {
    padding: 30px 0;
}


/***
Pricing table
***/

.pricing {
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #eee;
}

.pricing:hover {
    /*border: 3px solid #36d7ac;*/
}

.pricing:hover h4 {
    /*color: #36d7ac;*/
}

.pricing-head {
    text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
    margin: 0;
    line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
}

.pricing-head h3 {
    font-weight: 300;
    color: #fafafa;
    padding: 12px 0;
    font-size: 24px;
    border-bottom: solid 1px #b5b5b5;
}

.pricing-head h4 {
    color: #828282;
    padding: 5px 0;
    font-size: 54px;
    font-weight: 300;
    background: #f2f2f2;
    border-bottom: solid 1px #e8e8e8;
}

.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}

.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
}

.pricing-head-image {
    height: 180px;
    padding: 12px;
    line-height: 156px;
    overflow: hidden;
    background: #f2f2f2;
}

.pricing-head-image img {
    display: inline-block;
    max-width: 100%;
    max-height: 156px;
    width: auto;
    height: auto;
    vertical-align: middle;
}


/*Pricing Content*/

.pricing-content {
    box-sizing: border-box;
    overflow: visible;
}

.pricing-content img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .donate-category>.donation-package:nth-of-type(2n+1) {
        clear: left;
    }
}

@media (min-width: 1200px) {
    .donate-category>.donation-package:nth-of-type(3n+1) {
        clear: left;
    }
}

.pricing-content li {
    color: #828282;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #e8e8e8;
}


/*Pricing Footer*/

.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 20px 19px;
}


/*Priceing Active*/

.price-active,
.pricing:hover {
    z-index: 9;
}