/****************************************************** 
		1.GENERAL TABLE STYLING
*******************************************************/

.wppt-wrapper{
	margin:auto;
    text-align: center;    
}

.wppt-pricing-table{
	overflow:hidden;
	padding: 50px 5px;
	margin: 50px auto;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
}

/*************** vertical align everything **************/

.wppt-pricing-table .wppt-column .wppt-title-container,
.wppt-pricing-table .wppt-column .wppt-price-container,
.wppt-pricing-table .wppt-column .wppt-button-container,
.wppt-pricing-table .wppt-column .wppt-features-container li{
 	overflow: auto;
}


.wppt-pricing-table .wppt-column .wppt-title-container:after,
.wppt-pricing-table .wppt-column .wppt-price-container:after,
.wppt-pricing-table .wppt-column .wppt-button-container:after,
.wppt-pricing-table .wppt-column .wppt-features-container li:after,
.wppt-pricing-table .wppt-column .wppt-title-container span,
.wppt-pricing-table .wppt-column .wppt-title-container li i,
.wppt-pricing-table .wppt-column .wppt-price-container h1,
.wppt-pricing-table .wppt-column .wppt-button-container a,
.wppt-pricing-table .wppt-column .wppt-features-container li span{
	display: inline-block;
  	vertical-align: middle;
}

.wppt-pricing-table .wppt-column .wppt-title-container:after,
.wppt-pricing-table .wppt-column .wppt-price-container:after,
.wppt-pricing-table .wppt-column .wppt-button-container:after,
.wppt-pricing-table .wppt-column .wppt-features-container li:after{
	content: '';
  	height: 100%;
  	margin-left: -0.25em;
  
}


.wppt-pricing-table .wppt-column .wppt-title-container span,
.wppt-pricing-table .wppt-column .wppt-title-container li i,
.wppt-pricing-table .wppt-column .wppt-price-container h1,
.wppt-pricing-table .wppt-column .wppt-button-container a,
.wppt-pricing-table .wppt-column .wppt-features-container li span{
	max-width: 98%; 
   max-width: calc(100% - 0.25em) 
}  

/****************************************************** 
		2.GENERAL COLUMNS STYLING
*******************************************************/


.wppt-pricing-table .wppt-column{
	width:230px;
	float:left;
	margin-left:7px;
	position:relative;
	-webkit-border-radius: 3px; 
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-transition: margin 0.1s; 
    transition: margin 0.1s;
}

.wppt-pricing-table .wppt-column:first-child{
	margin-left:0px;
}

.wppt-pricing-table.hoverable .wppt-column:hover{
	margin-top:-23px;
	margin-bottom:23px;
}

.wppt-pricing-table.hoverable .wppt-column.featured:hover{
	margin-top:-46px;
	margin-bottom:23px;
}

/****************************************************** 
		3.TITLE
*******************************************************/


.wppt-pricing-table .wppt-column .wppt-title-container{
	position: relative;
	padding:20px 0px;
	font-size: 18px;
	font-weight:300;
	text-transform:uppercase;
	color:#444;
	-webkit-border-radius: 3px 3px 0px 0px; 
	border-radius: 3px 3px 0px 0px; 
	-moz-border-radius: 3px 3px 0px 0px; 
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	border-bottom:0px;
	overflow:hidden;
}

.wppt-pricing-table .wppt-column .wppt-title-container span{
	position: relative;
	z-index:2;
}

.wppt-pricing-table .wppt-column.title-color .wppt-title-container.darker:before {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
content: '';
background-color: rgba(0,0,0,0.1);
z-index: 1;
}

/********** title color ***************/

.wppt-pricing-table .wppt-column.title-color .wppt-title-container{
	color:#fff;
	border: 0px;
}

/****************************************************** 
		4.PRICE
*******************************************************/

.wppt-pricing-table .wppt-column .wppt-price-container{
	padding:30px 0px 45px 0px;
	border-top:0px;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	border-bottom:0px;
}

.wppt-pricing-table .wppt-column .wppt-price-container h1{
	padding:0px;
	margin:0px;
	font-size: 50px;
}

