/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

@font-face {
	font-family: "HeadingPro";
	src: url(../assets/fonts/HeadingPro-Bold-b764e.woff2) format("woff2"),
		url(../assets/fonts/HeadingPro-Bold-e1c4f.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Montserrat";
	src: url(../assets/fonts/Montserrat-Regular-f263c.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Montserrat";
	src: url(../assets/fonts/Montserrat-Bold-e9dea.woff2) format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Montserrat";
	src: url(../assets/fonts/Montserrat-Italic-a3b32.woff2) format("woff2");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "Codec-Cold";
	src: url(../assets/fonts/CodecCold-Regular-0df80.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Codec-Cold";
	src: url(../assets/fonts/CodecCold-Bold-fdeb7.woff2) format("woff2");
	font-weight: 700;
	font-style: normal;
}

* {
	box-sizing: border-box;
}

body,
div,
section,
header,
footer,
nav,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
input,
select,
button,
form,
label,
img {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

.wrap {
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}

.container {
	max-width: 1310px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

body {
	font-family: "Codec-Cold", "Arial", sans-serif;
	line-height: 1.2;
}

.title {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.title__block {
	font-family: "HeadingPro", "Arial", sans-serif;
	display: block;
}

.pluses {
	max-width: 340px;
	flex: 1 0 100%;
	position: relative;
	z-index: 3;
}

.pluses__item {
	display: flex;
	background: #f0f0f0;
	color: #000;
	margin: 15px 0;
	border-radius: 5px;
}

.pluses__item_white {
	padding: 20px;
	background: #fff;
}

.pluses__left {
	padding: 15px 0;
	background: #037345;
	max-width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pluses__left_white {
	padding: 0;
	background: #fff;
}

.pluses__img {
	max-width: 45px;
}

.pluses__text {
	font-size: 17px;
	line-height: 1.3;
	padding: 0 15px;
	align-self: center;
}

.pluses__text_color {
	color: #037345;
}

.pluses__text_padding {
	font-size: 18px;
	padding: 0 0 0 15px;
}

@media screen and (max-width: 991px) {
	.pluses__left {
		max-width: 40px;
		padding: 10px 5px;
	}
}

.product {
	position: relative;
	max-width: 713px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product__img {
	max-width: 660px;
	position: relative;
	z-index: 2;
	transform: translate(-3%, 30px);
}

.form {
	font-family: "Codec-Cold", "Arial", sans-serif;
	padding: 30px;
	background: #fff;
	max-width: 340px;
	margin: 0 auto;
	border-radius: 5px;
	position: relative;
	z-index: 3;
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

.form__title {
	color: #037345;
	font-family: "HeadingPro", "Arial", sans-serif;
	font-size: 31px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 20px;
	text-transform: uppercase;
}

.form__title span {
	font-size: 27px;
}

.form select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.form .select {
	position: relative;
}

.form .select:before {
	content: "";
	display: block;
	background: url(../assets/imgs/sort-down-solid-20031.svg) no-repeat center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -20px;
	right: 10px;
	left: inherit;
	z-index: 2;
	width: 30px;
	height: 26px;
	text-align: center;
	cursor: pointer;
}

.form__input {
	padding: 15px;
	background: #f8f8f8;
	margin: 10px 0 15px;
	border: none;
}

.form__input_select {
	background: #f1f1f1;
}

.form__button {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	background: linear-gradient(#4db954, #037345);
	padding: 20px;
	text-align: center;
	border: none;
	border-radius: 10px;
}

.counter {
	margin-bottom: 20px;
}

.counter__title {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin: 30px 0 10px;
}

.counter__time {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 5px;
}

.counter__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	max-width: 80px;
}

.counter__square {
	max-width: 100%;
	font-size: 38px;
	font-weight: 700;
	color: #037345;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 8px 5px;
	border: 3px solid rgba(241, 241, 241, 0.9);
}

.counter__text {
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}

.price {
	margin: 0 auto 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.price__old {
	font-size: 22px;
	text-decoration: line-through;
	color: #898989;
	margin: 5px;
}

.price__new {
	font-size: 31px;
	font-weight: 700;
	color: #037345;
	margin: 0 10px;
}

.alarm {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto 80px;
	padding-left: 30px;
	padding-right: 5px;
}

.alarm-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	padding: 10px 40px;
	border-radius: 10px;
	background: url(../assets/imgs/alarm-bg-10067.jpg) no-repeat 10% 50% / cover;
	max-width: 1200px;
	margin: 30px auto;
}

.alarm-wrap:before {
	content: "";
	display: block;
	background: url(../assets/imgs/alarm-before-5fd17.png) no-repeat center/100%;
	width: 100%;
	max-width: 55px;
	height: 49px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -28px;
	margin: auto;
}

.alarm-left {
	max-width: 250px;
	flex: 1 0 100%;
	margin: 10px 10px 10px 0;
}

.alarm-title {
	font-family: "Montserrat", "Arial", sans-serif;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.3;
}

.alarm-right {
	font-weight: 400;
	max-width: 700px;
	flex: 1 0 100%;
	margin: 10px 0;
}

.alarm-text {
	font-size: 19px;
	line-height: 1.3;
}

.alarm__yellow {
	color: #fc3;
	font-weight: 700;
}

@media screen and (max-width: 992px) {
	.alarm {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 576px) {
	.alarm-wrap {
		padding: 10px 15px 10px 40px;
	}

	.alarm-text {
		font-size: 16px;
	}
}

.slider__item {
	max-width: 350px;
	margin: 0 10px 30px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.slider__text {
	font-size: 15px;
	line-height: 1.3;
}

.slider__content {
	padding: 15px;
}

.slider__row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
}

.slider__row_start {
	justify-content: flex-start;
}

.slider__col {
	max-width: 50%;
	display: flex;
	align-items: center;
}

.slider__icon {
	width: auto;
	max-width: 100%;
	margin: 0 5px;
}

.order {
	padding: 50px 0 260px;
	background: rgb(223, 217, 143);
	background-image: url("../assets/imgs/bg.png");
	background-position: center -170px;
	background-size: cover;
	background-color: #fff;
	background-repeat: no-repeat;
}

.order__container {
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.order__left {
	max-width: 500px;
	flex: 1 0 100%;
}

.order__logo {
	font-family: "Codec-Cold", "Arial", sans-serif;
	font-weight: 700;
	font-size: 28px;
	text-transform: uppercase;
	color: #037345;
	margin-bottom: 50px;
}

.order__title {
	font-size: 47px;
	margin-bottom: 50px;
	line-height: 1.05;
}

.order__title-color {
	font-size: 114px;
	color: #037345;
}

.order__product {
	max-width: 713px;
	position: absolute;
	/* top: 0; */
	bottom: -100px;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: flex-end;
}

/* .order__product:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: auto;
    bottom: -30px;
    display: block;
    background: url(../assets/imgs/product__background-43c8e.png) no-repeat center/100%;
    width: 100%;
    height: 100%
} */

.order__right {
	max-width: 340px;
}

.order__footer {
	padding: 0 0 215px;
	position: relative;
}

.order__footer:before {
	content: "";
	display: block;
	width: 100%;
	height: 60%;
	position: absolute;
	background: linear-gradient(#fff, rgba(255, 255, 255, 0.001));
}

@media screen and (max-width: 1300px) {
	.order__title-color {
		text-shadow: 0 0 30px #fff;
	}
}

@media screen and (max-width: 991px) {
	.order {
		background: #fff url(../assets/imgs/order__background_mobile-70cb2.jpg)
			no-repeat 50% 0/991px;
		padding: 30px 0;
	}

	.order__container {
		justify-content: center;
	}

	.order__title {
		text-align: center;
		margin-bottom: 10px;
	}

	.order__title-color {
		color: #fff;
		text-shadow: none;
	}

	.order__logo {
		color: #fff;
		text-align: center;
		margin-bottom: 20px;
	}

	.order__left {
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.order__right {
		margin-top: 20px;
	}

	.order__product {
		position: relative;
		bottom: 0;
		top: 0;
	}

	.order__product:before {
		bottom: 50px;
	}

	.order__footer {
		padding-top: 0;
	}

	.order__footer:before {
		background: linear-gradient(#fff, rgba(255, 255, 255, 0.0001) 30%);
	}
}

@media screen and (max-width: 576px) {
	.order__title {
		font-size: 32px;
	}

	.order__title-color {
		font-size: 65px;
	}
}

@media screen and (max-width: 380px) {
	.order__product:before {
		width: 380px;
		left: auto;
		right: auto;
	}
}

.choice {
	background: linear-gradient(to right, #cececd 50%, #037345);
}

.choice__background {
	background: linear-gradient(#fff 10%, rgba(255, 255, 255, 0.0001));
}

.choice__container {
	justify-content: center;
}

.choice__title {
	font-size: 86px;
	text-align: center;
	line-height: 0.7;
	padding-top: 20px;
}

.choice__title-big {
	color: #037345;
	font-size: 158px;
}

.choice__item-title {
	font-family: "HeadingPro", "Arial", sans-serif;
	font-weight: 700;
	font-size: 44px;
	line-height: 1;
	color: #c8c8c8;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
}

.choice__item-title_color {
	color: #037345;
}

.choice__item {
	max-width: 29%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.choice__item_mid {
	max-width: 40%;
	align-content: flex-start;
}

.choice__product {
	transform: translateY(12%);
}

@media screen and (max-width: 991px) {
	.choice__background {
		padding: 30px 0 0;
	}

	.product__img {
		transform: translate(-3%, -10px);
	}

	.choice__container {
		position: relative;
		justify-content: space-between;
	}

	.choice__title {
		font-size: 10vw;
	}

	.choice__title-big {
		font-size: 18vw;
	}

	.choice__item {
		max-width: 45%;
		margin-top: 30%;
	}

	.choice__item_mid {
		margin-top: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
	}
}

@media screen and (max-width: 768px) {
	.choice__item {
		margin-top: 35%;
	}

	.choice__item_mid {
		margin-top: 0;
	}
}

@media screen and (max-width: 576px) {
	.choice__background {
		padding-top: 0;
	}

	.choice__title {
		line-height: 0.8;
	}

	.choice__item-title {
		font-size: 7vw;
		margin-bottom: 10px;
		color: #3c3c3c;
	}

	.choice__item-title_color {
		color: #037345;
	}
}

@media screen and (max-width: 380px) {
	.choice__item {
		margin-top: 38%;
	}

	.choice__item_mid {
		margin-top: 0;
	}
}

.hunger {
	margin-top: 100px;
	padding-bottom: 100px;
	background: #fff url(../assets/imgs/hunger__background-abe34.jpg) no-repeat
		35px 50% / contain;
}

.hunger__container {
	display: block;
}

.hunger__title {
	font-size: 58px;
	line-height: 1;
	text-align: left;
}

.hunger__title-color {
	font-size: 136px;
	color: #f50c42;
}

.hunger__text {
	max-width: 470px;
	font-size: 18px;
	margin-bottom: 20px;
}

.hunger__text_big {
	font-size: 24px;
}

@media screen and (max-width: 991px) {
	.hunger {
		margin: 0;
		padding: 80px 0 30px;
		background: #fff;
	}

	.hunger__container {
		display: flex;
		justify-content: center;
	}

	.hunger__background_mobile {
		background: url(../assets/imgs/hunger__background_mobile-fb6aa.jpg)
			no-repeat center/100%;
		padding-bottom: 70%;
		margin-bottom: 10px;
	}

	.hunger__title {
		font-size: 5.8vw;
		text-align: center;
		margin-bottom: 10px;
	}

	.hunger__title-color {
		font-size: 14vw;
	}

	.hunger__text {
		margin-bottom: 20px;
		max-width: 490px;
	}

	.hunger__text_big {
		font-size: 20px;
	}
}

@media screen and (max-width: 576px) {
	.hunger {
		padding-top: 50px;
	}
}

@media screen and (max-width: 480px) {
	.hunger {
		padding-top: 30px;
	}
}

.calories {
	padding: 30px 0;
	background: linear-gradient(#fff, #86dfe3);
}

.calories__container {
	justify-content: flex-end;
}

.calories__left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	right: auto;
	top: auto;
	left: -42%;
	bottom: -30px;
	max-width: 404px;
}

.calories__right {
	max-width: 1000px;
	position: relative;
}

.calories__title {
	font-size: 50px;
	line-height: 0.9;
}

.calories__title-big {
	color: #133c7a;
	font-size: 113px;
}

.calories__product {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	top: auto;
	left: auto;
	bottom: 20px;
	max-width: 420px;
}

.calories__product-img {
	transform: translateX(35px);
}

.calories-cards__item {
	max-width: 725px;
	padding: 60px;
	color: #fff;
	margin: 20px 0;
	position: relative;
}

.calories-cards__item_big {
	max-width: 100%;
}

.calories-cards__item:nth-child(1) {
	background: url(../assets/imgs/calories-cards1-aa44f.jpg) no-repeat
		center/cover;
}

.calories-cards__item:nth-child(2) {
	background: url(../assets/imgs/calories-cards2-22a4d.jpg) no-repeat
		center/cover;
}

.calories-cards__item:nth-child(3) {
	background: #037345;
	overflow: hidden;
}

.calories-cards__item:nth-child(3):before {
	content: "";
	display: block;
	background: url(../assets/imgs/calories-cards3-cdddb.png) no-repeat 0 /
		cover;
	width: 210px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	left: auto;
}

.calories-cards__title {
	font-family: "HeadingPro", "Arial", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}

.calories-cards__text {
	max-width: 80%;
	font-size: 17px;
	position: relative;
	z-index: 2;
}

.calories-cards__text_big {
	max-width: 65%;
}

@media screen and (max-width: 1300px) {
	.calories {
		padding: 30px 0;
	}

	.calories__container {
		justify-content: center;
	}

	.calories__title {
		font-size: 6vw;
		text-align: center;
		margin-bottom: 20px;
	}

	.calories__title-big {
		font-size: 12vw;
	}

	.calories__left,
	.calories__product {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
	}

	.calories__left {
		max-width: 250px;
		flex: 2 1;
		mask-image: linear-gradient(black 50%, rgba(0, 0, 0, 0));
		-webkit-mask-image: linear-gradient(black 50%, rgba(0, 0, 0, 0));
	}

	.calories__product {
		flex: 3 1;
	}

	.calories__product-img {
		transform: translateX(-11%);
	}

	.calories__mobile {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.calories-cards__item {
		max-width: 100%;
	}

	.calories-cards__text {
		max-width: 65%;
	}
}

@media screen and (max-width: 991px) {
	.calories {
		padding-top: 0;
	}
}

@media screen and (max-width: 576px) {
	.calories-cards__item {
		padding: 30px 29% 30px 30px;
	}

	.calories-cards__item:nth-child(3):before {
		right: -20%;
	}

	.calories-cards__title {
		font-size: 24px;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.calories-cards__text {
		font-size: 14px;
		max-width: 100%;
	}
}

@media screen and (max-width: 380px) {
	.calories-cards__item:nth-child(3):before {
		right: -105px;
	}
}

.what {
	padding: 60px 0;
	background: #fff;
}

.what__title {
	font-size: 58px;
	text-align: center;
	line-height: 0.9;
}

.what__title-big {
	font-size: 113px;
	color: #037345;
}

.what-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.what-cards__item {
	max-width: 33%;
	height: 426px;
	padding: 35px;
	display: flex !important;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	color: #fff;
	text-shadow: 0 0 5px #000;
	margin: 5px;
	box-shadow: inset 0 -100px 130px 0px #000;
}

.what-cards__item_1 {
	background: url(../assets/imgs/what1-f95b5.jpg) no-repeat center/cover;
}

.what-cards__item_2 {
	background: url(../assets/imgs/what2-9643e.jpg) no-repeat center/cover;
}

.what-cards__item_3 {
	background: url(../assets/imgs/what3-bb649.jpg) no-repeat center/cover;
}

.what-cards__item_4 {
	background: url(../assets/imgs/what4-714c8.jpg) no-repeat center/cover;
}

.what-cards__item_5 {
	background: url(../assets/imgs/what5-af3e7.jpg) no-repeat center/cover;
}

.what-cards__item_6 {
	background: url(../assets/imgs/what6-79ca7.jpg) no-repeat center/cover;
}

.what-cards__title {
	width: 100%;
	font-family: "HeadingPro", "Arial", sans-serif;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
	.what {
		padding: 30px 0;
	}

	.what__container {
		padding: 0;
	}

	.what-cards__item {
		max-width: 100%;
	}
}

@media screen and (max-width: 576px) {
	.what__title {
		font-size: 34px;
		margin-bottom: 10px;
	}

	.what__title-big {
		font-size: 67px;
	}

	.what-cards__item {
		padding: 35px 15px;
	}
}

.decrease {
	padding: 80px 0;
	background: #98d974;
}

.decrease__title {
	font-size: 58px;
	text-align: center;
	color: #000;
	line-height: 1;
}

.decrease__title-big {
	font-size: 136px;
	color: #fff;
}

.decrease__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.decrease__item {
	max-width: 330px;
	margin: 15px;
}

.decrease__img {
	margin-bottom: 20px;
}

.decrease__text {
	font-size: 18px;
}

@media screen and (max-width: 991px) {
	.decrease {
		padding: 30px 0;
	}

	.decrease__title {
		font-size: 6vw;
		margin-bottom: 10px;
	}

	.decrease__title-big {
		font-size: 14vw;
	}
}

@media screen and (max-width: 768px) {
	.decrease {
		display: none;
	}
}

.work {
	padding: 75px 0;
	background: linear-gradient(#fff, #86dfe3);
}

.work__container {
	position: relative;
}

.work__item {
	align-self: flex-end;
}

.work__item_first {
	margin-top: 50px;
	max-width: 385px;
}

.work__item_mid {
	align-self: flex-start;
	max-width: 512px;
}

.work__title {
	font-size: 58px;
	line-height: 1;
	text-align: center;
}

.work__title-big {
	font-size: 136px;
	color: #037345;
}

.work__product:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	top: -50px;
	right: -60px;
	bottom: auto;
	display: block;
	background: url(../assets/imgs/product__background_work-c24f8.png) no-repeat
		center/100%;
	width: 100%;
	height: 100%;
}

.work__img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	left: auto;
	top: auto;
	bottom: -75px;
	right: -80px;
	width: 100%;
	max-width: 423px;
}

@media screen and (max-width: 1300px) {
	.work {
		padding: 30px 0;
	}

	.work__img {
		bottom: -30px;
	}
}

@media screen and (max-width: 1200px) {
	.work__container {
		justify-content: center;
	}

	.work__title {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.work__item_mid {
		max-width: 600px;
		position: relative;
		order: 1;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.work__item_first {
		max-width: 600px;
		order: 2;
		margin-top: 0;
	}

	.work__product {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		width: 100%;
		max-width: 70%;
	}

	.work__product:before {
		content: none;
	}

	.work__product .product__img {
		transform: translateX(-20%);
	}

	.work__img {
		max-width: 50%;
		right: -40px;
		bottom: 0;
		transform: translateY(20%);
		mask-image: linear-gradient(black 50%, rgba(0, 0, 0, 0));
		-webkit-mask-image: linear-gradient(black 40%, rgba(0, 0, 0, 0) 90%);
	}
}

@media screen and (max-width: 576px) {
	.work__title {
		font-size: 39px;
	}

	.work__title-big {
		font-size: 94px;
	}

	.work__text {
		font-size: 14px;
	}
}

.harmony {
	padding: 75px 0;
	background: #fff url(../assets/imgs/harmony__background-fd05e.jpg) no-repeat
		100% 50%/50%;
}

.harmony__left {
	max-width: 600px;
}

.harmony__title {
	font-size: 58px;
	line-height: 1.05;
}

.harmony__title-big {
	font-size: 135px;
	color: #037345;
}

.harmony-list__item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.harmony-list__img {
	max-width: 86px;
}

.harmony-list__title {
	font-family: "HeadingPro", "Arial", sans-serif;
	font-weight: 700;
	font-size: 48px;
	text-transform: uppercase;
	color: #037345;
	margin-bottom: 10px;
}

.harmony-list__text {
	font-size: 18px;
}

@media screen and (max-width: 1200px) {
	.harmony {
		background-size: 40%;
	}
}

@media screen and (max-width: 991px) {
	.harmony {
		padding: 30px 0;
		background: #fff;
	}

	.harmony__container {
		justify-content: center;
	}

	.harmony__title {
		margin-bottom: 0;
	}

	.harmony__title:after {
		content: "";
		display: block;
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
		padding-bottom: 70%;
		background: url(../assets/imgs/harmony__background-fd05e.jpg) no-repeat
			center/100%;
	}
}

@media screen and (max-width: 991px) and (max-width: 768px) {
	.harmony .harmony__title {
		font-size: 8.1vw;
	}

	.harmony .harmony__title-big {
		font-size: 19vw;
	}
}

@media screen and (max-width: 576px) {
	.harmony__title:after {
		padding-bottom: 100%;
	}

	.harmony-list__title {
		font-size: 32px;
	}

	.harmony-list__text {
		font-size: 15px;
	}

	.harmony-list__img {
		max-width: 60px;
	}
}

.expert {
	padding: 60px 0;
	background: url(../assets/imgs/expert__background-24b5e.jpg) no-repeat
		center/cover;
}

.expert__title {
	font-size: 41px;
	color: #fff;
	line-height: 1;
}

.expert__title-big {
	font-size: 96px;
}

.expert__card {
	background: #fff;
	padding: 35px 35px 15px;
	margin-bottom: 20px;
}

.expert__text {
	font-size: 18px;
	line-height: 1.5;
	max-width: 750px;
	margin-bottom: 20px;
}

.expert__text_big {
	font-size: 22px;
}

.expert__text_color {
	color: #2859ac;
	font-weight: 700;
}

.expert__footer {
	display: flex;
	align-items: flex-start;
	color: #fff;
	text-transform: uppercase;
}

.expert__info {
	max-width: 150px;
	margin-right: 20px;
}

.expert__name {
	font-family: "HeadingPro", "Arial", sans-serif;
	font-size: 41px;
}

.expert__prof {
	font-size: 18px;
}

.expert .sign {
	max-width: 106px;
}

.expert__img {
	max-width: 500px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	top: auto;
	left: auto;
	bottom: -60px;
}

@media screen and (max-width: 1300px) {
	.expert__card {
		padding-right: 50%;
	}

	.expert__img {
		bottom: 90px;
	}
}

@media screen and (max-width: 991px) {
	.expert {
		padding: 30px 0;
	}

	.expert__container {
		justify-content: center;
	}

	.expert__title {
		order: 1;
	}

	.expert__mobile {
		order: 2;
		display: flex;
		align-items: center;
		position: relative;
		padding: 15% 0;
	}

	.expert__card {
		order: 3;
		padding: 15px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.expert__footer {
		max-width: 300px;
		margin-left: 5%;
	}

	.expert__img {
		width: 45%;
		bottom: 0;
	}
}

@media screen and (max-width: 768px) {
	.expert__mobile {
		padding: 0;
	}

	.expert__footer {
		flex-wrap: wrap;
	}

	.expert__img {
		width: 100%;
		max-width: 300px;
		position: relative;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.expert__title {
		font-size: 8vw;
		margin-bottom: 10px;
	}

	.expert__title-big {
		font-size: 17.5vw;
	}

	.expert__text {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.expert__text_big {
		font-size: 18px;
	}

	.expert__name {
		font-size: 36px;
	}
}

.comments {
	padding: 60px 0;
	background: #fff;
}

.comments__title {
	font-size: 37px;
	text-transform: uppercase;
	text-align: center;
	line-height: 0.9;
	max-width: 460px;
	margin: 0 auto 30px;
}

.comments__title-big {
	font-size: 87px;
	color: #037345;
}

@media screen and (max-width: 576px) {
	.comments {
		padding: 30px 0;
	}

	.comments__title {
		font-size: 6.5vw;
		margin-bottom: 15px;
	}

	.comments__title-big {
		font-size: 56px;
	}
}

footer {
	padding: 20px 0;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
}

@media screen and (max-width: 1200px) {
	footer {
		padding: 15px 0;
		font-size: 20px;
		font-weight: 400;
	}
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-prev,
.slick-next {
	z-index: 2;
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	line-height: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 60px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 1;
}

.slick-prev:before,
.slick-next:before {
	line-height: 1;
	color: #fff;
	opacity: 1;
}

.slick-prev,
.slick-next {
	border-radius: 50%;
	background: #e9f1f6;
}

.slick-prev {
	left: 40px;
}

.slick-next {
	right: 40px;
}

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 7px;
	width: 100%;
	max-width: 30px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	border: 1px solid #e9f1f6;
	border-radius: 10px;
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 6px;
	width: 40px;
	outline: none;
	line-height: 0;
	color: transparent;
	cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 40px;
	height: 6px;
	line-height: 20px;
	text-align: center;
	color: rgba(255, 255, 255, 0.00001);
	opacity: 1;
}

.slick-dots li.slick-active {
	background: #037345;
}

.slick-dots li.slick-active button:before {
	color: rgba(255, 255, 255, 0.00001);
	opacity: 1;
}

.slick-track .slick-slide > div {
	display: flex;
	justify-content: center;
}

.animation-moveRight {
	animation: moveRight 0.5s ease-in-out;
}

.animation-moveLeft {
	animation: moveLeft 0.5s ease-in-out;
}

.animation-moveUp {
	animation: moveUp 0.75s ease-in-out;
}

.animation-moveDown {
	animation: moveDown 0.75s ease-in-out;
}

.animation-fadeIn {
	animation: fadeIn 0.5s ease-in-out;
}

.animation-fadeOut {
	animation: fadeOut 0.5s ease-in-out;
}

.visibility-none {
	opacity: 0;
}

@keyframes moveRight {
	from {
		transform: translate(-200px, 0);
		opacity: 0;
	}

	to {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes moveUp {
	from {
		opacity: 0;
		transform: translate(0, 30px);
	}

	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@keyframes moveDown {
	from {
		opacity: 0;
		transform: translate(0, -30px);
	}

	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@keyframes moveLeft {
	from {
		transform: translate(200px, 0);
		opacity: 0;
	}

	to {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select::-ms-expand {
		display: none;
	}

	.order__middle {
		flex: 1 0 100%;
	}
}

@media (max-width: 480px) {
	.order {
		background: rgb(223, 217, 143);
		background: linear-gradient(
			0deg,
			rgba(223, 217, 143, 1) 0%,
			rgba(240, 238, 209, 1) 100%
		);
	}

	.order__title-color,
	.order__logo {
		color: #d6c944;
	}
}

.cpu {
	padding: 10px 0;
	text-align: center;
}
.cpu img {
	display: block;
	margin: 0 auto;
	width: auto;
}
.cpu a {
	display: inline-block;
	margin: 5px;
	color: #333;
	font-size: 14px;
}