#main {
	height: 3245px;

	@media (max-width: 600px) {
		height: 720vw;
	}

	@media (max-width: 400px) {
		height: 780vw;
	}
}

#content {
	height: 3068px;

	z-index: 3;

	@media (max-width: 600px) {
		height: 720vw;
	}

	@media (max-width: 400px) {
		height: 780vw;
	}
}

#page-5-block-1 {
	position: absolute;
	width: 1440px;
	height: 500px;

	background-image: url("../images/image-5-1.jpg");
	background-size: contain;

	@media (max-width: 600px) {
		position: static;

		width: 100%;
		height: 98vw;

		background-image: url("../images/image-5-1-m.jpg");
		background-size: 100% auto;
		background-repeat: no-repeat;

		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
	}
}

#page-5-block-1-text {
	position: absolute;

	width: 422px;
	height: 187px;

	left: 155px;
	top: 209px; /*413px - 170px*/

	@media (max-width: 600px) {
		position: static;
		padding-bottom: 9vw;

		width: 100%;
		height: 53px;

		left: auto;
		top: auto;
	}
}

#page-5-block-1-text p {
	font-family: 'Gogol';
	font-style: italic;
	font-weight: 400;
	font-size: 170px;
	line-height: 110%;
	text-align: center;
	vertical-align: top;

	color: #F1E9E0;

	@media (max-width: 600px) {
		font-family: 'Gogol';
		font-style: normal;
		font-weight: 400;
		font-size: 48px;
		line-height: 110%;
	}
}

#page-5-block-2 {
	position: absolute;

	width: 1170px;
	height: 1067px;

	left: 135px;
	top: 589px;

	@media (max-width: 600px) {
		position: static;
		padding-top: 13.5vw;

		width: 70%;
		height: auto;

		left: auto;
		top: auto;
	}
}

#page-5-block-2-title p {
	font-family: 'Geologica';
	font-style: normal;
	font-weight: 400;
	font-size: 44.0669px;
	line-height: 110%;
	/* or 48px */
	text-align: center;
	text-transform: uppercase;

	@media (max-width: 600px) {
	    font-family: 'Geologica';
	    font-style: normal;
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 110%;
	    text-align: center;
	    text-transform: uppercase;
 	}
}

#page-5-block-2-desc {
	position: absolute;

	width: 1170px;
	height: 88px;

	top: 159px; /*918px - 589px - 170px*/

	@media (max-width: 600px) {
		position: static;
		padding-top: 13.5vw;

		width: 100%;
		height: auto;

		left: auto;
		top: auto;
	}
}

#page-5-block-2-desc p {
	text-align: center;
}

#page-5-block-3 {
	position: absolute;

	left: 135px;
	top: 610px; /*1051px - 170px*/

	@media (max-width: 600px) {
		position: static;
		padding-top: 13.5vw;

		width: 100%;
		height: auto;

		left: auto;
		top: auto;

		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}

#page-5-block-3-title {
	@media (max-width: 600px) {
		position: static;
		padding-right: 38vw;

		width: 50%;
		height: auto;

		left: auto;
		top: auto;

		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}

#page-5-block-3-separator {
	position: absolute;

	width: 523px;
	height: 1px;

	left: 647px; /*782px - 135px*/
	top: 28px; /*1079px - 1051px*/

	border-top: 1px solid #A14D2A;

	@media (max-width: 600px) {
		display: none;
		position: absolute;
		padding-top: 18vw;

		width: 35vw;
		height: auto;

		left: 60vw;
		top: 195vw;

		border-top: 1px solid #A14D2A;
	}
}

#page-5-block-3-image {
	position: absolute;

	width: 620px;
	height: 700px;

	top: 127px; /*1178px - 1051px*/

	background-image: url("../images/image-5-2-1.jpg");
	background-size: contain;

	@media (max-width: 600px) {
		position: relative;
		margin-top: 9vw;

		width: 90vw;
		height: 120vw;

		left: auto;
		top: auto;

		background-image: url("../images/image-5-2-1-m.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

#block-3-prev-button {
	position: absolute;

	width: 50px;
	height: 50px;

	left: 10px;
	top: calc(50% - 25px);

	background-image: url("../images/slide-prev.svg");

	z-index: 25;

	@media (max-width: 600px) {
		position: absolute;

		width: 10vw;
		height: 10vw;

		left: 2vw;
		top: calc(50% - 5vw);

		background-size: cover;
		background-repeat: no-repeat;
	}
}

#block-3-next-button {
	position: absolute;

	width: 50px;
	height: 50px;

	right: 10px;
	top: calc(50% - 25px);

	background-image: url("../images/slide-next.svg");

	z-index: 25;

		@media (max-width: 600px) {
		position: absolute;

		width: 10vw;
		height: 10vw;

		right: 2vw;
		top: calc(50% - 5vw);

		background-size: cover;
		background-repeat: no-repeat;
	}
}