.wppt-pricing-table .wppt-column .wppt-price-container h1 sup{
	font-size:60%;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline;
	top: -0.5em; 
	color:#444;
	font-weight:300;
}

.wppt-pricing-table .wppt-column .wppt-price-container h1 span{
	font-size: 20px;
	font-weight:300;
	color:#444;
}

/********** price color ***************/

.wppt-pricing-table .wppt-column.price-color .wppt-price-container h1,
.wppt-pricing-table .wppt-column.price-color .wppt-price-container h1 sup,
.wppt-pricing-table .wppt-column.price-color .wppt-price-container h1 span{
	color:#fff;
}

.wppt-pricing-table .wppt-column.price-color.features-style-1 .wppt-features-container ul:first-child li:first-child{
	border-top:0px;
}

.wppt-pricing-table .wppt-column.price-color .wppt-price-container{
	border:0px;
}

.wppt-pricing-table .wppt-column.price-no-color .wppt-price-container{
	 background-color:#fff;
}

/****************************************************** 
		5.FEATURES
*******************************************************/

.wppt-pricing-table .wppt-column .wppt-features-container{
	margin:0px;
	padding:0px;
	border-top:0px;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	border-bottom:0px;
	overflow:hidden;
}

.wppt-pricing-table .wppt-column .wppt-features-container ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.wppt-pricing-table .wppt-column .wppt-features-container ul:first-child{
	margin:0px;
	padding:0px;
}

.wppt-pricing-table .wppt-column .wppt-features-container li{
	font-size:13px;
	font-weight:300;
	color:#444;
}

.wppt-pricing-table .wppt-column .wppt-features-container ul:last-child{
	border-bottom: 1px solid #ddd
} 

.wppt-pricing-table .wppt-column.features-color .wppt-features-container{
	border:0px;
}

.wppt-pricing-table .wppt-column .wppt-features-container img{
	width:100%;
}

/********** features list style 1&2 ***************/

.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul,
.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul{
	margin: 0px;
}

.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container li:first-child,
.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container li:first-child{
	border:0px;
}

/*feaures style 1*/
.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul li,
.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul:first-child li:first-child
{
	border-top: 1px solid #eee;
	padding:12px 0px;
	text-align:left;
	margin:0px 30px;
}

/*feaures style 2*/

.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul li,
.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul:first-child li:first-child
{
	border-top: 1px solid #eee;
	padding:12px 30px;
	text-align:left;
	margin:0px;
}

/*separator*/
.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul.separator,
.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul.separator{
	margin:0px;
}

.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul.separator li,
.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul.separator li{
	padding:1px 10px;
	color:#fff;
	background-color:#999;
	font-weight:500;
	text-align:center;
	margin:0px;
}

.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul.separator li,
.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul li:first-child
.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul.separator li,
.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul li:first-child
{
	border: 0px;
}

/********** features list style 3 ***************/

.wppt-pricing-table .wppt-column.features-style-3 .wppt-features-container li{
	padding: 12px 30px 13px 30px;
}

.wppt-pricing-table .wppt-column.features-style-3 .wppt-features-container li.odd{
	background-color:#f5f5f5;
}

/*separator*/


.wppt-pricing-table .wppt-column.features-style-3 .wppt-features-container ul.separator li{
	padding:1px;
	color:#fff;
	background-color:#999;
	font-weight:500;
	text-align:center;
}

/********** features list style 4&5 ***************/

.wppt-pricing-table .wppt-column.features-style-4 .wppt-features-container ul:first-child,
.wppt-pricing-table .wppt-column.features-style-5 .wppt-features-container ul:first-child
{
	padding-top:25px;
}

.wppt-pricing-table .wppt-column.features-style-4 .wppt-features-container ul:last-child,
.wppt-pricing-table .wppt-column.features-style-5 .wppt-features-container ul:last-child
{
	padding-bottom:25px;
}

/*features list style 4 */
.wppt-pricing-table .wppt-column.features-style-4 .wppt-features-container li{
	padding:3px 30px;
	text-align:left;
}

/*features list style 5 */

.wppt-pricing-table .wppt-column.features-style-5 .wppt-features-container li{
	padding:12px 30px;
	text-align:left;
}

