/*

Pricing Tables - CSS3

Author: RikyBlue
Date: March 2015
Version: 1.0

-----------------------
| [Table of Contents] |
-----------------------

1. Main Style
2. Buttons
3. Pricing Table - Default
4. Pricing Table - Border Radius
5. Pricing Table - V2

*/

@import url(http://fonts.googleapis.com/css?family=Ubuntu);

/* Main Style */

html, body {
	width: 100%;
	height: 100%;
	margin: 0; 
	padding: 0;
	letter-spacing: 0.1em;
	background: url('../pattern.png');
}

/* Buttons */

.btn {
	border-radius: 0;
	border: none;
	padding: 15px 30px;
	margin: 50px 10px;
}

.btn:hover, .btn:focus, .btn:active {
	-webkit-box-shadow:	none !important;
	-moz-box-shadow:	none !important;
	-o-shadow: 			none !important;
	box-shadow:			none !important;
	outline: none;
	background: #0056F4;
	-webkit-transition: background 0.2s ease-in-out 0.1s;
	-moz-transition: background 0.2s ease-in-out 0.1s;
    -o-transition: background 0.2s ease-in-out 0.1s;
    -ms-transition: background 0.2s ease-in-out 0.1s;
	transition: background 0.2s ease-in-out 0.1s;
}

.btn-blue {
	background: #008EFF;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	background: #0056F4;
}

.btn-red {
	background: #FF0000;
}

.btn-red:hover, .btn-red:focus, .btn-red:active {
	background: #DE0000;
}

.btn-green {
	background: #54CC14;
}

.btn-green:hover, .btn-green:focus, .btn-green:active {
	background: #409C0F;
}

.btn-purple {
	background: #80369C;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
	background: #3B1569;
}

.btn-orange {
	background: #F58800;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
	background: #B86600;
}

/* Pricing Table - Default */

.pricing_table {
	color: #000;
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
	margin: 100px 0;
}

.pricing_table ul {
	padding: 0;
}

.pricing_table .pricing-item {
	background: #fff;
	margin-bottom: 20px;
	border: 3px solid #000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	transition: all 0.3s;
}

.pricing_table .pricing-item:hover {
	background: #F58800;
	box-shadow: 0 0 15px 1px rgba(0,0,0,0.5);
	color: #fff;	
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.pricing_table h3 {
	text-transform: uppercase;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 3px solid #000;
}

.pricing_table .price_body {
	margin: 0 auto 30px auto;
	display: table;
}

.pricing_table .mini {
	font-style: normal !important;
	font-size: 20px;
}

.pricing_table .price {
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	display: table-cell;
}

.pricing_table .price .price_figure {
	display: block;
	padding: 25px 10px 30px 10px;
}

.pricing_table .price .price_term {
	font-size: 10px;
	font-style: normal;
}

.pricing_table .features .fa {
	padding-right: 10px;
}

.pricing_table .features li {
	font-size: 12px;
	list-style: none;
	padding: 15px 5px;
	border-top: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(250,250,250,0.3);
	-webkit-transition: padding 0.3s;
	-moz-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    -ms-transition: padding 0.3s;
	transition: padding 0.3s;
}

.pricing_table .features li:last-child {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.pricing_table .features li:hover {
	background-color: #B86600;
	padding-left: 20px;
}

.pricing_table .footer .btn {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	background: #000;
	padding: 15px 30px;
	margin: 50px 10px 30px 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	transition: all 0.3s;
}

.pricing_table .footer .btn:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* Pricing Table - Border Radius */

.pricing_table.border-radius .pricing-item {
	border-radius: 10px;
}

.pricing_table.border-radius .footer .btn {
	border-radius: 10px;
}

/* Pricing Table - V2 */

.pricing_table.v2 h3 {
	width: 100%;
	height: 100%;
	margin: 0;
	padding-top: 30px;
	background: #F58800;
	color: #fff;
}

.pricing_table.border-radius.v2 h3 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}