.pricing {
	text-align: center;
	border: 1px solid #cdcccc;
	color: #777;
	font-size: 14px;
	padding-left: 0;
	margin-bottom: 30px;
	font-family: 'Droid Sans', sans-serif;

	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.pricing:hover { 
	border: 1px dashed #000;
	box-shadow: 0 0 5px grey;
}

.pricing img {
	display: block;
	margin: auto;
	width: 32px;
}
.pricing li:first-child, .pricing li:last-child { padding: 20px 13px; }

.pricing li {
	list-style: none;
	padding: 13px;
}
.pricing li + li { border-top: 1px solid #f0f0f0; }

.pricing big { 
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 24px; 
	font-weight: bold;
}

.pricing h3 {
	margin-bottom: 0;
	font-size: 36px;
}

.pricing span {
	font-size: 12px;
	color: #999;
	font-weight: normal;
}
.pricing li:nth-last-child(2) { padding: 30px 13px; }

.pricing button {
	width: auto;
	margin: auto;
	font-size: 20px;
	font-weight: bold;
	border-radius: 50px;
	color: #fff;
	padding: 9px 24px;
	background: #aaa;
	opacity: 1;
	transition: opacity .2s ease;
	border: none;
	outline: none;
}

.pricing button:hover { opacity: .9; }

.pricing button:active { box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); }

/* pricing color */
.p-green big, .p-green h3 { color: #4c7737; }
.p-green button { background: #4c7737; }

.p-yel big, .p-yel h3 { color: #ffbb42; }
.p-yel button { background: #ffbb42; }

.p-red big, .p-red h3 { color: #e13c4c; }
.p-red button { background: #e13c4c; }

.p-blue big, .p-blue h3 { color: #3f4bb8; }
.p-blue button { background: #3f4bb8; }