a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=)
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@font-face {
	font-family: Montserrat;
	src: url(/../fonts/Montserrat-Bold.eot);
	src: url(/../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype");
	src: url(/../fonts/Montserrat-Bold.woff2) format("woff2");
	src: url(/../fonts/Montserrat-Bold.woff) format("woff");
	src: url(/../fonts/Montserrat-Bold.ttf) format("truetype");
	src: url(/../fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

body {
	font-size: 18px;
	font-family: Montserrat, sans-serif;
	background-color: #e5e5e5
}

body.active {
	overflow: hidden
}

.container {
	max-width: 320px;
	margin: 0 auto;
	padding: 0 15px
}

a {
	display: inline-block;
	text-decoration: none
}

.title {
	font-size: 30px;
	line-height: 120%;
	font-weight: 600
}

.btn {
	position: relative;
	display: inline-block;
	width: 290px;
	padding: 25px 20px 25px;
	border-radius: 80px;
	box-shadow: inset 0 1px 2px 1px #fff, inset 0 -1px 2px 1px #c4006a;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center
}

.btn__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	height: 100%;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.62%, #d10058), color-stop(34.67%, #ff227f), color-stop(108.25%, #ffc1e3));
	background: linear-gradient(180deg, #d10058 1.62%, #ff227f 34.67%, #ffc1e3 108.25%);
	border-radius: 80px
}

.btn__bg-hover {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1.62%, #d10058), color-stop(34.67%, #ff227f), color-stop(108.25%, #ffc1e3));
	background: linear-gradient(360deg, #d10058 1.62%, #ff227f 34.67%, #ffc1e3 108.25%);
	opacity: 0;
	border-radius: 80px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.btn:hover .btn__bg-hover {
	opacity: 1;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 0 28px 5px #faaad5, inset 0 1px 2px 1px #fff, inset 0 -1px 2px 1px #c4006a
}

.btn:active {
	box-shadow: 0 4px 6px rgba(0, 0, 0, .26), 0 -2px 6px rgba(0, 0, 0, .26), inset 0 1px 2px 1px #fff, inset 0 -1px 2px 1px #c4006a
}

.price {
	-webkit-transform: translateX(-35px);
	transform: translateX(-35px);
	min-width: 150px;
	font-weight: 600
}

.price-old {
	position: relative;
	display: inline-block
}

.price-old::before {
	content: '';
	position: absolute;
	top: 12px;
	left: -4px;
	width: calc(100% + 8px);
	height: 3px;
	background-color: #ff4091
}

.price-old-num {
	display: inline-block;
	margin-right: 5px;
	font-size: 27px
}

.price-old-currency {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase
}

.price-new {
	color: #ff4091
}

.price-new-num {
	display: inline-block;
	margin-right: 5px;
	font-size: 44px;
	letter-spacing: -.5px
}

.price-new-currency {
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase
}

.accent {
	font-weight: 600
}

.floating__block {
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	z-index: 100;
	background-color: rgba(255, 255, 255, .5);
	-webkit-transition: all .5s;
	transition: all .5s
}

.floating__block.active {
	bottom: 0
}

.al-country {
	box-sizing: border-box;
    width: 100%;
    margin-bottom: 22px;
    padding: 10px 16px;
    border-radius: 2px;
    border: 2px solid rgba(100, 100, 100, .5);
    outline: transparent;
    font-size: 16px;
}

form .input-wrapper label {
	display: none;
	pointer-events: none;
	font-family: "Open Sans", sans-serif;
	padding: 2px 10px;
	background-color: #ea0000
}

form .input-wrapper {
	position: relative
}

form .input-wrapper .error {
	border: 2px solid #ea0000 !important;
	color: #ea0000
}

form .input-wrapper .success {
	border: 2px solid #0eaa1e !important;
	color: #0eaa1e
}

form .input-wrapper .error+label {
	width: 90%;
	color: #fff;
	display: block !important;
	font-size: 12px;
	line-height: 17px;
	position: absolute;
	bottom: -20px;
	left: 5%;
	text-align: left !important;
	border-radius: 5px
}

form .input-wrapper .error+label::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: -7px;
	left: 10px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #ea0000
}

@-webkit-keyframes levitation {
	from {
		-webkit-transform: rotateZ(0) translateX(10px) rotateZ(0);
		transform: rotateZ(0) translateX(10px) rotateZ(0)
	}

	to {
		-webkit-transform: rotateZ(360deg) translateX(10px) rotateZ(-360deg);
		transform: rotateZ(360deg) translateX(10px) rotateZ(-360deg)
	}
}

@keyframes levitation {
	from {
		-webkit-transform: rotateZ(0) translateX(10px) rotateZ(0);
		transform: rotateZ(0) translateX(10px) rotateZ(0)
	}

	to {
		-webkit-transform: rotateZ(360deg) translateX(10px) rotateZ(-360deg);
		transform: rotateZ(360deg) translateX(10px) rotateZ(-360deg)
	}
}

.header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 998;
	-webkit-transition: background .5s;
	transition: background .5s
}

.header.active {
	background: rgba(255, 255, 255, .8)
}

.header__inner {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 5px 0
}

.header__logo {
	margin-top: 3px
}
.header__logo img {
	width: 203px;
}
.header__menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background-color: rgba(5, 96, 162, .5);
	overflow: hidden;
	-webkit-transition: height .4s;
	transition: height .4s;
	background-image: url(../img/molecula.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.header__menu.active {
	height: 100vh;
	overflow-y: scroll
}

.header__menu-box {
	position: relative;
	max-width: 290px;
	width: 100%;
	margin: 0 auto;
	z-index: 2
}

.header__menu-logo {
	position: relative;
	max-width: 50%;
	margin-left: 85px;
	margin-bottom: 75px;
	color: #000
}

.header__menu-logo-link {
	margin-top: 15px
}
.header__menu-logo-link img {
	width: 138px;
}
.header__menu-logo-img {
	position: absolute;
	left: -165px;
	top: -65px;
	pointer-events: none
}

.header__nav {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%
}

.header__nav-item {
	position: relative;
	display: inline-block;
	color: #fff;
	margin-bottom: 28px;
	-webkit-transition: color .3s;
	transition: color .3s
}

.header__nav-item::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	height: 2px;
	width: 100%;
	opacity: 0;
	background-color: #fff;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all .3s;
	transition: all .3s
}

.header__nav-item:hover::after {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.header__nav-item:active {
	color: #000
}

.header__nav-item:active::after {
	display: none
}

.header__btn {
	margin-bottom: 30px
}

.header__images {
	margin: 10px 0 40px
}

.header__images span {
	display: inline-block;
	margin-right: 10px
}
.header__images span:last-child {
	margin-right: 0
}
.header__images span svg .path {
	stroke: #fff
}

.header__images span svg .path-fill {
	fill: #fff
}

.header__burger {
	position: relative;
	display: inline-block;
	margin-top: -10px;
	z-index: 999;
	cursor: pointer
}

.header__burger span {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 3px;
	background-color: #000;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.header__burger span::after,
.header__burger span::before {
	content: '';
	position: absolute;
	background-color: #000;
	width: 30px;
	height: 3px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.header__burger span::before {
	top: -8px
}

.header__burger span::after {
	top: 8px
}

.header__burger.active span {
	background: 0 0
}

.header__burger.active span::before {
	-webkit-transform: rotate(45deg) translate(5px, 6px);
	transform: rotate(45deg) translate(5px, 6px)
}

.header__burger.active span::after {
	-webkit-transform: rotate(-45deg) translate(5px, -6px);
	transform: rotate(-45deg) translate(5px, -6px)
}

.main {
	position: relative;
	padding-bottom: 30px;
	overflow: hidden
}

.main .container {
	position: relative;
	z-index: 2
}

.main__bg {
	position: absolute;
	height: 440px;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #ffb95f;
	background-image: url(../img/molecula.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: 0 15px 100px -1px rgba(0, 0, 0, .15)
}

.main__bg::after,
.main__bg::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 200px;
	left: 0
}

.main__bg::before {
	top: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.5%, #fff), color-stop(57.14%, rgba(255, 255, 255, 0)));
	background: linear-gradient(180deg, #fff 1.5%, rgba(255, 255, 255, 0) 57.14%)
}

.main__bg::after {
	bottom: 0;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(22.71%, #f5f5f5), color-stop(47.71%, rgba(247, 247, 247, .791105)), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(-360deg, #f5f5f5 22.71%, rgba(247, 247, 247, .791105) 47.71%, rgba(255, 255, 255, 0) 100%)
}

.main__inner {
	min-height: 530px;
	position: relative
}

.main__title {
	margin-top: 60px
}

.main__title-text {
	font-size: 24px
}

.main__product {
	position: absolute;
	bottom: 0;
	max-width: 290px
}

.main__product-top {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-transform: translateX(-75px);
	transform: translateX(-75px)
}

.main__product-bottom {
	margin-top: -20px;
	position: relative;
	z-index: 2
}

.main__product-price {
	margin-top: -45px
}

.advantages {
	margin-top: -50px;
	padding-bottom: 60px;
	padding-top: 50px;
	position: relative;
	overflow: hidden
}

.advantages__list-item {
	position: relative;
	padding-left: 50px;
	font-size: 21px;
	line-height: 120%;
	font-weight: 500
}

.advantages__list-item::before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	height: 38px;
	width: 46px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../img/svg/check.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.advantages__list-item+.advantages__list-item {
	margin-top: 20px
}

.advantages__images * {
	position: absolute
}

.advantages__images svg {
	opacity: .5
}

.advantages__images svg .path {
	stroke: #fff
}

.advantages__images svg .path-fill {
	fill: #fff
}

.advantages__images svg:nth-child(1) {
	bottom: 20px;
	left: calc(50% - 600px)
}

.advantages__images svg:nth-child(2) {
	bottom: 40px;
	left: calc(50% + 300px)
}

.advantages__images svg:nth-child(3) {
	top: 70px;
	left: calc(50% - 500px)
}

.advantages__images svg:nth-child(4) {
	top: 50px;
	left: calc(50% - 280px)
}

.advantages__images svg:nth-child(5) {
	top: 80px;
	left: calc(50% + 400px)
}

.advantages__images svg:nth-child(6) {
	top: 120px;
	left: calc(50% - 400px)
}

.advantages__images svg:nth-child(7) {
	top: 50px;
	left: calc(50% - 500px)
}

.advantages__images svg:nth-child(8) {
	top: 60px;
	left: calc(50% + 600px)
}

.advantages__images svg:nth-child(9) {
	bottom: 30px;
	left: calc(50% + 200px)
}

.advantages__images svg:nth-child(10) {
	bottom: 65px;
	left: calc(50% - 400px)
}

.about {
	overflow: hidden;
	margin-top: -50px;
	padding-top: 50px
}

.about__outer {
	background: -webkit-gradient(linear, left top, left bottom, from(#69fde2), color-stop(33.12%, #58e9ce), color-stop(65.94%, #36aadc), to(#0560a2));
	background: linear-gradient(180deg, #69fde2 0, #58e9ce 33.12%, #36aadc 65.94%, #0560a2 100%);
	max-width: 1579px;
	margin: 0 auto;
	position: relative
}

.about__outer::after,
.about__outer::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	height: 100%;
	width: 160px
}

.about__outer::before {
	right: 0;
	background: -webkit-gradient(linear, right top, left top, color-stop(10.52%, #e5e5e5), color-stop(79.17%, rgba(245, 245, 245, 0)));
	background: linear-gradient(-90deg, #e5e5e5 10.52%, rgba(245, 245, 245, 0) 79.17%)
}

.about__outer::after {
	left: 0;
	background: -webkit-gradient(linear, left top, right top, color-stop(10.52%, #e5e5e5), color-stop(79.17%, rgba(245, 245, 245, 0)));
	background: linear-gradient(90deg, #e5e5e5 10.52%, rgba(245, 245, 245, 0) 79.17%)
}

.about__top-title {
	position: absolute;
	display: -webkit-box;
	display: flex;
	top: 75px;
	left: 50%;
	height: 200px;
	width: 200px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: rgba(255, 255, 255, .7);
	z-index: 2;
	text-align: center;
	font-weight: 600;
	font-size: 25px;
	line-height: 120%
}

.about__top>svg {
	position: absolute;
	min-width: 1580px;
	width: 100%;
	left: 50%;
	bottom: -60px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.about__top-img {
	-webkit-transform: translate(-20px, -45px);
	transform: translate(-20px, -45px)
}

.about__top-images * {
	position: absolute
}

.about__top-images {
	pointer-events: none
}

.about__top-images img:nth-child(1) {
	bottom: 25px;
	left: 50%;
	-webkit-transform: translateX(-46%);
	transform: translateX(-46%);
	z-index: 3
}

.about__top-images img:nth-child(2) {
	top: 90px;
	right: calc(50% - 180px);
	-webkit-animation: levitation 10s linear forwards infinite;
	animation: levitation 10s linear forwards infinite
}

.about__top-images img:nth-child(3) {
	bottom: 235px;
	left: calc(50% - 150px);
	animation: levitation 8s linear reverse infinite
}

.about__top-images img:nth-child(4) {
	bottom: 20px;
	right: calc(50% - 250px);
	animation: levitation 12s linear reverse infinite
}

.about__top-images img:nth-child(5) {
	bottom: 50px;
	left: calc(50% - 165px);
	-webkit-animation: levitation 7s linear forwards infinite;
	animation: levitation 7s linear forwards infinite
}

.about__top-images svg {
	opacity: .5
}

.about__top-images svg .path {
	stroke: #fff
}

.about__top-images svg .path-fill {
	fill: #fff
}

.about__top-images svg:nth-child(6) {
	top: 35px;
	left: calc(50% - 350px)
}

.about__top-images svg:nth-child(7) {
	bottom: 290px;
	left: calc(50% - 200px)
}

.about__top-images svg:nth-child(8) {
	bottom: 200px;
	right: calc(50% - 160px)
}

.about__top-images svg:nth-child(9) {
	bottom: 170px;
	right: calc(50% - 115px)
}

.about__top-images svg:nth-child(10) {
	top: 50px;
	right: calc(50% - 320px)
}

.about__top-images svg:nth-child(11) {
	top: 0;
	right: calc(50% - 450px)
}

.about__top-images svg:nth-child(12) {
	bottom: 260px;
	right: calc(50% - 115px)
}

.about__top-images svg:nth-child(13) {
	bottom: 200px;
	left: calc(50% - 130px)
}

.about__info {
	position: relative;
	margin-top: -30px;
	padding-bottom: 40px;
	z-index: 2
}

.about__info-title {
	margin-bottom: 25px;
	position: relative;
	z-index: 2
}

.about__info-text {
	line-height: 140%;
	position: relative;
	z-index: 2
}

.about__info-text+.about__info-text {
	margin-top: 25px
}

.about__info-images svg {
	position: absolute;
	opacity: .5
}

.about__info-images svg .path {
	stroke: #8defdd
}

.about__info-images svg .path-fill {
	fill: #8defdd;
	position: absolute
}

.about__info-images svg:nth-child(1) {
	top: -15px;
	right: calc(50% - 150px)
}

.about__info-images svg:nth-child(2) {
	bottom: 180px;
	right: calc(50% - 190px)
}

.about__info-images svg:nth-child(3) {
	bottom: 300px;
	right: calc(50% - 155px)
}

.about__info-images svg:nth-child(4) {
	top: 70px;
	right: calc(50% - 160px)
}

.about__info-images svg:nth-child(5) {
	bottom: 200px;
	right: calc(50% - 20px)
}

.about__info-images svg:nth-child(6) {
	bottom: 0;
	right: calc(50% - 225px)
}

.about__info-images svg:nth-child(7) {
	bottom: 170px;
	right: calc(50% - 100px)
}

.work {
	overflow: hidden
}

.work__outer {
	padding-top: 36px;
	max-width: 1579px;
	margin: 0 auto;
	background: -webkit-gradient(linear, left top, left bottom, from(#69fde2), color-stop(33.12%, #58e9ce), color-stop(65.94%, #36aadc), to(#0560a2));
	background: linear-gradient(180deg, #69fde2 0, #58e9ce 33.12%, #36aadc 65.94%, #0560a2 100%);
	position: relative
}

.work__outer::after,
.work__outer::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	height: 100%;
	width: 160px
}

.work__outer::before {
	right: 0;
	background: -webkit-gradient(linear, right top, left top, color-stop(10.52%, #e5e5e5), color-stop(79.17%, rgba(245, 245, 245, 0)));
	background: linear-gradient(-90deg, #e5e5e5 10.52%, rgba(245, 245, 245, 0) 79.17%)
}

.work__outer::after {
	left: 0;
	background: -webkit-gradient(linear, left top, right top, color-stop(10.52%, #e5e5e5), color-stop(79.17%, rgba(245, 245, 245, 0)));
	background: linear-gradient(90deg, #e5e5e5 10.52%, rgba(245, 245, 245, 0) 79.17%)
}

.work__inner {
	position: relative
}

.work__inner>svg {
	position: absolute;
	min-width: 1580px;
	width: 100%;
	left: 50%;
	bottom: -2px;
	z-index: 5;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.work__title {
	margin-bottom: 30px;
	position: relative;
	z-index: 2
}

.work__list {
	margin-bottom: 60px
}

.work__list-item {
	position: relative;
	padding-left: 50px;
	font-size: 21px;
	line-height: 120%;
	font-weight: 500;
	z-index: 2
}

.work__list-item::before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	height: 38px;
	width: 46px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../img/svg/check-black.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.work__list-item+.work__list-item {
	margin-top: 20px
}

.work__product {
	position: relative;
	z-index: 2;
	-webkit-transform: translate(-80%, 40px);
	transform: translate(-80%, 40px)
}

.work__images-main img {
	position: absolute
}

.work__images-main img:nth-child(1) {
	top: 300px;
	left: calc(50% + 30px);
	-webkit-animation: levitation 8s linear forwards infinite;
	animation: levitation 8s linear forwards infinite
}

.work__images-main img:nth-child(2) {
	top: 150px;
	left: calc(50% + 60px);
	animation: levitation 14s linear reverse infinite
}

.work__images-main img:nth-child(3) {
	top: 400px;
	left: calc(50% - 260px);
	-webkit-animation: levitation 14s linear forwards infinite;
	animation: levitation 14s linear forwards infinite
}

.work__images-main img:nth-child(4) {
	top: 320px;
	left: calc(50% - 100px);
	animation: levitation 10s linear reverse infinite
}

.work__images-main img:nth-child(5) {
	top: 450px;
	left: calc(50% + 110px);
	animation: levitation 14s linear reverse infinite
}

.work__images-main img:nth-child(6) {
	top: 420px;
	left: calc(50% + 30px);
	-webkit-animation: levitation 5s linear forwards infinite;
	animation: levitation 5s linear forwards infinite;
	z-index: 3
}

.work__images-main img:nth-child(7) {
	top: 180px;
	left: calc(50% - 380px);
	animation: levitation 15s linear reverse infinite
}

.work__images-bg svg {
	position: absolute;
	opacity: .5
}

.work__images-bg svg .path {
	stroke: #fff
}

.work__images-bg svg .path-fill {
	fill: #fff
}

.work__images-bg svg:nth-child(1) {
	bottom: 350px;
	left: calc(50% - 320px)
}

.work__images-bg svg:nth-child(2) {
	top: 20px;
	left: calc(50% + 100px)
}

.work__images-bg svg:nth-child(3) {
	top: 170px;
	left: calc(50% + 70px)
}

.work__images-bg svg:nth-child(4) {
	top: 350px;
	left: calc(50% + 70px)
}

.work__images-bg svg:nth-child(5) {
	top: 275px;
	left: calc(50% - 20px)
}

.work__images-bg svg:nth-child(6) {
	top: 275px;
	left: calc(50% + 400px)
}

.work__images-bg svg:nth-child(7) {
	top: 220px;
	left: calc(50% - 300px)
}

.work__images-bg svg:nth-child(8) {
	bottom: 380px;
	left: calc(50% + 280px)
}

.work__images-bg svg:nth-child(9) {
	top: 250px;
	left: calc(50% - 450px)
}

.work__images-bg svg:nth-child(10) {
	top: 340px;
	left: calc(50% - 380px)
}

.work__images-bg svg:nth-child(11) {
	top: 440px;
	left: calc(50% + 380px)
}

.work__images-bg svg:nth-child(12) {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	bottom: 430px;
	left: calc(50% - 80px);
	z-index: 3
}

.work__images-bg svg:nth-child(13) {
	bottom: 520px;
	left: calc(50% + 250px)
}

.expert {
	margin-top: -200px;
	padding-top: 60px
}

.expert__inner {
	position: relative;
	padding-bottom: 130px;
	z-index: 5
}

.expert__title {
	margin-bottom: 30px
}

.expert__img {
	position: relative;
	width: 90%;
	margin-bottom: 45px;
	margin-left: auto
}

.expert__img-photo {
	border-radius: 5px;
	width: 100%
}

.expert__img-labels {
	position: absolute;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	top: 10px;
	left: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.expert__img-labels img {
	display: block;
	margin-bottom: 5px
}

.expert__img-product {
	position: absolute;
	left: -90px;
	bottom: -70px
}

.expert__name {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 24px;
	line-height: 120%
}

.expert__info {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 17px;
	line-height: 130%
}

.expert__text {
	position: relative
}

.expert__text-content {
	line-height: 155%;
	letter-spacing: -.5px;
	position: relative;
	z-index: 2
}

.expert__text-content+.expert__text-content {
	margin-top: 24px
}

.expert__images-bg svg {
	position: absolute;
	opacity: .5
}

.expert__images-bg svg .path {
	stroke: #8defdd
}

.expert__images-bg svg .path-fill {
	fill: #8defdd
}

.expert__images-bg svg:nth-child(1) {
	bottom: 100%;
	right: 0
}

.expert__images-bg svg:nth-child(2) {
	bottom: -50px;
	left: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.expert__images-bg svg:nth-child(3) {
	bottom: 200px;
	right: 10px
}

.expert__images-bg svg:nth-child(4) {
	bottom: 40px;
	right: 60px
}

.expert__images-bg svg:nth-child(5) {
	bottom: -110px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.expert__images-bg svg:nth-child(6) {
	bottom: 80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.expert__images-bg svg:nth-child(7) {
	bottom: 200px;
	left: calc(50% + 10px)
}

.expert__images-bg svg:nth-child(8) {
	bottom: 100px;
	right: 0
}

.expert__images-bg svg:nth-child(9) {
	bottom: 340px;
	right: 0;
	left: calc(50% + 10px)
}

.testimonials {
	margin-top: -50px;
	padding-top: 50px
}

.testimonials .container {
	padding: 0;
	max-width: 1000px
}

.testimonials__inner {
	position: relative;
	padding: 0 0 40px;
	z-index: 5
}

.testimonials__title {
	padding-bottom: 30px;
	max-width: 290px;
	margin: 0 auto
}

.testimonials__slide {
	position: relative;
	max-width: 320px;
	margin: 0 10px;
	padding: 40px 34px;
	border-radius: 5px;
	background-color: #8defdd
}

.testimonials__slide-img {
	margin: 0 auto 20px;
	border-radius: 50%;
	display: block
}

.testimonials__slide-name {
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 140%;
	font-weight: 500
}

.testimonials__slide-text {
	line-height: 144%
}

.testimonials .slick-arrow {
	position: absolute;
	height: 34px;
	width: 17px;
	top: 85px;
	z-index: 6;
	border: none;
	background-color: transparent;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	-webkit-filter: drop-shadow(0 10px 1px rgba(0, 0, 0, .1));
	filter: drop-shadow(0 10px 1px rgba(0, 0, 0, .1));
	-webkit-transition: all .3s;
	transition: all .3s
}

.testimonials .slick-arrow:active {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .1));
	filter: drop-shadow(0 0 1px rgba(0, 0, 0, .1))
}

.testimonials .slick-prev {
	background-image: url(../img/svg/angle-left-white.svg);
	left: calc(50% - 120px)
}

.testimonials .slick-next {
	background-image: url(../img/svg/angle-right-white.svg);
	right: calc(50% - 120px)
}

.testimonials .slick-slide {
	opacity: .3;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.testimonials .slick-current {
	opacity: 1
}

.results .container {
	padding: 0;
	max-width: 882px
}

.results__inner {
	padding-bottom: 100px
}

.results__title {
	max-width: 290px;
	width: 100%;
	margin: 0 auto 30px
}

.results__slide {
	position: relative;
	max-width: 290px;
	margin: 0 3px;
	opacity: .3;
	border-radius: 5px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.results__slide.slick-center {
	opacity: 1
}

.results__slide-name {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 20px;
	text-align: center
}

.results__slide-img {
	display: block;
	width: 100%;
	border-radius: 5px 5px 0 0
}

.results__slide-info {
	padding: 15px;
	background-color: #ff4091;
	color: #fff;
	text-align: center;
	border-radius: 0 0 5px 5px
}

.results__slide-info-weight {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 46px
}

.results__slide-info-time {
	font-weight: 600;
	font-size: 21px;
	line-height: 105%
}

.results .slick-arrow {
	position: absolute;
	height: 34px;
	width: 17px;
	bottom: 40px;
	z-index: 6;
	border: none;
	background-color: transparent;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	-webkit-filter: drop-shadow(0 10px 1px rgba(0, 0, 0, .1));
	filter: drop-shadow(0 10px 1px rgba(0, 0, 0, .1));
	-webkit-transition: all .3s;
	transition: all .3s
}

.results .slick-arrow:active {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .1));
	filter: drop-shadow(0 0 1px rgba(0, 0, 0, .1))
}

.results .slick-prev {
	background-image: url(../img/svg/angle-left-black.svg);
	left: calc(50% - 120px)
}

.results .slick-next {
	background-image: url(../img/svg/angle-right-black.svg);
	right: calc(50% - 120px)
}

.form {
	position: relative;
	padding: 40px 0 35px;
	background: #fff;
	overflow: hidden
}

.form .container {
	position: relative;
	z-index: 2
}

.form__inner {
	min-height: 570px;
	position: relative
}

.form__bg {
	position: absolute;
	height: 400px;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #ffb95f;
	background-image: url(../img/molecula.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.form__bg::after,
.form__bg::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	left: 0
}

.form__bg::before {
	top: 0;
	height: 250px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.5%, #e5e5e5), color-stop(57.14%, rgba(245, 245, 245, 0)));
	background: linear-gradient(180deg, #e5e5e5 1.5%, rgba(245, 245, 245, 0) 57.14%)
}

.form__bg::after {
	bottom: 0;
	height: 180px;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(44.58%, #fff), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(360deg, #fff 44.58%, rgba(255, 255, 255, 0) 100%)
}

.form__title {
	text-align: center
}

.form__input {
	box-sizing: border-box;
	max-width: 290px;
	width: 100%;
	padding: 10px 20px;
	border-radius: 2px;
	border: 2px solid rgba(100, 100, 100, .5);
	outline: transparent;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 16px
}

.form__input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .5)
}

.form__input:-ms-input-placeholder {
	color: rgba(0, 0, 0, .5)
}

.form__input::-ms-input-placeholder {
	color: rgba(0, 0, 0, .5)
}

.form__input::placeholder {
	color: rgba(0, 0, 0, .5)
}

.form__input-wrapper {
	margin-bottom: 22px
}

.form__input:focus {
	border: 2px solid #646464
}

.form__box {
	position: absolute;
	max-width: 290px;
	bottom: 0
}

.form__box-top {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-transform: translate(-75px, 20px);
	transform: translate(-75px, 20px)
}

.form__box-content {
	margin-top: -20px;
	position: relative;
	z-index: 2
}

.form__content {
	position: relative;
	z-index: 10
}

.form__btn {
	cursor: pointer;
	border: none;
	font-size: 18px;
	margin-top: 10px;
	background: 0 0
}

.form__price {
	margin-bottom: -60px
}

@media screen and (max-width:1140px) {

	.about__outer::after,
	.about__outer::before {
		display: none
	}

	.work__outer::after,
	.work__outer::before {
		display: none
	}

	.testimonials .container {
		max-width: 320px
	}

	.testimonials__slide {
		margin: 0 5px
	}

	.results .container {
		max-width: 320px
	}
}