body {
	margin: 0;
}

p {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: -0.14px;
	text-align: left;
}

img {
	display: inline-block;
	max-width: 100%;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.app {
	font-family: 'Avenir Next Cyr', Sans-Serif;
	background-color: #ffffff;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.main {
	width: 100%;
	padding-top: 4vw;
	margin-bottom: 14vh;
}

.main__logo-image {
	max-width: 46vh;
	margin-bottom: 12vh;
	width: 100%;
}

.columns {
	position: relative;
	width: 100%;
	display: flex;
}

.column-left,
.column-right {
	width: 50%;
	box-sizing: border-box;
}

.main .column-left {
	padding: 0 7vh;
}

.main__star-props {
	max-width: 70vh;
	margin-bottom: 10vh;
}

.main__star-props .column-left {
	padding: 0;
}

.main__star-props-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 235px;
	margin-bottom: 8vh;
}

.main__star {
	width: 58px;
	height: 50px;
	margin-bottom: 2vh;
	background-image: url('../images/star.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.main__prop {
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: -0.14;
	text-align: center;
}

.text-title {
	margin-bottom: 2vh;
	font-size: 24px;
	font-weight: 750;
	line-height: 28px;
	letter-spacing: -0.14;
	text-align: left;
}

.main p {
	max-width: 80%;
}

.text-start {
	margin-bottom: 7vh;
}

.text-middle {
	margin-bottom: 11vh;
}

.half-photo__color {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.half-photo__color.yellow {
	background-color: #fff7cf;
}

.half-photo__color.blue {
	background-color: #ccf0f5;
}

.text-block {
	padding: 14vh 7vh 5vh 7vh;
	background-color: #f5f5f5;
}

.text-block p {
	max-width: 80%;
}

.text-title {
	max-width: 80%;
	font-size: 28px;
	font-weight: 450;
	line-height: 36px;
	letter-spacing: -0.14;
	text-align: left;
}

.bubble-green-big {
	position: absolute;
	top: 9vh;
	right: 35%;
	width: 10%;
}

.bubble-green-sm {
	position: absolute;
	top: 5vh;
	right: 46%;
	width: 7%;
}

.omg {
	position: absolute;
	bottom: -3vh;
	left: 0;
	width: 10%;
}

.gallery {
	padding: 0 7vh;
	background-color: #f5f5f5;
}

.gallery.bg {
	background-image: url('../images/zigzag.svg');
	background-position: center right;
	background-size: 50%;
	background-repeat: no-repeat;
}

.gallery__center {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.gallery__left {
	display: flex;
	justify-content: flex-start;
}

.gallery__column {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.gallery__space-bt {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.gallery__space-bt.sm {
	max-width: 70%;
}

.bubble-pink-big {
	position: absolute;
	width: 10%;
	top: 57%;
	left: 5%;
	z-index: 1;
}

.bubble-pink-sm {
	position: absolute;
	width: 7%;
	top: 51%;
	left: 16%;
	z-index: 1;
}

.gallery-1 {
	width: 80%;
	margin-bottom: 9vh;
}

.gallery-2 {
	width: 65%;
	margin-top: 12vh;
}

.gallery-3 {
	width: 22%;
	margin-right: 6%;
}

.gallery-4 {
	width: 22%;
	margin-top: 30vh;
}

.gallery-5 {
	position: relative;
	z-index: 2;
	width: 90%;
	margin-top: 18vh;
}

.gallery-6 {
	position: relative;
	z-index: 2;
	width: 90%;
	margin-top: 6vh;
}

.full {
	position: relative;
}

.cool {
	position: absolute;
	width: 10%;
	top: 44%;
	left: 4%;
}

.gallery-7 {
	width: 70%;
	margin-top: 10vh;
}

.gallery-8 {
	width: 60%;
	margin-top: 10vh;
	margin-bottom: 10vh;
}

.gallery-9 {
	width: 25%;
	margin-top: 23vh;
}

.icons {
	padding: 7vh;
	background-color: #ffffff;
}

.icons-1 {
	max-width: 80%;
	margin-top: 13vh;
}

.icons-2 {
	max-width: 80%;
}

.gallery-10 {
	width: 80%;
	margin-top: 10vh;
	margin-bottom: 12vh;
}

.gallery-11 {
	width: 28%;
	margin-top: 3vh;
	margin-right: 5vh;
}

.gallery-12 {
	width: 28%;
	margin-top: 15vh;
}

.gray {
	background-color: #f5f5f5;
}

.footer-log__image {
	max-width: 25%;
	margin-top: 18vh;
	margin-bottom: 15vh;
}

@media screen and (max-width: 1300px) {
	.main__prop {
		font-size: 20px;
	}
}

@media screen and (max-width: 1100px) {
	.main__prop {
		font-size: 16px;
	}
}

@media screen and (max-width: 900px) {
	.main {
		margin-bottom: 8vh;
	}

	.main .columns,
	.text-block .columns {
		flex-direction: column;
	}

	.main .main__star-props {
		margin-bottom: 2vh;
	}

	.main .main__star-props .columns {
		flex-direction: row;
	}

	.main .column-left,
	.text-block .column-left,
	.main .column-right,
	.text-block .column-right {
		width: 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.text-start,
	.text-middle {
		max-width: 80%;
	}

	.text-start p,
	.text-middle p {
		max-width: 100%;
	}

	.text-middle {
		margin-bottom: 6vh;
	}

	.text-title {
		max-width: 100%;
		text-align: center;
	}

	.text-block {
		padding: 7vh 7vh 5vh 7vh;
	}

	.text-block .text-title {
		max-width: 90%;
		text-align: center;
		font-size: 24px;
		line-height: 34px;
	}

	.text-block p {
		font-size: 16px;
		line-height: 28px;
		text-align: center;
	}
}

@media screen and (max-width: 600px) {
	.main__logo-image {
		max-width: 30vh;
		margin-bottom: 6vh;
	}

	.main__prop {
		font-size: 14px;
		line-height: 24px;
	}

	.main__star-props-item {
		margin-bottom: 6vh;
	}

	.text-block {
		padding: 5vh 3vh 3vh 3vh;
	}

	.text-block .text-title {
		max-width: 100%;
		font-size: 20px;
		line-height: 30px;
	}

	.columns {
		flex-direction: column;
	}

	.column-left,
	.column-right {
		width: 100%;
	}

	.bubble-green-big {
		top: 40vh;
		right: 75%;
	}

	.bubble-green-sm {
		top: 35vh;
		right: 70%;
	}

	.gallery {
		padding: 0 3vh;
	}

	.gallery__space-bt {
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.gallery-1 {
		width: 100%;
		margin-bottom: 0;
	}

	.gallery-2 {
		width: 100%;
		margin-top: 3vh;
	}

	.gallery-3 {
		width: 100%;
		margin-top: 3vh;
		margin-right: 0;
	}

	.gallery-4 {
		width: 100%;
		margin-top: 3vh;
	}

	.gallery-5 {
		width: 100%;
		margin-top: 3vh;
	}

	.gallery-6 {
		width: 100%;
		margin-top: 3vh;
	}

	.gallery-7 {
		width: 100%;
		margin-top: 3vh;
	}

	.gallery-8 {
		width: 100%;
		margin-top: 3vh;
		margin-bottom: 0;
	}

	.gallery-9 {
		width: 100%;
		margin-top: 3vh;
		margin-bottom: 3vh;
	}

	.gallery__space-bt.sm {
		max-width: 100%;
	}

	.icons {
		padding: 3vh;
	}

	.icons-1 {
		max-width: 100%;
		margin-top: 3vh;
	}

	.icons-2 {
		max-width: 100%;
		margin-top: 3vh;
	}

	.gallery-10 {
		width: 100%;
		margin-top: 5vh;
		margin-bottom: 5vh;
	}

	.gallery-11 {
		width: 35%;
		margin-top: 3vh;
		margin-right: 3vh;
	}

	.gallery-12 {
		width: 35%;
	}

	.footer-log__image {
		max-width: 50%;
		margin-top: 10vh;
		margin-bottom: 12vh;
	}
}