@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

.color-blue { background: #0a8bbb!important; }
.color-purple { background: #77216d!important; }
.color-red { background: #ec1c24!important; }
.color-green { background: #009943!important; }
.color-yellow {background: #fcb415!important; }

.price-plan-wrapper {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 13px;
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: 8px;
    border: 1px solid #004684;
}

.price-plan {
    background: #004684;
    color: #ffffff;
    padding-top: 15px;
    font-family: 'Open Sans', sans-serif;
}

.price-plan-header {
    padding-left: 15px;
    width: 100%;
    color: #fff;
    border-bottom: 1px inset #fff;
    font-family: 'Open Sans', sans-serif;
}

.price-plan-header h3 { padding-top: 15px; color: #fff; font-family: 'Open Sans', sans-serif; }

.price-plan-header > div {
    font-family: 'Open Sans', sans-serif;
    width: 11.66%;
    float: left;
    text-align: center;
    border-right: 1px inset #fff;
    white-space: normal;
    display: flex; 
    flex-direction: column;
    justify-content: center;
}
.price-plan-header > div:last-child { border-right: none; }

.price-plan-header h4 { line-height: 1.25; font-size: 11px; font-family: 'Open Sans', sans-serif; }
.price-plan-header h5 { line-height: 1.25; font-size: 13px; font-family: 'Open Sans', sans-serif; }

.price-plan-header h4, .price-plan-header h5 {
    padding: 5px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.price-plan-row {
    padding-left: 15px;
    width: 100%;
    color: #004684;
    background: #fff;
    border-top: 1px solid #484949;
    font-family: 'Open Sans', sans-serif;
}


/*.price-plan-row:nth-child(even) { background: #007cc2; }
.price-plan-row:nth-child(even) > div { border-right: 1px inset #fff; color: #fff; }
*/

.price-plan-row > div { 
    width: 11.66%; 
    float: left; 
    text-align: center; 
    border-right: 1px inset #484949; 
    justify-content: center; 
    white-space: normal; 
    display: flex; 
    flex-direction: column; 
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}


}


}
.price-plan-row > div:last-child { border-right: none; }

/* THREE COLUMN */

.price-plan-header-3col {
    padding-left: 15px;
    width: 100%;
    color: #fff;
    border-bottom: 1px inset #fff;
    font-family: 'Open Sans', sans-serif;
}

.price-plan-header-3col h5, .price-plan-header-3col h3 { padding-top: 15px; color: #fff; font-family: 'Open Sans', sans-serif; }

.price-plan-header-3col > div {
    width: 33%;
    float: left;
    text-align: center;
    border-right: 1px inset #fff;
    white-space: normal;
    display: flex; 
    flex-direction: column;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
}
.price-plan-header-3col > div:last-child { border-right: none; font-family: 'Open Sans', sans-serif; }

.price-plan-header-3col h4 { line-height: 4; font-family: 'Open Sans', sans-serif; }

.price-plan-header-3col h4, .price-plan-header-3col h5 {
    padding: 5px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.price-plan-row-3col {
    padding-left: 15px;
    width: 100%;
    color: #004684;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    border-top: 1px solid #484949;
}


/*.price-plan-row:nth-child(even) { background: #007cc2; }
.price-plan-row:nth-child(even) > div { border-right: 1px inset #fff; color: #fff; }
*/

.price-plan-row-3col > div { 
    width: 33%; 
    float: left; 
    text-align: center; 
    border-right: 1px inset #484949; 
    justify-content: center; 
    white-space: normal; 
    display: flex; 
    flex-direction: column; 
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}
.price-plan-row-3col > div:last-child { border-right: none; }