/***
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;
}

/***
pricetable table
***/
.pricetable {
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #eee;
    background-color: #FFFFFF;
}

.pricetable-active {
    border: 3px solid #18aed1;
    margin-top: -10px;
    box-shadow: 7px 7px rgba(24, 174, 209, 0.2);
}

.pricetable:hover {
    border: 3px solid #18aed1;
}

.pricetable:hover h4 {
    color: #18aed1;
}

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

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

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

.pricetable-head h3 {
    font-weight: 300;
    color: #fafafa;
    padding: 12px 0;
    font-size: 27px;
    background: #18aed1;
    border-bottom: solid 1px #096c89;
}

.pricetable-head h4 {
    color: #b5b9c3;
    padding: 5px 0;
    font-size: 54px;
    font-weight: 300;
    background: #e7faff;
    border-bottom: solid 1px #f5f9e7;
}

.pricetable-head-active h4 {
    color: #18aed1;
}

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

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

/*pricetable Content*/
.pricetable-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}

/*pricetable Footer*/
.pricetable-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
}

/*Priceing Active*/
.price-active,
.pricetable:hover {
    z-index: 9;
}

.price-active h4 {
    color: #18aed1;
}

.no-space-pricetable .pricetable:hover {
    transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricetable .price-active .pricetable-head h4,
.no-space-pricetable .pricetable:hover .pricetable-head h4 {
    color: #18aed1;
    padding: 15px 0;
    font-size: 80px;
    transition: color 0.5s ease-in-out;
}

.yellow-crusta.btn {
    color: #FFFFFF;
    background-color: #096c89;
}
.yellow-crusta.btn:hover,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:active,
.yellow-crusta.btn.active {
    color: #FFFFFF;
    background-color: #095571;
}