.about {
	padding-bottom: 0;
	.row {
		margin: 0;
	}
	[class*="col-"] {
		padding: 0;
	}
	.about-content {
		margin-top: 30px;
		border-bottom: 1px solid #eee;
	}
}
.about-descript {
	max-width: 620px;
	margin: 38px auto;
	font-family: $pd;
	font-style: italic;
	font-size: 14px;
	* {
		color: #333333;
	}
	p {
		line-height: 1.7em;
		letter-spacing: 0.04em;
	}
}

.about-item {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	padding: 45px 26px;
	@include transition(all .3s linear);
	.item-heading {
		position: relative;
		padding-top: 25px;
		margin-top: 20px;
		.icon, .fa {
			position: absolute;
			font-size: 36px;
			color: #c4c4c4;
			width: 100%;
			top: 0; left: 0;
			@include translateY(-50%);
		}
		.h6 {
			font-size: 13px;
			color: #515050;
			margin-top: 20px;
		}
	}
	.item-body {
		max-width: 280px;
		margin: auto;
	}
	&:hover {
		background-color: #f6f6f6;
	}
}
.after-hero {
	padding-top: 0;
	.about-content {
		margin-top: 0;
	}
}
.history {
	.item-heading {
		&:after {
			content: '';
			display: block;
			width: 30px;
			height: 1px;
			background-color: #666;
			margin-top: 20px;
			margin-bottom: 20px;
		}
	}
	.item-body {
		* {
			line-height: 2em;
		}
	}
	.item-footer {
		margin-top: 30px;
	}
}
.bg-parallax, .bg-static {
	~ .container {
		.about-descript {
			* {
				color: #fff;
			}
		}
	}
	~ .about-content {
		border-color: #fff;
		.about-item {
			border-color: #fff;
			* {
				color: #fff;
			}
			.item-heading {
				.fa {
					color: $color;
				}
			}
			&:hover {
				background-color: rgba(255,255,255,.2);
			}
		}
	}
}
.bg-color {
	~ .container {
		.about-descript {
			* {
				color: #141414;
			}
		}
	}
	~ .about-content {
		border-color: rgba(255,255,255,.3);
		.about-item {
			border-color: rgba(255,255,255,.3);
			* {
				color: #141414;
			}
			&:hover {
				background-color: rgba(255,255,255,.1);
			}
		}
	}
}