.line-guide {
		position: relative;
}

.line-guide .image-container {
		max-width: 55%;
		margin: auto;
}

.line-guide .image-container .aspect-ratio-container {
		margin: 0 auto;
}

.line-guide .line {
		display: block;
		max-width: 15%;
		position: absolute;
		font-size: 1.21429em;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: #000;
}

.line-guide .line:before {
		content: '';
		display: inline-block;
		width: 158px;
		height: 70px;
		position: absolute;
		top: 50%;
		margin-top: -35px;
		background-image: url("../../../img/line-guide-sprite.png");
		background-repeat: no-repeat;
}

.line-guide .top:before {
		height: 43px;
}

.line-guide .bottom:before {
		height: 42px;
}

.line-guide .center:before {
		height: 10px;
}

.line-guide .left {
		text-align: right;
		left: 0;
}

.line-guide .left:before {
		margin-left: 20px;
		left: 100%;
		background-position: left center;
}

.line-guide .right {
		right: 0;
}

.line-guide .right:before {
		margin-right: 20px;
		right: 100%;
}

.line-guide .top {
		top: 0;
}

.line-guide .center {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}

.line-guide .bottom {
		bottom: 0;
}

.line-guide .left.top:before {
		margin-top: -5px;
		background-position: top center;
}

.line-guide .left.center:before {
		margin-top: -4px;
		background-position: 50% -44px;
}

.line-guide .left.bottom:before {
		margin-top: -38px;
		background-position: 50% -55px;
}

.line-guide .right.top:before {
		margin-top: -5px;
		background-position: 50% -97px;
}

.line-guide .right.center:before {
		margin-top: -4px;
		background-position: 50% -140px;
}

.line-guide .right.bottom:before {
		margin-top: -38px;
		background-position: 50% -150px;
}

@media all and (max-width: 1199px) {
		.line-guide .image-container {
				max-width: 45%;
		}
}

@media all and (max-width: 991px) {
		.line-guide .image-container {
				max-width: none;
		}
		.line-guide .line {
				max-width: none;
				position: relative;
				top: auto !important;
				left: auto !important;
				right: auto !important;
				bottom: auto !important;
				margin-bottom: 1.5em;
				margin-top: 0 !important;
				-webkit-transform: translateY(0);
				transform: translateY(0);
		}
		.line-guide .line:before {
				content: none;
		}
		.line-guide .line.left, .line-guide .line.right {
				text-align: center;
		}
}
