@font-face {
	font-family: 'Joules et Jaques';
	src: local('Joules et Jaques Serif Bold'), local('Joules-et-Jaques-Serif-Bold'), url(../font/JoulesetJaquesSerif-Bold.woff2) format('woff2'), url(../font/JoulesetJaquesSerif-Bold.woff) format('woff'), url(../font/JoulesetJaquesSerif-Bold.ttf) format('truetype');
	font-weight: 700;
	font-style: normal
}

body {
	max-width: 1920px;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	color: #181818;
	overflow-x: hidden;
	background-color: #fff;
	margin: auto
}

a {
	text-decoration: none;
	outline: 0!important
}

ul li {
	list-style: none
}

.base {
	box-sizing: border-box;
	width: 100%;
	max-width: 1920px;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto
}

.container {
	box-sizing: border-box;
	width: 100%;
	max-width: 944px;
	margin: 0 auto
}

header {
	position: relative;
	width: 100%;
	height: 55px;
	background-color: #efe4dc;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .22);
	z-index: 2
}

.header {
	height: 100%;
	max-width: 910px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto
}

.header_item {
	height: 100%;
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center
}

.header_item img {
	position: relative;
	top: 12px
}

.header_item span {
	max-width: 170px;
	font-size: 16px;
	padding-left: 12px;
	line-height: 18px;
	letter-spacing: -.6px;
	color: #2e2e2e
}

.header_item:last-child span {
	max-width: 200px
}

.main_title {
	padding-top: 60px
}

.h1 {
	font-family: 'Joules et Jaques', serif;
	width: 600px;
	font-weight: 700;
	font-size: 96px;
	line-height: 110px;
	text-align: center;
	color: #f4e8e1;
	text-transform: uppercase
}

.h1 span {
	position: relative;
	display: inline-block;
	border-top: 3px solid #f4e8e1
}

.top-b {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0
}

.subtitle {
	width: 600px;
	font-size: 24px;
	letter-spacing: .4px;
	color: #fff;
	line-height: 30px;
	margin-top: 6px;
	text-transform: uppercase;
	text-align: center
}

.bg_top {
	height: 893px;
	background-image: url(../img/bg1920-1.jpg);
	position: relative
}

.list {
	margin: 30px 0 0 0;
	width: 750px;
	display: flex;
	align-items: center
}

.list li {
	box-sizing: border-box;
	position: relative;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	color: #fff;
	padding: 7px 0 8px 55px;
	width: 33%
}

.list li::before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 43px;
	height: 43px;
	filter: drop-shadow(4px 6px 4px rgba(0, 0, 0, .3));
	background: no-repeat url(../img/check.png)
}

.smart {
	position: relative
}

.sale,
.sklad {
	text-align: center;
	width: 132px;
	height: 80px;
	font-size: 14px;
	font-weight: 800;
	color: #181818;
	text-transform: uppercase;
	position: absolute;
	left: 450px;
	top: 108px;
	transform: rotate( -14deg)
}

.sale p:nth-child(1),
.sklad p:nth-child(1) {
	margin-bottom: 8px
}

.sale p:nth-child(2),
.sklad p:nth-child(2) {
	font-size: 36px;
	color: #181818
}

.sale p:nth-child(2) small,
.sklad p:nth-child(2) small {
	font-size: 24px
}

.sklad p:nth-child(1) {
	margin-bottom: 4px
}

.sklad {
	font-size: 13px;
	left: 0;
	top: 104px;
	transform: rotate(15deg)
}

.sklad p:nth-child(2) {
	font-size: 34px
}

.sklad p:nth-child(2) small {
	font-size: 12px
}

.sklad p:nth-child(1) {
	font-weight: 700
}

.top-form {
	position: absolute;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	right: 204px;
	top: 110px
}

.sale_block {
	box-sizing: border-box;
	width: 100%;
	max-width: 342px;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 130px;
	margin-left: auto
}

.count {
	background-color: rgba(53, 62, 75, .6)
}

.counter {
	width: 100%
}

.count_title {
	color: #fff;
	text-align: center;
	padding-top: 14px
}

.countbox {
	display: flex;
	width: 278px;
	justify-content: space-between;
	padding: 6px 0 22px;
	margin: 0 auto
}

.countbox_wrap {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 80px;
	height: 58px;
	padding-top: 8px;
	background: no-repeat url(../img/timer.png)
}

.countbox_wrap::before {
	position: absolute;
	content: "";
	top: 20px;
	right: -12px;
	width: 4px;
	height: 13px;
	background: no-repeat url(../img/dotes.png)
}

.countbox_wrap:last-child::before {
	display: none
}

.countbox_num span {
	font-size: 36px;
	color: #272727;
	letter-spacing: 18px;
	padding-left: 18px;
	font-weight: 700
}

.countbox_text {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	margin: 12px 0 0
}

.price_list {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 14px 0;
	background-color: rgba(255, 255, 255, .7)
}

.new_price,
.old_price {
	box-sizing: border-box;
	font-size: 16px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column
}

.old_price {
	position: relative;
	color: #635151;
	width: 50%
}

.new_price {
	color: #272727;
	width: 50%
}

.new_price .price_text,
.old_price .price_text {
	font-weight: 600
}

