
.pricing {
    .bg-overlay {
        background-color: rgba(0,0,0,.3);
    }
    .row {
        margin-left: -30px;
        margin-right: -30px;
    }
    [class*="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.pricing-slider {
    .pricing-item {
        margin-left: 30px;
        margin-right: 30px;
    }
}
.pricing-item {
    background-color: #fff;
    border: 5px solid #ebebeb;
    margin-top: 40px;
    .item-heading {
        position: relative;
        padding: 23px 15px;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: 9;
        &.bg-1 {
            background-image: url(../images/pricing/1.jpg);
        }
        &.bg-2 {
            background-image: url(../images/pricing/2.jpg);
        }
        &.bg-3 {
            background-image: url(../images/pricing/3.jpg);
        }
        &:after {
            content: '';
            display: block;
            position: absolute;
            width: 100%; height: 100%;
            top: 0; left: 0;
            background-color: rgba(0,0,0,.7);
            z-index: -1;
        }
        .h4 {
            font-weight: 400;
            font-size: 18px;
            color: #fff;
            letter-spacing: 0.15em;
            margin: 0;
        }
    }
    .item-price {
        color: #242424;
        padding: 21px 15px;
        background-color: #ebebeb;
        .currency {
            font-family: $ms;
            font-size: 20px;
            vertical-align: 17px;
        }
        .amount {
            font-family: $la;
            font-size: 48px;
            font-weight: 900;
            letter-spacing: 0.02em;
            line-height: 1em;
        }
        .mo {
            position: relative;
            top: -2px;
            font-family: $ms;
            font-size: 20px;
            &:before {
                content: '/ ';
            }
        }
    }
    .item-body {
        padding: 35px 20px 30px 20px;
        ul {
            padding: 0;
            margin: 0;
            list-style: none;
            font-size: 14px;
            color: #666;
            li {
                line-height: 1.5em;
                border-bottom: 1px solid #ebebeb;
                padding: 14px 0;
                &:last-child {
                    border: 0;
                }
            }
        }
    }
    .item-footer {
        margin-bottom: 32px;
        .on-btn {
            min-width: 115px;
        }
    }
    &.light-item {
        .item-price {
            color: #fff;
            background-color: $color;
        }

    }
}