.wppt-pricing-table .wppt-column.features-style-4 .wppt-price-container,
.wppt-pricing-table .wppt-column.features-style-5 .wppt-price-container
{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

/*separator*/

.wppt-pricing-table .wppt-column.features-style-4 .wppt-features-container ul.separator,
.wppt-pricing-table .wppt-column.features-style-5 .wppt-features-container ul.separator
{
padding:1px 0px;
background-color:#999;
}

.wppt-pricing-table .wppt-column.features-style-4 .wppt-features-container ul.separator li,
.wppt-pricing-table .wppt-column.features-style-5 .wppt-features-container ul.separator li{
color:#fff;
padding: 0px 10px;
font-weight:500;
text-align:center;
}

/********** features color ***************/

.wppt-pricing-table .wppt-column.features-color .wppt-features-container li,
.wppt-pricing-table .wppt-column.features-color .wppt-features-container li i{
	color:#fff;
}

.wppt-pricing-table .wppt-column.features-style-1.features-color .wppt-features-container li:first-child,
.wppt-pricing-table .wppt-column.features-style-2.features-color .wppt-features-container li:first-child{
	border:0px;
}

.wppt-pricing-table .wppt-column.features-style-1.features-color .wppt-features-container ul li,
.wppt-pricing-table .wppt-column.features-style-1.features-color .wppt-features-container ul:first-child li:first-child,
.wppt-pricing-table .wppt-column.features-style-2.features-color .wppt-features-container ul li,
.wppt-pricing-table .wppt-column.features-style-2.features-color .wppt-features-container ul:first-child li:first-child,
.wppt-pricing-table .wppt-column.features-style-3.features-color .wppt-features-container ul:first-child li:first-child
{
	border-top:1px solid;
}

.wppt-pricing-table .wppt-column.features-style-4.features-color .wppt-price-container,
.wppt-pricing-table .wppt-column.features-style-5.features-color .wppt-price-container{
	border-top:1px solid;
	border-bottom:1px solid;
}

.wppt-pricing-table .wppt-column.features-color .wppt-features-container ul.separator li,
.wppt-pricing-table .wppt-column.features-color .wppt-features-container ul.separator {
background-color:#e5e5e5;
color:#444;
border:0px;
}

/********** icons ***************/

.wppt-pricing-table .wppt-column .wppt-features-container li i{
	margin-right:10px;
	color:#aaa;
	vertical-align:middle;
}

/****************************************************** 
		6.BUTTON
*******************************************************/

.wppt-pricing-table .wppt-column .wppt-button-container{
	padding: 20px 10px;
	border-top:0px;
	border-right:1px solid #DDD;
	border-left:1px solid #DDD;
	border-bottom:1px solid #DDD;
	-webkit-border-radius: 0px 0px 3px 3px; 
	border-radius: 0px 0px 3px 3px; 
	-moz-border-radius: 0px 0px 3px 3px; 
}

.wppt-pricing-table .wppt-column .wppt-button-container .wppt-button {
	padding: 6px 30px;
	color:#fff;
	border-radius: 3px;
	display:inline-block;
	font-size:15px;
}

/********** button color ***************/

.wppt-pricing-table .wppt-column.button-color .wppt-button-container{

	border:0px;
	-webkit-border-radius: 0px 0px 3px 3px; 
	border-radius: 0px 0px 3px 3px; 
	-moz-border-radius: 0px 0px 3px 3px; 
}

.wppt-pricing-table .wppt-column.button-color .wppt-button-container .wppt-button{
	background-color:transparent;
	border:2px solid #fff;
}


/****************************************************** 
		7.FEATURED COLUMN
*******************************************************/

.wppt-pricing-table .wppt-column.featured{
	z-index:10;
}

.wppt-pricing-table .wppt-column.featured .wppt-title-container{
	border-top:5px solid #999;
	border-right:5px solid #999;
	border-left:5px solid #999;
	border-bottom:0px;
}

.wppt-pricing-table .wppt-column.featured .wppt-price-container,
.wppt-pricing-table .wppt-column.featured .wppt-features-container{
	border-top:0px;
	border-right:5px solid #999;
	border-left:5px solid #999;
	border-bottom:0px;
}

.wppt-pricing-table .wppt-column.featured .wppt-button-container
{
	border-top:0px;
	border-right:5px solid #999;
	border-left:5px solid #999;
	border-bottom:5px solid #999;
}

.wppt-pricing-table .wppt-column.featured{
	margin-top:-23px;
}

.wppt-pricing-table .wppt-column.featured .wppt-title-container{
	padding:29px 0px 29px 0px;
	font-weight:300;
}

/*
.wppt-pricing-table .wppt-column.featured .wppt-title-container:after{
	padding: 1px;
	content: 'RECOMMENDED';
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	display: block;
	top: 20px;
	margin-top: 15px;
}
*/
.wppt-pricing-table .wppt-column.featured .wppt-button-container{
	padding: 30px 10px 30px 10px;
}

/****************************************************** 
		8.RIBBONS
*******************************************************/

/***************** Straight ribbon ****************/

.wppt-ribbon.straight{
	text-align:left
}

.wppt-ribbon.straight span{
    position:absolute;
    display: inline-block;
    margin-left:-5px;
    color:#fff;
    font-size:14px;
    top:60px;
    left:0px;
    padding:3px 10px 3px 20px;
    -moz-box-shadow:2px 2px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.3);
    -o-box-shadow:2px 2px 1px rgba(0,0,0,0.3);
    box-shadow:2px 2px 1px rgba(0,0,0,0.3);
    z-index: 3;
}