.price {
	font-size: 34px;
	line-height: 38px;
	font-weight: 700
}

.old_price .price {
	position: relative;
	font-weight: 700;
	font-size: 34px
}

.old_price .price::after {
	position: absolute;
	content: "";
	top: 20px;
	left: 0;
	width: 105px;
	height: 2px;
	background-color: #635151
}

.old_price::after {
	position: absolute;
	content: "";
	top: calc(50% - 15px);
	right: -14px;
	width: 29px;
	height: 30px;
	background: no-repeat url(../img/arrow_price.png)
}

.sale_form {
	width: 100%
}

.form {
	display: none
}

.inputs_wrap {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: rgba(255, 255, 255, .7);
	padding: 12px 0 8px
}

.btn_wrap {
	background-color: rgba(255, 255, 255, .5);
	padding: 10px 0 14px;
	margin: 0 auto
}

.btn {
	appearance: none;
	-webkit-appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	box-sizing: border-box;
	height: 68px;
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-family: inherit;
	border: 1px solid #fff;
	background-color: #ff9d02;
	text-align: center;
	cursor: pointer;
	transition: all .2s ease;
	margin: 0 auto
}

.btn:hover {
	background-color: #c08758
}

.btn:active {
	background-color: #343e4b
}

.input {
	width: 300px;
	height: 48px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #c1b4b8;
	background-color: #fff;
	margin: 4px auto
}

.input:active,
.input:hover {
	border: 1px solid #9e8d79
}

.input:active div,
.input:hover div {
	border-right: 1px solid #9e8d79
}

.input input {
	box-sizing: border-box;
	width: 100%;
	font-size: 20px;
	border: none;
	color: #2c2c2c;
	background-color: transparent;
	padding: 0 6px 0 16px
}

.input div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-width: 48px;
	background-color: #edede4;
	border-right: 1px solid #c3c0ba;
	cursor: text
}

.input input::-webkit-input-placeholder {
	color: #2c2c2c
}

.input input::-moz-placeholder {
	color: #2c2c2c
}

.input input:-ms-input-placeholder {
	color: #2c2c2c
}

.input input::placeholder {
	color: #2c2c2c;
	opacity: 1
}

.secure {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 4px
}

.secure span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #656565;
	padding-left: 8px
}

.secure img {
	display: block
}

.titles {
	width: 944px;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	padding-top: 68px;
	margin: 0 auto;
	color: #fff
}

.green span {
	color: #5f9045
}

.orange span {
	color: #ff9d02
}

.show {
	height: 611px;
	background-image: url(../img/bg1920-2.jpg);
	background-position: top center;
	overflow: hidden
}

.video_container {
	max-width: 944px;
	margin: 34px auto 0
}

.video {
	width: 100%;
	height: 385px;
	background-color: #000
}

.video iframe {
	width: 100%;
	height: 100%
}

.show_slider {
	position: relative;
	width: 100%;
	max-width: 944px;
	margin: 30px auto 0;
	filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, .2))
}

.show_slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 299px;
	height: 204px;
	border-radius: 6px;
	overflow: hidden
}

.antiage {
	height: 460px;
	background-image: url(../img/bg1920-3.jpg);
	background-position: top center
}

.antiage h2 {
	color: #292a28
}

.antiage h2 span {
	font-weight: 700;
	color: #92740b;
	display: block
}

.antiage_inner {
	display: flex;
	justify-content: space-between;
	margin: 34px auto 0;
	padding-bottom: 20px
}

.antiage_item {
	width: 227px;
	min-height: 234px;
	text-align: center
}

.antiage_item p {
	font-weight: 400;
	line-height: 24px;
	margin-top: 12px;
	padding-bottom: 20px
}

.woman {
	height: 730px;
	background-image: url(../img/bg1920-4.jpg);
	background-position: top center
}

.woman h2 {
	color: #fff
}

.woman h2 span {
	font-weight: 700;
	color: #ff9d02
}

.woman_inner {
	display: flex;
	justify-content: space-between;
	margin: 34px auto 0;
	padding-bottom: 20px
}

.woman .base-subtitle {
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	max-width: 944px;
	font-weight: 600;
	font-style: italic;
	color: #fff;
	text-align: center;
	margin: 15px auto 0
}

.woman-gifs {
	flex: 0 0 490px;
	display: flex;
	flex-direction: column;
	align-items: center
}

.woman-gifs img {
	max-width: 100%;
	width: 100%;
	height: 215px;
	margin-bottom: 25px;
	background: #fff;
	box-sizing: border-box;
	padding: 15px
}

.woman-text {
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	flex: 0 0 455px
}

.woman-text p:not(:last-child) {
	margin-bottom: 30px
}

.woman-text .btn {
	margin-top: 35px;
	margin-left: 0
}

.woman-text-inner {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 25px 0;
	margin-top: 25px
}

.sostav {
	background-image: url(../img/bg1920-3.jpg);
	background-position: top center;
	background-size: cover
}

.sostav h2 {
	color: #292a28
}

.sostav_inner {
	display: flex;
	justify-content: space-between;
	margin: 34px auto 0;
	padding-bottom: 20px;
	position: relative
}

