﻿.pricing {
    padding: 10px;
}

.w3l-pricing-grids {
    max-width: 1100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.agileits-pricing-grid {
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 20%;
    -webkit-flex: 1;
    -ms-flex: 1;
    margin: 0 20px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.pricing-top {
    padding: 2em 0 0;
    background: #00ad45;
    text-align: center;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
}

    .pricing-top h3 {
        color: #FFF;
        font-size: 20px;
        line-height:2;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }


.wthree-pricing-info {
    padding: 2em 0;
}

    .wthree-pricing-info p {
        color: #FFFFFF;
        font-size: 14px;
        line-height:3;
        margin: 0;
        text-align: center;
    }

.pricing-bottom {
    background: #FFF;
    /* padding: 0em 0 2em 0em; */
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.pricing-bottom-bottom {
    padding: 3em 2em;
}

    .pricing-bottom-bottom p {
        color: #333;
        font-size: 15px;
        margin: 20px;
    }

        .pricing-bottom-bottom p span {
            font-weight: 700;
            color: #333;
            letter-spacing: 1px;
        }

            .pricing-bottom-bottom p span.fa {
                width: 25px;
                color: #656565;
                font-weight: 100;
            }

.first p span.fa {
    color: #00ad45;
}

.second p span.fa {
    color: #0091cd;
}

.third p span.fa {
    color: #c73a40;
}

.buy-button {
    margin-bottom: 10px;
    text-align: center;
}

    .buy-button a {
        background: #fb8a2e;
        padding: .5em 1.5em;
        border: solid 1px #fb8a2e;
        color: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

.first .buy-button a {
    background: #00ad45;
    border: solid 1px #00ad45;
}

.second .buy-button a {
    background: #0091cd;
    border: solid 1px #0091cd;
}

.third .buy-button a {
    background: #c73a40;
    border: solid 1px #c73a40;
}


.blue-top {
    background: #0091cd !important;
}


.red-top {
    background: #e04646 !important;
}
