html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
section {
	max-width: 1920px;
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 24px
}
.out {
	overflow: hidden;
}
.container {
	position: relative;
	display: block;
	max-width: 1140px;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0 20px;
}
.h1 {
	font-size: 45px;
	text-align: center
}
.header {
	background: url("../img/header-bg.jpg") no-repeat bottom;
	padding-bottom: 100px;
	background-size: cover
}
.header__content, .cert__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header__left {
	padding-top: 40px;
	max-width: 489px;
	width: 100%;
	background: url("../img/header-border.png") no-repeat center top;
}
.header__right {
	margin-left: 50px
}
.header__logo {
	padding-bottom: 35px;
	font-size: 65px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center
}
.header__logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}
.price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: url("../img/price.png") no-repeat center;
	min-height: 121px;
	max-width: 427px;
	margin: 0 auto 20px;
	width: 100%;
	text-align: center;
}
.price__new {
	width: 55%;
	color: #fff
}
.price__new-span {
	font-size: 30px
}
.price__new .al-cost {
	font-size: 55px
}
.price__old {
	width: 45%;
	color: #616161
}
.price__old-span {
	font-size: 20px
}
.al-cost-promo {
	position: relative;
	font-size: 35px
}
.al-cost-promo::after {
	content: "";
	width: 70%;
	height: 3px;
	background: #616161;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-10deg);
	transform: translate(-50%, -50%) rotate(-10deg);
	opacity: 0.7
}
.order-btn {
	max-width: 320px;
	width: 100%;
	display: block;
	margin: 0 auto;
	background: url("../img/order.png") no-repeat center;
	background-size: contain;
	color: #fff;
	font-size: 35px;
	line-height: 63px;
	padding-bottom: 10px;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: none;
	cursor: pointer;
	font-family: "PT Sans", sans-serif;
	opacity: 0.9
}
.order-btn:hover {
	opacity: 1
}
.product__img {
	max-width: 220px;
	width: 100%
}
.promote, .work, .expert, .cert, .how {
	color: #fff
}
.promote, .work, .expert, .cert, .how {
	background: url("../img/main-bg.jpg") no-repeat center;
	background-size: 1920px 100%;
}
.promote::after, .work::after, .expert::after, .cert::after, .how::after {
	content: "";
	height: 262px;
	width: 1920px;
	position: absolute;
	bottom: -262px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url("../img/wave-after.png") no-repeat center;
	background-size: cover;
	z-index: 1
}
.promote .h1, .advantages .h1, .work .h1, .test .h1, .expert .h1, .reviews .h1, .cert .h1, .how .h1, .order .h1 {
	padding-bottom: 30px
}
.promote__content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 2;
}
.promote__left, .promote__right {
	width: 50%
}
.promote__left {
	padding-right: 15px
}
.promote__right {
	font-size: 17px;
	line-height: 27px
}
.promote__left li {
	position: relative;
	font-size: 27px;
	padding-left: 90px;
	margin-bottom: 53px
}
.promote__left li:last-child {
	margin-bottom: 0
}
.promote__left li::before {
	content: "";
	height: 70px;
	width: 70px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.promote__left li:nth-of-type(1)::before {
	background: url("../img/promote1.png") no-repeat center;
}
.promote__left li:nth-of-type(2)::before {
	background: url("../img/promote2.png") no-repeat center;
}
.promote__left li:nth-of-type(3)::before {
	background: url("../img/promote3.png") no-repeat center;
}
.promote__left li:nth-of-type(4)::before {
	background: url("../img/promote4.png") no-repeat center;
}
.promote__left li:nth-of-type(5)::before {
	background: url("../img/promote5.png") no-repeat center;
}
.advantages, .test, .reviews, .info, .order {
	background: url("../img/main-bg2.jpg") no-repeat center;
	background-size: cover;
}
.advantages, .test, .reviews, .info, .order {
	padding: 292px 0 272px;
}
.advantages__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.advantages__content-item {
	width: 33%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px;
	text-align: center;
	margin-bottom: 60px
}
.advantages__img {
	height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.work::before, .expert::before, .cert::before, .how::before  {
	content: "";
	height: 272px;
	width: 1920px;
	position: absolute;
	top: -272px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url("../img/wave-before.png") no-repeat center;
	background-size: cover;
	z-index: 1
}
.work__content, .test__content, .expert__content, .info__content, .how__content, .order__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.work__content-item {
	width: 33%
}
.work__content-item, .test__content-item, .how__content-item {
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}
.work__content-item img, .test__content-item img, .how__content-item img {
	margin-bottom: 25px
}
.test__content {
	margin-top: 30px
}
.test__content-item {
	width: 20%
}
.expert .container::after {
	content: "";
	width: 486px;
	height: 517px;
	background: url("../img/expert.png") no-repeat center;
	background-size: cover;
	position: absolute;
	bottom: -212px;
	left: 50%;
	-webkit-transform: translateX(-136%);
	transform: translateX(-136%);
	z-index: 3
}
.expert__content {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: 50px
}
.expert__right{
	max-width: 647px;
	width: 100%
}
.reviews__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.reviews__content-item, .reviews__content-reverse {
	position: relative;
	z-index: 1;
	min-height: 301px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	padding-top: 25px;
	margin-bottom: 20px
}
.reviews__content-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.reviews__content-item::before, .reviews__content-reverse::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 975px;
	height: 100%;
	z-index: -1
}
.reviews__content-item::before {
	right: 0;
	background: url("../img/review-bg.png") no-repeat center right;
	background-size: 975px 100%
}
.reviews__content-reverse::before {
	left: 0;
	top: 57%;
	background: url("../img/review-bg.png") no-repeat center right;
	-webkit-transform: translateY(-50%) scale(-1, -1);
	transform: translateY(-50%) scale(-1, -1)
}
.reviews__text {
	padding: 0 25px
}
.reviews__author {
	display: block;
	font-weight: 700;
}
.cert__content-left, .cert__content-right {
	width: 50%
}
.cert__content-left li {
	position: relative;
	padding-left: 60px;
	margin-top: 22px
}
.cert__content-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.cert__content-left li::before {
	content: "";
	height: 42px;
	width: 51px;
	background: url("../img/li-before.png") no-repeat center;
	background-size: cover;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0
}
.info__content {
	padding-top: 30px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}
.info__content-item {
	position: relative;
	max-width: 300px;
	width: 100%;
	text-align: center;
	padding: 20px;
	margin-top: 60px;
	background: #fff;
	border-radius: 30px;
	border: 3px dashed #e13e42
}
.info__content-item:nth-child(2) {
	padding-top: 100px
}
.info__content-item:nth-child(2)::before {
	content: "";
	position: absolute;
	top: -100px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 268px;
	height: 196px;
	background: url("../img/build.png") no-repeat center;
}
.info__content-h3 {
	color: #e13e42;
	font-size: 34px;
	margin-bottom: 5px;
}
.info__content-prod {
	background: url(../img/order.png) center center no-repeat;
	background-size: contain;
	max-width: 240px;
	width: 100%;
	display: block;
	margin: 0 auto;
	height: 52px;
	margin-top: 25px;
	line-height: 46px;
	text-transform: uppercase;
	font-size: 35px;
	color: #fff
}
.how__content-item {
	position: relative;
	width: 33%;
	margin-top: 25px
}
.how__content-img {
	height: 230px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.how__content-item:nth-child(1)::after, .how__content-item:nth-child(2)::after {
	content: "";
	position: absolute;
	right: -100px;
	top: 40%;
	border: 40px solid transparent;
	border-top: 30px solid #df9191;
	-webkit-transform: rotate(-90deg) translateY(-50%);
	transform: rotate(-90deg) translateY(-50%)
}
.order {
	padding-bottom: 30px
}
.order__content {
	width: 90%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	background: #fff;
	border: 3px dashed #e13e42;
	border-radius: 60px;
	position: relative;
}
.order__content-left {
	position: relative;
	padding-top: 160px;
	max-width: 430px;
	width: 100%
}
.product__form {
	position: absolute;
	top: -95px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 150px
}
.order__content-right {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 20px
}
.order__content-right label {
	display: block;
	margin-bottom: 5px;
	padding-left: 25px
}
.order__content-discount {
	background: url(../img/discount.png) center center no-repeat;
	background-size: contain;
	max-width: 429px;
	width: 100%;
	font-size: 40px;
	line-height: 68px;
	color: #fff;
	text-align: center;
}
.order__content-timer {
	margin: 15px auto
}
.order__content-timer span {
	background: url(../img/timer-count.png) center center no-repeat;
	display: inline-block;
	width: 125px;
	height: 78px;
	color: #555;
	font-family: "PT Sans",sans-serif;
	letter-spacing: 30px;
	font-size: 50px;
	line-height: 78px;
	text-align: center;
	text-indent: 21px;
	margin-left: 10px;
	position: relative;
}
.input-wrapper {
	position: relative;
	margin-bottom: 10px
}
.input-wrapper input, .input-wrapper select {
	background: url(../img/input.png) center center no-repeat;
	background-size: 100% 100%;
	height: 60px;
	font-size: 24px;
	padding: 0 15px;
	color: #333;
	border: none;
	width: 100%;
	outline: none;
	border-radius: 13px
}
@media screen and (max-width: 991px) {
	.container {
		max-width: 320px;
		padding: 0 10px
	}
	.h1 {
		font-size: 32px
	}
	.header__content, .cert__content, .promote__content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.header__left {
		background: none
	}
	.price {
		background-size: 100% 100%
	}
	.price__new .al-cost {
		font-size: 50px
	}
	.header__right .product__img {
		display: none
	}
	.promote__left, .promote__right, .cert__content-left, .cert__content-right, .how__content-item, .order__content {
		width: 100%
	}
	.promote__left {
		padding: 0;
		margin-bottom: 30px
	}
	.advantages__content-item, .work__content-item, .test__content-item {
		width: 50%;
		margin-bottom: 30px
	}
	.test__content-item img {
		max-width: 100%
	}
	.expert__content {
		padding-bottom: 380px;
	}
	.expert .container::after {
		bottom: -175px;
		-webkit-transform: translateX(-69%);
		transform: translateX(-69%)
	}
	.reviews__content-item::before, .reviews__content-reverse::before {
		background: #bb2d2c;
		border: 10px solid #e14141;
		border-radius: 15px;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		left: auto;
		right: auto;
		top: auto;
		-webkit-transform: none;
		transform: none;
	}
	.reviews__content-item, .reviews__content-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 30px
	}
	.reviews__content-item img, .reviews__content-reverse img {
		margin: 30px auto
	}
	.cert__content-left {
		margin-bottom: 30px
	}
	.info__content-item:nth-child(1) {
		margin-top: 0;
		margin-bottom: 90px
	}
	.how__content-item {
		margin-top: 60px
	}
	.how__content-item:nth-child(1) {
		margin-top: 0
	}
	.how__content-item:nth-child(1)::after, .how__content-item:nth-child(2)::after {
		left: 50%;
		top: auto;
		right: auto;
		bottom: -90px;
		-webkit-transform: translateX(-50%) rotate(0deg);
		transform: translateX(-50%) rotate(0deg)
	}
	.order__content-timer span {
		text-indent: 8px;
		letter-spacing: 15px;
		background-size: contain;
		width: 82px
	}
	.order__content-discount {
		line-height: normal;
	}
	.order__content {
		padding-bottom: 15px
	}
	.advantages, .test, .reviews, .info {
		padding: 202px 0
	}
	.advantages, .test, .reviews, .info, .order {
		background: #fdfdfd
	}
}