html, body, .jumbotron{
    height: 100%;
}

.req-mark{
    color: red;
}

.camel-case{
    text-transform: capitalize;
}

.hidenelement{
    display: none;
}

.jm-container{
    text-align: center;
}

.hm-jumbotron{
    background-image: url('../images/home-bg.jpg');
    background-color: rgba(0,0,0.5);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    color: white;
}

.jm-header{
    font-weight: bold;
    background-color: rgba(33,150,243, .8);
    display: inline-block;
    padding: 5px;
}
.jm-p1{
    font-size: 2rem;
    font-weight: bold;
    background-color: rgba(255, 0, 0, 1);
    display: inline-block;
    padding: 5px;
}

.jm-p2{
    font-size: 1.5rem;
    font-weight: bold;
    color: cyan;
}

/*Price Card*/

.pricingTable{
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease 0s;
}
.pricingTable:hover{
    margin-top: -20px;
}
.pricingTable > .pricingTable-header{
    color:#fff;
}

.pricingTable-header > .heading{
    background: #727cb6;
    display: block;
    padding: 20px;
    margin-bottom: 5px;
}

/*#heading-1{
    background-color: blue;
}*/
/*.pricingTable-header > .heading{
    background: red;
    display: block;
    padding: 20px;
    margin-bottom: 5px;
}*/

.heading > h3{
    text-transform: capitalize;
    margin: 0;
}
.heading > .subtitle{
    text-transform: capitalize;
}
.pricingTable-header > .price-value{
    padding: 10px;
    background: #5f6795;
    display: block;
    font-size: 32px;
}
.pricingTable:hover .price-value > .price,
.pricingTable .price-value > .mo{
    display: none;
}
.pricingTable:hover .price-value > .mo{
    display: block;
}
.pricingTable > .pricingContent{
    margin-top: 5px;
}
.pricingContent > ul{
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
}
.pricingContent > ul > li{
    padding: 8px 20px;
    border-bottom: 1px solid #dddddd;
}
.pricingContent > ul > li:nth-child(odd){
    background: #ECF0F1;
}
.pricingTable > .pricingTable-sign-up{
    padding: 15px 0;
    border: 1px solid #ecf0f1;
}
.pricingTable-sign-up > .btn-block{
    width: 80%;
    margin: 0 auto;
    background: #727cb6;
    border: 0px none;
    color:#fff;
    text-transform: capitalize;
    font-weight: bold;
    border-radius: 0px;
}
.pricingTable-sign-up > .btn-block:hover{
    background: #5f6795;
    color:#fff;
}
.blue .heading,.blue .btn-block{
    background: #3498db;
}
.blue .price-value,.blue .btn-block:hover{
    background: #3480b7;
}
.pink .heading,.pink .btn-block{
    background: #ed687c;
}
.pink .price-value,.pink .btn-block:hover{
    background: #bb5163;
}
.green .heading,.green .btn-block{
    background: #1abc9c;
}
.green .price-value,.green .btn-block:hover{
    background: #25917d;
}
@media only screen and (max-width: 768px){
    .pricingTable{
        margin-bottom: 80px;
    }
}

/*Pricing Table*/

.membership-pricing-table {
    width: 1060px
}

.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes {
    font-size: 21px
}

.membership-pricing-table table .icon-no {
    color: #a93717
}

.membership-pricing-table table .icon-yes {
    color: #209e61
}

.membership-pricing-table table .plan-header {
    text-align: center;
    font-size: 48px;
    border: 1px solid #e2e2e2;
    padding: 25px 0
}

.membership-pricing-table table .plan-header-description {
    color: #555;
    background-color: transparent;
    border-color: #e2e2e2
}

.membership-pricing-table table .plan-header-free {
    background-color: #DCD9D9;
    color: #555
}

.membership-pricing-table table .plan-header-basic {
    color: #fff;
    background-color: #C66AA8;
    border-color: #C66AA8
}

.membership-pricing-table table .plan-header-premium {
    color: #fff;
    background-color: #ff9317;
    border-color: #e37900
}

.membership-pricing-table table .plan-header-regular {
    color: #fff;
    background-color: #61a1d1;
    border-color: #3989c6
}

.membership-pricing-table table td {
    text-align: center;
    width: 15%;
    padding: 7px 10px;
    background-color: #fafafa;
    font-size: 18px;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.membership-pricing-table table,.membership-pricing-table table td {
    border: 1px solid #e2e2e2
}

.membership-pricing-table table tr td:first-child {
    background-color: transparent;
    text-align: right;
    width: 40%
}

.membership-pricing-table table tr td:nth-child(2) {
    /*    background-color: #FEE5E5*/
    background-color: #CFDDEA
}

.membership-pricing-table table tr td:nth-child(3) {
    background-color: #DCBFD3
}

.membership-pricing-table table tr td:nth-child(4) {
    background-color: #FDC382
}

.membership-pricing-table table tr td:nth-child(5) {
    background-color: #ADCCE6
}

.membership-pricing-table table tr:first-child td {
    -webkit-box-shadow: none;
    box-shadow: none
}
/*.membership-pricing-table table tr:first-child td,.membership-pricing-table table tr:nth-child(2) td {
    -webkit-box-shadow: none;
    box-shadow: none
}*/

.membership-pricing-table table tr:first-child th:first-child {
    border-top-color: #e2e2e2;
    border-left-color: #e2e2e2;
    border-right-color: #e2e2e2
}

.membership-pricing-table table tr:first-child th .pricing-plan-name {
    font-size: 22px
}

.membership-pricing-table table tr:first-child th .pricing-plan-price {
    line-height: 35px
}

.membership-pricing-table table tr:first-child th .pricing-plan-price>sup {
    font-size: 45%
}

.membership-pricing-table table tr:first-child th .pricing-plan-price>span {
    font-size: 30%
}

.membership-pricing-table table tr:first-child th .pricing-plan-period {
    margin-top: -7px;
    font-size: 25%
}

.membership-pricing-table table .header-plan-inner {
    position: relative
}

.membership-pricing-table table .recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #dc3b5d;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 12px!important;
    font-weight: 500;
    left: -6px;
    top: -22px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #c2284c inset;
    text-shadow: 0 -1px #c2284c
}

.membership-pricing-table table .recommended-plan-ribbon:before {
    border: solid;
    border-color: #c2284c transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90
}

.membership-pricing-table table .recommended-plan-ribbon:after {
    border: solid;
    border-color: #c2284c transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90
}

.membership-pricing-table table .plan-head {
    box-sizing: content-box;
    background-color: #ff9c00;
    border: 1px solid #cf7300;
    position: absolute;
    top: -33px;
    left: -1px;
    height: 30px;
    width: 100%;
    border-bottom: none
}