.promo-line {
	padding: 13px 0;
	background: #57b6dc;
	color: #fff;
	text-align: center;
	font: 500 18px "Futura New", sans-serif;
	position: relative;
	z-index: 4;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.promo-line .container {
	position: relative;
}

.promo-line__disount, .promo-line__code {
	display: inline-block;
	font-size: 1.11em;
}

.promo-line__disount {
	margin: 0 .2em;
}

.promo-line__code {
	margin-left: 1em;
	position: relative;
	z-index: 1;
	color: #000;
}

.promo-line__code::before {
	content: '';
	display: block;
	position: absolute;
	left: -.5em;
	right: -.5em;
	bottom: -.2em;
	top: -.2em;
	z-index: -1;
	background: #ffd739;
}

.promo-line .btn-close {
	width: 14px;
	height: 14px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -7px;
}

@media screen and (max-width: 1199px) {
	.promo-line {
		position: static;
		z-index: 2;
		width: 100%;
		text-align: left;
	}
}

@media screen and (max-width: 767px) {
	.promo-line .btn-close {
		right: -15px;
	}

	.promo-line__code {
		margin-top: 10px;
	}
}

@media screen and (max-width: 575px) {
	.promo-line {
		top: 60px;
	}

	.promo-line .container {
		padding-right: 40px;
	}

	.promo-line__disount {
		margin-left: 0;
	}

	.promo-line__code {
		margin-left: .5em;
	}

	.promo-line__code::before {
		left: -.3em;
	}

	.promo-line .btn-close {
		right: 20px;
	}
}