.wppt-ribbon.straight:before,
.wppt-ribbon.straight:after{
	content:" ";
    display:block;
    width:10px;
    height:10px;
    position:absolute;
    top:55px;
	-webkit-transform: rotate(-45deg);
   	-moz-transform:    rotate(-45deg);
   	-ms-transform:     rotate(-45deg);
   	transform:         rotate(-45deg);
}

.wppt-ribbon.straight:before{
	margin-bottom: -5px;
	margin-left: 2px;
	left: -5px;
    z-index:-2;
}

.wppt-ribbon.straight:after{
    background-color:rgba(0,0,0,0.3);
	left: -3px;
    z-index:-1;

}


/* ribbon on featured column */

.wppt-column.featured .wppt-ribbon.straight span{
	top:75px;
}

.wppt-column.featured .wppt-ribbon.straight:before{
	top:70px;
}

.wppt-column.featured .wppt-ribbon.straight:after{
	top:70px;
}

/***************** Corner ribbon ****************/

.wppt-ribbon.corner span{
    position:absolute;
    display: inline-block;
    color:#fff;
    font-size:12px;
    font-weight:600;
    text-align:center:
    height:20px;
    line-height:20px;
    -webkit-transform: rotate(45deg);
   -moz-transform:    rotate(45deg);
   -ms-transform:     rotate(45deg);
   transform:         rotate(45deg);
   z-index:3;
}

.wppt-ribbon.corner span:before,
.wppt-ribbon.corner span:after{
	content:'';
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
	height:20px;
	display:block;
	position: absolute;
	top:0px;
	z-index:-2;
}

.wppt-ribbon.corner span:before{
	margin-left:-10px;
	-webkit-transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
}

.wppt-ribbon.corner span:after{
	margin-left:10px;
	-webkit-transform: skewX(45deg);
	-moz-transform: skewX(45deg);
	-ms-transform: skewX(45deg);
	-o-transform: skewX(45deg);
}

.wppt-ribbon.corner.small span,
.wppt-ribbon.corner.small span:before,
.wppt-ribbon.corner.small span:after{
    width:40px;
}

.wppt-ribbon.corner.small span{
	right:0px;
    top:10px;
}

.wppt-ribbon.corner.medium span,
.wppt-ribbon.corner.medium span:before,
.wppt-ribbon.corner.medium span:after{
    width:70px;
}

.wppt-ribbon.corner.medium span{
	right:-4px;
    top:20px;
}

.wppt-ribbon.corner.large span,
.wppt-ribbon.corner.large span:before,
.wppt-ribbon.corner.large span:after{
    width:100px;
}

