/*------------------------------------------------------------------
	+ Pricing Plans
-------------------------------------------------------------------*/
#pricing {
	padding: 100px 0;
	background: $light_grey;
	text-align: center;

	h2 {
		margin-bottom: 30px;
	}

	p:last-of-type {
		margin-bottom: 50px;
	}

	.package {
		padding-top: 1px;
		padding-bottom: 50px;
		-webkit-box-shadow:inset 0 0 0 1px #ddd;
		box-shadow:inset 0 0 0 1px #ddd;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: $white;
		@include hover_transition(0.3s);

		@media screen and (max-width: 991px) {
			margin-bottom: 50px;
		}

		.top {
			background: $light_grey;
			margin: 0 1px;
			@include hover_transition(0.3s);

			.title {
				margin: 0 50px;
				padding: 30px 0;
				border-bottom: 1px solid #ddd;
				@include hover_transition(0.3s);
			}

			.price {
				margin-top: 25px;
				font-family: "Raleway", Arial, sans-serif;
				font-size: 72px;
				font-weight: 700;
				line-height: 70%;
				letter-spacing: 2px;
				@include hover_transition(0.3s);

				span {
					font-size: 48px;
				}
			}

			.time {
				margin: 0;
				padding-bottom: 25px;
				@include hover_transition(0.3s);
			}
		}

		.bottom {
			ul.features {
				padding: 30px 0 50px 0;

				li {
					padding: 15px 0;
				}

				li:first-child {
					padding-top: 0;
				}

				li:last-child {
					padding-bottom: 0;
				}
			}
		}
	}

	.package.active {
		-webkit-box-shadow:inset 0 0 0 1px $primary_color;
		box-shadow:inset 0 0 0 1px $primary_color;

		.top {
			background: $primary_color;

			.title,
			.price,
			.time {
				color: $white;
			}

			.title {
				border-bottom: 1px solid rgba(255, 255, 255, 0.3);
			}
		}
	}

	.package_3 {
		@media screen and (max-width: 991px) {
			margin-bottom: 0;
		}
	}
}