.sostav_inner:before {
	content: "";
	background: url(../img/sostav-line.png);
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	top: -15px
}

.sostav-item {
	width: 180px;
	margin-bottom: 30px
}

.sostav-item h3 {
	font-size: 18px;
	font-weight: 700;
	color: #292a28;
	display: block;
	margin: 15px 0
}

.sostav-item p {
	font-size: 16px
}

.problems {
	background-color: #fff;
	background-image: url(../img/lvs_much.jpg), url(../img/lvs_no_blur.jpg), url(../img/lvs_blur.jpg);
	background-position: top 239px left calc(50% - 734px), top 104px left calc(50% - -500px), top 148px left calc(50% - -596px)
}

.problems>p {
	font-style: italic;
	text-align: center;
	font-weight: 700;
	margin-top: 24px
}

.problems_inner {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 38px 0 34px;
	overflow: hidden
}

.problems_item {
	position: relative;
	width: 170px;
	min-height: 242px;
	text-align: center
}

.problems_item p {
	line-height: 24px;
	margin-top: 18px
}

.problems_item::before {
	position: absolute;
	content: "";
	top: -8px;
	right: -109px;
	width: 140px;
	height: 40px
}

.problems_item:nth-child(odd)::before {
	background: no-repeat url(../img/arrow_down.png)
}

.problems_item:nth-child(2)::before {
	top: 118px;
	background: no-repeat url(../img/arrow_up.png)
}

.why {
	background-color: #f3f4ed;
	padding-bottom: 40px
}

.why_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: no-repeat url(../img/product.png);
	background-position: top 48px left calc(50% - -3px)
}

.why_item {
	position: relative;
	width: 300px;
	margin-top: 32px
}

.why_item h4 {
	font-weight: 800;
	line-height: 22px
}

.why_item p {
	font-size: 16px;
	line-height: 18px;
	margin-top: 10px
}

.why_item::before {
	position: absolute;
	content: "";
	top: 10px;
	left: -42px;
	width: 25px;
	height: 24px;
	filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, .65))
}

.why_item:nth-child(1)::before {
	background-image: url(../img/n1.png)
}

.why_item:nth-child(2)::before {
	background-image: url(../img/n2.png)
}

.why_item:nth-child(3)::before {
	background-image: url(../img/n3.png)
}

.why_item:nth-child(4)::before {
	background-image: url(../img/n4.png)
}

.why_item:nth-child(4) {
	width: 540px
}

.btn_block {
	width: 312px;
	padding: 0 34px 0 0;
	margin: auto 0
}

.btn_block h3 {
	width: 200px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 36px;
	font-size: 30px
}

.btn_block p {
	margin: 24px 0 30px;
	line-height: 24px
}

.btn_block .btn {
	margin: 0;
	font-size: 24px
}

.effect {
	height: 560px;
	background-image: url(../img/bg1920-6.jpg)
}

.effect .titles {
	box-sizing: border-box;
	text-align: left;
	padding-left: 290px
}

.effect_inner {
	margin: 62px auto 0
}

.effect_inner p {
	width: 620px;
	line-height: 24px;
	margin-left: 290px;
	color: #fff
}

.effect_inner h3 {
	width: 620px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	margin: 55px 0 15px 290px
}

.how {
	height: 617px;
	background-image: url(../img/bg1920-7.jpg);
	color: #fff
}

.how h2 span {
	color: #292a28;
	font-weight: 700
}

.how_inner {
	margin-top: 46px
}

.how_inner p {
	width: 390px;
	font-weight: 600;
	line-height: 24px
}

.how_inner p span {
	color: #000;
	font-weight: 700
}

.how_inner ul {
	margin-top: 16px
}

.how_inner li {
	width: 380px;
	position: relative;
	line-height: 24px;
	color: #292a28;
	padding: 10px 0 6px 46px
}

.how_inner li::before {
	position: absolute;
	text-align: center;
	font-size: 18px;
	color: #292a28;
	font-weight: 700;
	padding-top: 5px;
	box-sizing: border-box;
	border-radius: 50%;
	top: 18px;
	left: 0;
	width: 35px;
	height: 35px;
	background-color: #fff
}

.how_inner ul li:nth-child(1)::before {
	content: "1"
}

.how_inner ul li:nth-child(2)::before {
	content: "2"
}

.how_inner ul li:nth-child(3)::before {
	content: "3"
}

.how_inner .btn {
	margin: 34px 0 0;
	font-size: 24px
}

.expert {
	height: 703px;
	background-image: url(../img/bg1920-8.jpg)
}

.expert_inner {
	margin: 50px auto 0
}

.expert_inner>p {
	width: 490px;
	line-height: 24px;
	padding: 15px 0;
	color: #fff;
	margin-left: 454px
}

.expert_inner>p span {
	font-weight: 700;
	text-transform: uppercase
}

.caption {
	font-size: 16px;
	color: #fff;
	margin: 0 0 8px 454px
}

.caption p:first-child {
	text-transform: uppercase;
	font-weight: 700;
	color: #c08758;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 6px
}

.feedback {
	overflow: hidden;
	background-image: url(../img/bg1920-3.jpg);
	background-position: top center;
	background-size: cover
}

.feedback h2 {
	color: #292a28
}