.wppt-ribbon.corner.large span{
	right:-8px;
    top:31px;
}

/***************** Tall ribbon ****************/

.wppt-ribbon.tall span{
	position:absolute;
    display: inline-block;
    color:#fff;
    font-size:14px;
    height:25px;
    line-height:25px;
    -moz-box-shadow:2px 2px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.3);
    -o-box-shadow:2px 2px 1px rgba(0,0,0,0.3);
    box-shadow:2px 2px 1px rgba(0,0,0,0.3);
	-webkit-transform: rotate(-90deg);
   -moz-transform:    rotate(-90deg);
   -ms-transform:     rotate(-90deg);
   transform:         rotate(-90deg);
   z-index:3;
}

.wppt-ribbon.tall:before,
.wppt-ribbon.tall:after{
    content:" ";
    display:block;
    width:10px;
    height:10px;
    position:absolute;
	top: 23px;
	left: 16px;
	margin-bottom: -5px;
	margin-left: -18px;
    -webkit-transform: rotate(-45deg);
   -moz-transform:    rotate(-45deg);
   -ms-transform:     rotate(-45deg);
   transform:         rotate(-45deg);
}

.wppt-ribbon.tall:before{
	z-index: -2;
}

.wppt-ribbon.tall:after{
    background-color:rgba(0,0,0,0.3);
	z-index: -1;
}

.wppt-ribbon.tall.small span{
	width:50px;
	left: -17px;
	top: 41px;
}

.wppt-ribbon.tall.medium span{
	width:100px;
	left: -42px;
	top: 66px;
}

.wppt-ribbon.tall.large span{
	width:150px;
	left: -67px;
	top: 91px;
}

@media all and (max-width: 580px){
	.wppt-pricing-table .wppt-column{
	width:100%;
	margin-left:0px;
	margin-bottom:10px;
}
}



@media all and (max-width: 1251px)and (min-width:851px){
.wppt-pricing-table .wppt-column{
	width:150px;
}

.wppt-pricing-table .wppt-column .wppt-features-container li i{
	display: none;
}

.wppt-pricing-table .wppt-column .wppt-price-container h1{
	font-size: 30px;
}

.wppt-pricing-table .wppt-column .wppt-title-container{
	font-size:15px;

}
.wppt-pricing-table .wppt-column .wppt-features-container li{
	font-size:12px;
}

.wppt-pricing-table .wppt-column .wppt-button-container .wppt-button{
	padding: 3px 15px;
	font-size:13px;
}

.wppt-pricing-table .wppt-column.button-color .wppt-button-container .wppt-button{
	border:2px solid #fff;
}
}


@media all and (max-width: 850px) and (min-width:581px) {
	.wppt-pricing-table .wppt-column{
	width:100px;
}

.wppt-pricing-table .wppt-column .wppt-features-container li i{
	display: none;
}

.wppt-pricing-table .wppt-column .wppt-price-container h1{
	font-size: 20px;
}

.wppt-pricing-table .wppt-column .wppt-title-container{
	font-size:12px;

}
.wppt-pricing-table .wppt-column .wppt-features-container li{
	font-size:10px;
	margin-top:;
}

.wppt-pricing-table .wppt-column .wppt-button-container .wppt-button{
	padding: 1px 5px;
	font-size:12px;
}

.wppt-pricing-table .wppt-column.button-color .wppt-button-container .wppt-button{
	border:1px solid #fff;
}
.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul li,
.wppt-pricing-table .wppt-column.features-style-1 .wppt-features-container ul:first-child li:first-child{
	margin:0px 10px;
}

.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul li,
.wppt-pricing-table .wppt-column.features-style-2 .wppt-features-container ul:first-child li:first-child,
.wppt-pricing-table .wppt-column.features-style-3 .wppt-features-container ul li,
.wppt-pricing-table .wppt-column.features-style-5 .wppt-features-container ul li{
{
	padding:12px 10px!important;
}

.wppt-pricing-table .wppt-column.features-style-4 .wppt-features-container ul li{
	padding:3px 10px;
}

.wppt-pricing-table .wppt-column .wppt-price-container h1 span{
	font-size: 16px;
}

}