/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/


.main-flex-column-table{ width:100%; display:flex; margin-bottom:30px; text-align:center; flex-wrap:wrap; justify-content:center; align-items:stretch; }
.main-flex-column-table .flex-column{ display:inline-block; padding:8px; vertical-align:top; margin:1%; border-radius:40px 40px 120px 120px; width:31.33%; background:#545454; position:relative; overflow:hidden; }
.main-flex-column-table .flex-column.flex-1,
.main-flex-column-table .flex-column.flex-2,
.main-flex-column-table .flex-column.flex-4{ width:48%; }
.main-flex-column-table .flex-column:before{ content:""; position:absolute; right:0; top:0; width:50%; height:100%; background:#424242; }

.flex-table{ position:relative; color:#fff; margin:0; text-align: center; transition: all 0.30s linear 0s; border:4px solid #FFF; border-radius:34px 34px 116px 116px; padding:5px; border-color: #468C00 !important; }
.flex-table-inner{ border:2px solid #FFF; border-radius:26px 26px 108px 108px; border-color: #468C00 !important;}
/*.flex-table::after{ content:""; position:absolute; top:45px; left:-10px; border:5px solid #333; border-left:5px solid transparent; border-top:5px solid transparent; }*/
.flex-table-header{ padding:10px 40px; }
.flex-table-header .title{ display:block; margin-bottom:5px; margin-top:20px; text-transform: capitalize; color:#FFF !important; font-size:22px !important; }
.flex-table-header .price-plan{ display:block; width:70%; color:#fff; padding:5px; margin:0 auto; line-height:1.4; }
.flex-table-header .price{ font-size:20px; color:#FFF !important; }
.flex-table-header .monthly-plan{ font-size:15px !important; display:block; }
.flex-table .flex-table-plan{ border-top-right-radius:30px; border-top-left-radius:30px; padding:0 0 30px; }
.flex-table .fa{ font-size:33px; }
.flex-table .flex-table-plan ul{ margin:0 0 30px; padding:1px 0; background:rgba(0,0,0,0.1); }
.flex-table .flex-table-plan ul li{ list-style:none; margin:5px auto; border-bottom:1px solid #6c6a6a; width:90%; }
.flex-table .flex-table-plan ul li:last-child{ border:none; }
.flex-table .flex-table-plan ul li:before{ font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -moz-osx-font-smoothing:grayscale; content:"\f00c"; margin-left:-5px; margin-right:5px; }
.flex-table .flex-table-plan .btn-info{ padding:8px 20px; border:0 none; border-radius:5px; background:#FFF; color:#333; font-size:14px; font-weight:700; transition: all 0.30s linear 0s; cursor:pointer; }
.flex-table .flex-table-plan .btn-info:hover{ background:#468c00; color:#FFF; }


/**** Responsive Styles ****/
@media screen and (max-width: 640px) {
	.main-flex-column-table .flex-column{ width:94% !important; }
}