.feedback h2 span {
	font-weight: 700;
	color: #92740c
}

.feedback_slider {
	width: 944px;
	height: 330px;
	margin: 34px auto 72px;
	border-top: 3px solid #fff;
	padding-top: 25px
}

.feedback_slide {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 30px;
	background: #fff;
	justify-content: space-between
}

.feedback_slide:before {
	content: "";
	position: absolute;
	left: 30px;
	background: url(../img/quote-left.png);
	width: 39px;
	height: 24px
}

.feedback_slide:after {
	content: "";
	position: absolute;
	right: 30px;
	background: url(../img/quote-right.png);
	width: 39px;
	height: 24px
}

.feed-text {
	width: 460px;
	line-height: 24px
}

.feed-name {
	text-align: center;
	font-size: 24px;
	color: #c08758;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	margin-bottom: 30px
}

.fake {
	height: 480px;
	background-image: url(../img/lvs1.png), url(../img/lvs2.png), url(../img/lvs3.png);
	background-position: top 42px left calc(50% - 484px), top 58px left calc(50% - -600px), top 338px left calc(50% - -550px)
}

.fake .titles {
	padding-left: 284px;
	box-sizing: border-box
}

.fake_inner {
	position: relative;
	margin-top: 20px
}

.fake_item {
	width: 644px;
	margin-left: auto;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 10px 10px 20px 8px rgba(0, 0, 0, .1);
	padding: 0 0 10px 0
}

.fake_inner img {
	position: absolute;
	left: 28px;
	top: -88px;
	width: 463px;
	z-index: 10
}

.fake_inner p {
	position: relative;
	box-sizing: border-box;
	line-height: 24px;
	padding: 14px 5px 10px 102px;
	font-weight: 600
}

.fake_inner p:first-child {
	color: #fff;
	font-weight: 600;
	background-color: #5f9045;
	padding: 6px 0 10px 102px
}

.fake_inner p:last-child::before {
	position: absolute;
	content: "";
	top: 22px;
	left: 66px;
	width: 19px;
	height: 14px;
	background: no-repeat url(../img/check_fake.png)
}

.simple_steps {
	height: 370px;
	background-color: #9a8f81
}

.simple_steps h2 {
	color: #fff
}

.simple_steps h2 span {
	color: #292a28;
	font-weight: 700
}

.steps {
	position: relative;
	max-width: 790px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 60px auto 0
}

.step {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 22px
}

.step div {
	position: relative;
	width: 140px;
	height: 93px;
	display: flex;
	justify-content: center;
	align-items: center
}

.step:nth-child(2) div {
	justify-content: flex-end
}

.step div::before {
	position: absolute;
	content: "";
	width: 124px;
	height: 44px
}

.step:nth-child(1) div::before {
	top: -12px;
	right: -142px;
	background: no-repeat url(../img/arrow_step_down.png)
}

.step:nth-child(2) div::before {
	top: 62px;
	right: -140px;
	background: no-repeat url(../img/arrow_step_up.png)
}

.step div::after {
	position: absolute;
	content: "";
	width: 17px;
	height: 17px
}

.step:nth-child(1) div::after,
.step:nth-child(2) div::after {
	top: 42px;
	right: -82px;
	background: no-repeat url(../img/cross.png)
}

.step p {
	width: 220px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	line-height: 24px;
	margin-top: 26px
}

.action {
	position: relative;
	background-color: #1d1d1d;
	box-shadow: 2.5px 4.33px 5px 0 rgba(0, 0, 0, .09);
	padding: 16px 0 20px;
	z-index: 1
}

.action_item {
	width: 100%;
	max-width: 944px;
	display: flex;
	justify-content: space-between;
	margin: auto
}

.br3,
.br5,
.br6 {
	display: none
}

.color1 {
	color: #c08758
}

.action_item p {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin: 0;
	letter-spacing: -.5px;
	padding: 12px 20px
}

.action_item p:first-child {
	padding-left: 0
}

.action_item p:last-child {
	padding-right: 0
}

.action_item p:nth-child(2)::before,
.action_item p:nth-child(3)::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 1px;
	height: 94px;
	background-color: #fff
}

.bottom_block .btn {
	font-size: 30px
}

.bottom_block .inputs_wrap {
	padding: 0 0 8px
}

.bottom_block .price_list {
	padding: 14px 0 14px
}

.bottom_block .sale_block {
	margin-top: 7px
}

footer {
	background-color: #141414;
	font-size: 12px;
	text-align: center;
	color: #fff;
	padding: 20px 0
}

.owl-next,
.owl-prev {
	box-sizing: border-box;
	position: absolute;
	width: 42px;
	height: 42px;
	top: 170px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-color: #c08758;
	background-image: url(../img/next.png);
	transition: all .2 ease
}

.owl-prev {
	left: -82px;
	transform: rotate(180deg)
}

.owl-next {
	right: -82px
}

.owl-prev:active,
.owl-prev:hover {
	background-color: #5f9045;
	background-image: url(../img/next_active.png)
}

.owl-next:active,
.owl-next:hover {
	background-color: #2b1c17;
	transform: rotate(0);
	background-image: url(../img/next_active.png)
}

.owl-dots {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: -40px;
	left: calc(50% - 100px);
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 0
}