.block-3-image {
	position: absolute;
	top: 0;
	left: 0;

	opacity: 0;

	width: 620px;
	height: 700px;

	background-size: contain;

	transition: opacity 0.3s ease-in-out;

	@media (max-width: 600px) {
		position: absolute;

		width: 90vw;
		height: 120vw;

		left: auto;
		top: auto;

		background-image: url("../images/image-ind-2-m.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.block-3-image.show {
	opacity: 1;
}

#block-3-image-1-1 {
	background-image: url("../images/image-5-2-1.jpg");

	@media (max-width: 600px) {
		background-image: url("../images/image-5-2-1-m.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

#block-3-image-1-2 {
	background-image: url("../images/image-5-2-2.jpg");

	@media (max-width: 600px) {
		background-image: url("../images/image-5-2-2-m.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

#block-3-image-1-3 {
	background-image: url("../images/image-5-2-3.jpg");

	@media (max-width: 600px) {
		background-image: url("../images/image-5-2-3-m.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

#block-3-image-1-4 {
	background-image: url("../images/image-5-2-4.jpg");

	@media (max-width: 600px) {
		background-image: url("../images/image-5-2-4-m.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
}
#block-3-image-1-5 {
	background-image: url("../images/image-5-2-5.jpg");

	@media (max-width: 600px) {
		background-image: url("../images/image-5-2-5-m.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

#page-5-block-3-desc {
	position: absolute;

	width: 480px;
	height: 594px;

	left: 690px; /*825px - 135px*/
	top: 127px; /*1178px - 1051px*/

	@media (max-width: 600px) {
		position: static;
		padding-top: 9vw;

		width: 90vw;
		height: auto;

		left: auto;
		top: auto;
	}
}

#page-5-block-4 {
	position: absolute;

	left: 135px;
	top: 1575px; /*1978px - 170px*/

	@media (max-width: 600px) {
		position: static;
		padding-top: 18vw;

		width: 100%;
		height: auto;

		left: auto;
		top: auto;

		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}

#page-5-block-4-title {
	@media (max-width: 600px) {
		position: static;
		padding-right: 38vw;

		width: 50%;
		height: auto;

		left: auto;
		top: auto;

		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}

#page-5-block-4-separator {
	display: none;
	position: absolute;

	width: 523px;
	height: 1px;

	left: 647px; /*782px - 135px*/
	top: 28px; /*1079px - 1051px*/

	border-top: 1px solid #A14D2A;

	@media (max-width: 600px) {
		position: absolute;
		padding-top: 18vw;

		width: 65vw;
		height: auto;

		left: 30vw;
		top: 483vw;

		border-top: 1px solid #A14D2A;
	}
}

#page-5-block-4-image {
	position: absolute;

	width: 620px;
	height: 700px;

	top: 127px; /*1178px - 1051px*/

	background-image: url("../images/image-5-3.jpg");
	background-size: contain;

	@media (max-width: 600px) {
		position: static;
		margin-top: 9vw;

		width: 90vw;
		height: 120vw;

		left: auto;
		top: auto;

		background-image: url("../images/image-5-3-m.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.page-5-block-4-separator {
	position: absolute;

	width: 738px;
	height: 1px;

	left: 432px; /*567px - 135px*/
	top: 28px; /*1079px - 1051px*/

	border-top: 1px solid #A14D2A;
}

#effect-4-1 {
	position: absolute;
	width: 1250.29px;
	height: 1350.13px;
	left: 0;
	top: 129px;

	background: url("../images/effect-4-1.png");
	background-size: auto;
	background-repeat: no-repeat;

	@media (max-width: 600px) {
		width: 65vw;
		height: 200vw;

		top: 0;

		background-image: url("../images/effect-4-1-m.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

#effect-4-2 {
	position: absolute;
/*	left: 53.06%;
	right: -30.61%;
	top: 4.66%;
	bottom: 67.76%;*/

	width: 676px;
	height: 1130px;

	right: 0;
	top: 200px;

	background: url("../images/effect-4-2.png");
	background-size: auto;
	background-repeat: no-repeat;

	@media (max-width: 600px) {
		width: 50vw;
		height: 200vw;

		right: 0;
		top: 50vw;

		background-image: url("../images/effect-4-2-m.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
}

#footer {
	top: 2716px;

	@media (max-width: 600px) {
		top: 620vw;
	}

	@media (max-width: 400px) {
		top: 660vw;
	}
}