.owl-dot {
	display: block;
	width: 6px;
	height: 6px;
	background-color: #292a28;
	border-radius: 50%;
	margin: 0 10px
}

.owl-dot.active {
	width: 6px;
	height: 6px;
	background-color: #c08758;
	padding: 3px;
	background-clip: content-box;
	border: 1px solid #c08758
}

.bottom_block .top-form {
	display: none
}

@media only screen and (max-width:980px) {
	.base {
		max-width: 960px
	}
	.container,
	.header {
		max-width: 620px
	}
	.header img {
		top: 4px;
		width: 58px
	}
	.header span {
		max-width: 110px;
		font-size: 14px;
		line-height: 16px;
		padding-left: 10px
	}
	.header_item:last-child span {
		max-width: 120px
	}
	.bg_top {
		height: 1195px;
		background-image: url(../img/bg960-1.jpg)
	}
	.h1 {
		width: 100%
	}
	.subtitle {
		width: 100%
	}
	.list li {
		font-size: 14px;
		line-height: 16px
	}
	.list {
		width: 100%;
		margin: 28px 0 0 0
	}
	.smart {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start
	}
	.sale {
		left: 471px;
		top: 112px
	}
	.top-form {
		right: 0;
		left: 0;
		top: 530px;
		width: 100%;
		margin: auto;
		text-align: center
	}
	.top-form br {
		display: none
	}
	.sale_block {
		max-width: 620px;
		max-height: 200px;
		display: flex;
		margin-top: 515px
	}
	.count {
		background-color: #353e4b
	}
	.countbox {
		padding: 6px 0 28px
	}
	.price_list {
		padding: 14px 0 14px;
		background-color: rgba(255, 255, 255, .6)
	}
	.form {
		display: block
	}
	.no_form {
		display: none
	}
	.new_price,
	.old_price {
		font-size: 14px
	}
	.old_price .price {
		font-size: 30px
	}
	.old_price .price::after {
		top: 17px;
		left: 0;
		width: 94px
	}
	.old_price::after {
		width: 26px;
		height: 28px;
		background: no-repeat url(../img/arrow_price.png);
		background-size: 26px
	}
	.input {
		width: 226px;
		height: 36px
	}
	.input input {
		font-size: 15px
	}
	.input div {
		min-width: 36px
	}
	.input img {
		width: 16px
	}
	.inputs_wrap {
		padding: 12px 0 8px;
		background-color: rgba(255, 255, 255, .6)
	}
	.btn_wrap {
		padding: 8px 0 14px;
		background-color: rgba(237, 237, 228, .6)
	}
	.secure span {
		font-size: 12px;
		padding-left: 6px
	}
	.secure {
		margin-top: 0
	}
	.secure img {
		width: 8px
	}
	.btn {
		width: 246px;
		height: 54px;
		font-size: 18px
	}
	.titles {
		width: 620px;
		font-size: 24px;
		line-height: 30px;
		padding-top: 50px
	}
	.show {
		height: 530px
	}
	.video_container {
		max-width: 620px;
		margin: 26px auto 0
	}
	.video {
		max-width: 620px;
		height: 324px
	}
	.show_slider {
		max-width: 620px;
		margin: 30px auto 0
	}
	.antiage {
		height: 620px;
		background-size: cover
	}
	.antiage_inner {
		max-width: 465px;
		flex-wrap: wrap;
		margin: 22px auto 0;
		padding-bottom: 6px
	}
	.problems {
		background-position: top 424px left calc(50% - 450px), top 270px left calc(50% - -335px), top 532px left calc(50% - -390px)
	}
	.problems .titles {
		letter-spacing: -.6px
	}
	.problems>p {
		margin-top: 12px
	}
	.problems_inner {
		max-width: 468px;
		flex-wrap: wrap;
		padding-bottom: 0
	}
	.woman-text {
		flex: 0 0 300px
	}
	.woman-text-inner {
		margin-top: 0;
		padding: 30px 0
	}
	.woman {
		height: 765px;
		background-size: cover
	}
	.woman .base-subtitle {
		max-width: 644px
	}
	.sostav_inner:before {
		background-size: cover;
		background-position: top center;
		width: 90%
	}
	.woman-text .btn {
		position: relative;
		top: -13px;
		left: 160px
	}
	.woman-gifs {
		flex: 0 0 320px
	}
	.problems_item:nth-child(odd)::before {
		top: -8px;
		right: -88px
	}
	.problems_item:nth-child(2)::before {
		display: none
	}
	.sostav_inner {
		flex-wrap: wrap;
		justify-content: center;
		max-width: 680px
	}
	.sostav-item {
		margin: 1px 20px 30px
	}
	.problems_item:nth-child(3)::before {
		top: 118px;
		background: no-repeat url(../img/arrow_up.png)
	}
	.problems_item {
		width: 210px
	}
	.why {
		background-image: url(../img/product.png);
		background-position: top 144px left calc(50% - 112px)
	}
	.why_inner {
		flex-direction: column-reverse;
		background-image: none
	}
	.why_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.why_item {
		width: 290px;
		margin-top: 18px
	}
	.why_item:nth-child(4) {
		width: 290px
	}
	.why .btn {
		width: 300px;
		box-sizing: border-box;
		height: 68px;
		font-size: 24px
	}
	.btn_block {
		width: 300px;
		padding: 0;
		margin: 58px 0 40px auto
	}
	.btn_block p {
		margin: 24px 0 20px
	}
	.effect {
		height: 601px;
		background-image: url(../img/bg960-6.jpg)
	}
	.effect .titles {
		width: 620px;
		padding-left: 0;
		text-align: center
	}
	.effect_inner {
		margin: 26px auto 0
	}
	.effect_inner p {
		width: 388px;
		line-height: 24px;
		margin-left: 215px
	}
	.effect_inner h3 {
		width: 404px;
		margin: 25px 0 15px 214px
	}
	.how {
		height: 674px;
		background-image: url(../img/bg960-7.jpg)
	}
	.how .titles {
		padding-top: 40px
	}
	.how_inner {
		margin-top: 22px
	}
	.how_inner p {
		width: 100%;
		text-align: center
	}
	.how_inner p span {
		color: #ffbb4f
	}
	.how_inner ul {
		margin-top: 35px
	}
	.how_inner li {
		width: 230px
	}
	.how_inner .btn {
		width: 300px;
		height: 68px;
		margin: 50px auto 0;
		font-size: 24px
	}
	.expert {
		height: 834px;
		background-image: url(../img/bg960-8.jpg)
	}
	.expert .titles {
		padding-top: 40px
	}
	.expert_inner {
		margin: 14px auto 0
	}
	.expert_inner>p {
		width: 320px;
		margin-left: 292px
	}
	.caption {
		text-align: center;
		width: 100%;
		margin: 30px 0 10px 0
	}
	.feedback_slider {
		width: 620px;
		margin: 20px auto 60px;
		height: 465px
	}
	.feedback_slide {
		width: 620px;
		justify-content: center
	}
	.feed-name {
		order: 1;
		margin: 0
	}
	.feedback_slide:after,
	.feedback_slide:before {
		top: 200px
	}
	.feedback {
		height: 700px
	}
	.feed-img {
		order: 2;
		width: 280px;
		margin: 15px 0
	}
	.feed-text {
		order: 3;
		width: 100%
	}
	.feedback_slide img {
		width: 280px
	}
	.feedback_slide .img1 {
		object-position: -8px
	}
	.feedback_slide .img2 {
		object-position: -50px
	}
	.feedback_slide .img3 {
		object-position: -74px
	}
	.comment {
		height: 390px;
		width: 460px;
		padding: 24px 10px 0 34px;
		margin-right: -83px;
		margin-top: 44px;
		z-index: 10
	}
	.comment::before {
		top: -40px
	}
	.comment p {
		width: 390px;
		margin-top: 18px
	}
	.fake {
		height: 604px;
		background-position: top 62px left calc(50% - 354px), top 208px left calc(50% - -420px), top 338px left calc(50% - -610px)
	}
	.fake .titles {
		padding-left: 230px;
		text-align: left;
		box-sizing: border-box
	}
	.fake_item {
		width: 620px;
		margin-left: 0;
		padding: 0
	}
	.fake_inner img {
		left: -130px;
		top: 33px
	}
	.fake_inner p {
		padding: 10px 5px 14px 240px;
		letter-spacing: -.3px
	}
	.fake_inner p:first-child {
		padding: 6px 106px 10px 240px
	}
	.fake_inner p:last-child::before {
		top: 18px;
		left: 210px
	}
	.steps {
		margin: 28px auto 0
	}
	.step p {
		width: 166px
	}
	.step:nth-child(2) p {
		width: 180px
	}
	.step:nth-child(1) div::before {
		right: -116px
	}
	.step:nth-child(2) div::before {
		right: -106px
	}
	.step:nth-child(1) div::after {
		right: -54px
	}
	.step:nth-child(2) div::after {
		right: -48px
	}
	.action {
		padding: 0
	}
	.action_item {
		max-width: 490px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 5px 0
	}
	.action_item p {
		text-align: center;
		display: block;
		line-height: 1.3;
		margin: 0;
		padding: 8px 0
	}
	.action_item p:nth-child(2)::before,
	.action_item p:nth-child(3)::before {
		left: calc(50% - 210px);
		width: 420px;
		height: 1px
	}
	.br1,
	.br2,
	.br5 {
		display: none
	}
	.bottom_block .sale_block {
		margin-top: 515px
	}
	.bottom_block .inputs_wrap {
		padding: 12px 0 8px
	}
	.bottom_block .top-form {
		display: block
	}
	.owl-dots {
		bottom: -35px
	}
	.owl-prev {
		left: 110px;
		top: 150px
	}
	.owl-next {
		right: 110px;
		top: 150px
	}
	.simple_steps h2 span {
		display: block
	}
}

@media only screen and (max-width:665px) {
	.base,
	body {
		max-width: 420px
	}
	.container {
		max-width: 282px
	}
	header {
		display: none
	}
	.bg_top {
		height: 1159px;
		background-image: url(../img/bg420-1.jpg)
	}
	.bg_top .no_form {
		display: block
	}
	.bg_top .form {
		display: none
	}
	.main_title {
		max-width: 290px;
		padding-top: 135px
	}
	.h1 {
		width: 290px;
		text-align: center;
		font-size: 48px;
		line-height: 60px
	}
	.subtitle {
		text-align: center;
		font-size: 24px;
		line-height: 30px;
		margin-top: 8px
	}
	.list {
		margin: 30px 0 0;
		display: block
	}
	.top-b {
		display: none
	}
	.list li br {
		display: none
	}
	.list li::before {
		width: 38px;
		height: 38px;
		background-size: cover
	}
	.list li {
		width: 100%;
		padding: 6px 0 7px 44px
	}
	.list li:first-child,
	.list li:last-child {
		left: 0
	}
	.top-form {
		top: 480px;
		font-size: 15px
	}
	.sklad {
		font-size: 13px;
		left: -17px;
		top: 198px;
		transform: rotate(27deg) scale(.8)
	}
	.sale {
		left: 175px;
		top: 190px;
		transform: rotate(-27deg) scale(.8)
	}
	.sale_block {
		flex-direction: column;
		max-height: none;
		margin: 385px 0 0
	}
	.count {
		background-color: rgba(53, 62, 75, .6)
	}
	.count_title {
		font-size: 15px;
		padding-top: 12px
	}
	.countbox {
		width: 232px;
		padding: 4px 0 20px
	}
	.countbox_wrap {
		background-size: 66px;
		width: 66px;
		height: 46px;
		padding-top: 6px
	}
	.countbox_wrap::before {
		top: 14px;
		right: -11px
	}
	.countbox_num span {
		font-size: 30px;
		letter-spacing: 14px;
		padding-left: 14px
	}
	.countbox_text {
		font-size: 11px
	}
	.price_list {
		padding: 8px 0
	}
	.price {
		font-size: 30px
	}
	.old_price .price {
		font-size: 28px
	}
	.new_price,
	.old_price {
		font-size: 13px
	}
	.secure {
		margin-top: 6px
	}
	.inputs_wrap {
		padding: 0 0 6px
	}
	.input {
		width: 242px;
		height: 38px
	}
	.input input {
		font-size: 16px
	}
	.titles {
		width: 282px;
		font-size: 27px;
		line-height: 1.12;
		padding-top: 34px
	}
	.show {
		height: 610px
	}
	.video_container {
		max-width: 420px;
		margin: 28px auto 0
	}
	.video {
		height: 275px;
		max-width: 420px
	}
	.show_slider {
		max-width: 282px;
		margin: 24px auto 0
	}
	.show_slide {
		width: 282px;
		height: 192px
	}
	.antiage {
		height: 1178px
	}
	.antiage_inner {
		max-width: 227px;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		margin: 26px auto 0;
		padding-bottom: 6px
	}
	.antiage_item p {
		padding-bottom: 10px
	}
	.problems {
		background-position: top 938px left calc(50% - 321px), top 360px left calc(50% - -170px), top 812px left calc(50% - -164px)
	}
	.problems .titles {
		letter-spacing: 0
	}
	.problems_inner {
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
		margin: 20px auto 0
	}
	.problems>p {
		line-height: 24px;
		margin-top: 12px
	}
	.problems_item:nth-child(3)::before,
	.problems_item:nth-child(odd)::before {
		display: none
	}
	.why {
		background-position: top 206px left calc(50% - -18px);
		background-size: 325px
	}
	.why_inner {
		max-width: 420px;
		flex-direction: column;
		margin-top: 320px
	}
	.woman .base-subtitle {
		max-width: 282px
	}
	.woman_inner {
		flex-direction: column
	}
	.woman-gifs {
		order: -1
	}
	.woman-gifs img {
		height: 150px
	}
	.woman-text .btn {
		position: static
	}
	.woman {
		height: 1300px
	}
	.sostav-item {
		width: 240px;
		text-align: center
	}
	.btn:not(.sale_block.btn) {
		width: 100%;
		height: 62px;
		font-size: 22px
	}
	.why_list {
		width: 100%
	}
	.why_item {
		width: 100%;
		margin-top: 0;
		padding: 42px 0 12px
	}
	.why_item:nth-child(4) {
		width: 100%
	}
	.why_item:nth-child(1) p {
		box-sizing: border-box;
		padding-right: 10px
	}
	.why_item:nth-child(odd) {
		background-color: rgba(0, 0, 0, .1)
	}
	.why_item h4 {
		width: 282px;
		margin: 0 auto
	}
	.why_item p {
		width: 282px;
		margin: 10px auto 0
	}
	.why_item::before {
		top: 8px;
		left: calc(50% - 142px)
	}
	.why_item p {
		font-size: 16px;
		line-height: 18px;
		margin-top: 10px
	}
	.btn_block {
		width: 100%;
		padding: 16px 0 30px;
		background-color: rgba(0, 0, 0, .1);
		margin: 0
	}
	.btn_block h3 {
		width: 282px;
		margin: 0 auto;
		font-size: 27px
	}
	.btn_block p {
		width: 282px;
		margin: 0 auto
	}
	.btn_block .btn {
		width: 282px;
		margin: 36px auto 0;
		font-size: 22px
	}
	.effect {
		height: 1335px;
		background-image: url(../img/bg420-6.jpg)
	}
	.effect .titles {
		padding: 34px 0 0;
		width: 282px;
		text-align: center
	}
	.effect_inner {
		margin: 555px auto 0
	}
	.effect_inner p {
		width: 260px;
		margin-left: 0;
		margin-bottom: 10px
	}
	.effect_inner h3 {
		width: 282px;
		line-height: 24px;
		margin: 40px 0 20px
	}
	.how {
		height: 1166px;
		background-image: url(../img/bg420-7.jpg)
	}
	.how_inner {
		margin-top: 20px
	}
	.how_inner ul {
		margin-top: 360px;
		margin-bottom: 50px
	}
	.how_inner .btn {
		margin-top: 54px
	}
	.how_inner li {
		width: 210px;
		padding: 9px 0 8px 46px;
		margin: auto
	}
	.how_inner .btn {
		width: 282px;
		height: 66px;
		margin: 22px 0 0;
		font-size: 22px
	}
	.expert {
		height: 1353px;
		background-image: url(../img/bg420-8.jpg)
	}
	.expert_inner {
		display: flex;
		flex-direction: column;
		margin: 20px auto 0
	}
	.caption {
		width: 282px;
		text-align: center;
		line-height: 18px;
		margin: 0 0 350px
	}
	.caption p:first-child {
		margin-bottom: 2px;
		padding: 0 20px
	}
	.feedback {
		height: 1050px
	}
	.owl-dots {
		bottom: 60px
	}
	.expert_inner>p {
		width: 260px;
		margin-left: 0
	}
	.step:nth-child(2) div {
		justify-content: center
	}
	.feedback h2 {
		font-size: 24px
	}
	.feedback_slider {
		width: 282px;
		height: 895px;
		margin: 30px auto 50px
	}
	.feedback_slide {
		flex-direction: column;
		justify-content: flex-start;
		width: 282px;
		height: 795px
	}
	.feed-name {
		order: 2;
		font-size: 20px;
		margin-bottom: 15px
	}
	.feed-img {
		order: 1;
		margin-top: 25px;
		width: 100%
	}
	.feedback_slide:after,
	.feedback_slide:before {
		top: 20px
	}
	.feedback_slide .img1 {
		object-position: 0 0
	}
	.feedback_slide .img2 {
		object-position: 0 0
	}
	.feedback_slide .img3 {
		object-position: 0 0
	}
	.comment {
		height: 588px;
		width: 282px;
		padding: 20px 0 0;
		margin-right: 0
	}
	.comment::before {
		top: -26px
	}
	.comment::after {
		top: 12px;
		right: 10px
	}
	.feedback h4 {
		width: 90%;
		text-align: center;
		line-height: 24px;
		margin: 0 auto
	}
	.comment p {
		width: 240px;
		margin-top: 18px;
		padding-left: 24px
	}
	.fake {
		height: 1076px;
		overflow: hidden;
		background-position: top 62px left calc(50% - 354px), top 208px left calc(50% - -420px), top 338px left calc(50% - -610px)
	}
	.fake_inner {
		position: relative;
		margin-top: 28px
	}
	.fake .titles {
		padding-left: 0;
		text-align: center
	}
	.fake_inner p {
		padding: 14px 10px 10px 26px
	}
	.fake_inner p:first-child {
		padding: 6px 26px 10px
	}
	.fake_inner p:last-child::before {
		top: 20px;
		left: 3px
	}
	.fake_inner img {
		position: relative;
		left: 0;
		top: 0;
		width: 340px
	}
	.fake_item {
		width: 282px;
		margin-left: 0;
		padding: 0 0 10px;
		margin-top: 18px
	}
	.simple_steps {
		height: 720px
	}
	.simple_steps .titles {
		width: 282px
	}
	.steps {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		margin: 14px auto 0
	}
	.step:nth-child(1) div::after,
	.step:nth-child(1) div::before,
	.step:nth-child(2) div::after,
	.step:nth-child(2) div::before {
		display: none
	}
	.step p {
		width: 220px;
		margin-top: 18px
	}
	.action {
		padding: 0
	}
	.br1,
	.br3,
	.br6 {
		display: block
	}
	.br4 {
		display: none
	}
	.action_item {
		max-width: 300px
	}
	.action_item p {
		padding: 10px 0
	}
	.action_item p:nth-child(2)::before,
	.action_item p:nth-child(3)::before {
		left: calc(50% - 113px);
		width: 226px
	}
	.old_price::after {
		width: 24px;
		height: 26px;
		background-size: 24px
	}
	.old_price::after {
		top: calc(50% - 13px);
		right: -12px
	}
	.bottom_block {
		height: 1239px;
		background: url(../img/last-b.jpg) no-repeat top center
	}
	.bottom_block .sale_block {
		margin-top: 360px
	}
	.bottom_block .top-form {
		top: 455px
	}
	.bottom_block .inputs_wrap {
		padding: 0 0 8px
	}
	.bottom_block .price_list {
		padding: 10px 0
	}
	footer {
		max-width: 420px;
		margin: auto
	}
	.owl-prev {
		left: -24px
	}
	.owl-next {
		right: -24px
	}
	.feedback .owl-next,
	.feedback .owl-prev {
		top: 120px
	}
}