/* TOP START */
	.handmade { position: relative; z-index: 2; }

	.handmade .container { max-width: 59.5rem; }

	.handmade__top {
		position: relative;
		padding-top: 8.875rem;
		width: 100%;
		height: 56.875rem;
		background: url('../img/handmade-top-bg.jpg') no-repeat 100%/cover;
		z-index: 1;
	}

	.handmade__top h1 {
		margin-bottom: 1.5625rem;
		color: #A93439;
		font: 700 3.375rem "Raleway", Arial, sans-serif;
	}

	.handmade__top p {
		margin-bottom: 0;
		color: #fff;
		font: 300 1rem/1.5rem "Raleway", Arial, sans-serif;
	}

	.handmade__top p b { font-weight: 500; }

	.handmade__top-family {
		position: absolute;
		top: -2.75rem;
		right: 0;
		width: 100%;
		height: 58.25rem;
		pointer-events: none;
		z-index: 2;
	}
/* TOP END */

/* BOT START */
	.handmade__bot {
		position: relative;
		margin-top: -12.5rem;
		padding-top: 4.375rem;
		height: 47rem;
		background: #A93439;
		z-index: 1;
	}

	.handmade__bot::before,
	.handmade__bot::after {
		content: '';
		position: absolute;
		right: 0;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover;
		pointer-events: none;
		z-index: -1;
	}

	.handmade__bot::before {
		top: 0.125rem;
		width: 100%;
		height: 11.125rem;
		transform: translate(0, -100%);
	}

	.handmade__bot::after {
		bottom: 0.125rem;
		width: 100%;
		height: 11.5625rem;
		transform: translate(0, 100%);
	}

	.handmade__bot::before { background-image: url('../img/svg/handmade-bg-top.svg'); }
	.handmade__bot::after { background-image: url('../img/handmade-bg-bot.jpg'); }

	.handmade__bot-pattern {
		position: absolute;
		top: -4.375rem;
		right: 2rem;
		width: 67.5rem;
		height: 42.125rem;
		background: url('../img/handmade-bg-before.jpg') no-repeat 50%/contain;
		z-index: -1;
	}

	.handmade__instruction {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		margin-bottom: 3rem;
	}

	.handmade__instruction li {
		position: relative;
		margin: 0 2.5%;
		width: 20%;
		text-align: center;
	}

	.handmade__instruction li:not(:last-child)::after {
		content: '';
		position: absolute;
		top: 2.375rem;
		right: -2.5rem;
		width: 1.75rem;
		height: 1.375rem;
		background: url('../img/svg/arrow-left.svg') no-repeat 50%/contain;
	}

	.handmade__instruction li span {
		display: block;
		margin: 0 auto 1rem;
		width: 100%;
		height: 5.875rem;
	}

	.handmade__instruction li.ico-1 span { background: url('../img/svg/handmade-ico-1.svg') no-repeat 50%/4.625rem; }
	.handmade__instruction li.ico-2 span { background: url('../img/svg/handmade-ico-2.svg') no-repeat 50%/4.625rem; }
	.handmade__instruction li.ico-3 span { background: url('../img/svg/handmade-ico-3.svg') no-repeat 50%/4.625rem; }
	.handmade__instruction li.ico-4 span { background: url('../img/svg/handmade-ico-4.svg') no-repeat 50%/6.375rem; }

	.handmade__instruction li p {
		margin-bottom: 0;
		color: #fff;
		font: 500 1.125rem/1 "Raleway", Arial, sans-serif;
	}

	.handmade__slider { margin-bottom: 2rem; }

	.handmade__slider .slick-arrow {
		position: absolute;
		top: 50%;
		padding: 0;
		width: 3.625rem;
		height: 3.625rem;
		font-size: 0;
		line-height: 0;
		background-color: rgba(0, 0, 0, 0);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 3.5rem;
		border: 0;
		transition: 0.3s;
		cursor: pointer;
		transform: translate(0, -50%);
		z-index: 1;
	}

	.handmade__slider .slick-arrow:hover { opacity: 0.75; }

	.handmade__slider .slick-arrow:focus { outline: 0; }

	.handmade__slider .slick-prev {
		left: -1.25rem;
		background-image: url('../img/svg/slick-prev-3.svg');
	}

	.handmade__slider .slick-next {
		right: -1.25rem;
		background-image: url('../img/svg/slick-next-3.svg');
	}

	.handmade__slider .slick-slide {
		margin: 0 1.25rem;
		width: 17.375rem;
		text-align: center;
	}

	.handmade__slider .handmade__card {
		width: 17.375rem;
		height: 25.375rem;
		background: #FDF3EE;
		box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
		border-radius: 1.5rem;
	}

	.handmade__slider .handmade__card h3 {
		margin-bottom: 0.625rem;
		padding: 0.5rem 1rem 0;
		color: #A93439;
		font: 700 1.5rem/1.2 "Raleway", Arial, sans-serif;
	}

	.handmade__slider .handmade__card .img {
		margin-bottom: 0.5rem;
		width: 100%;
		height: 12.1875rem;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover;
	}

	.handmade__slider .handmade__card p {
		margin-bottom: 0.55rem;
		padding: 0 1rem;
		color: #A93439;
		font: 300 0.75rem/1.3 "Raleway", Arial, sans-serif;
	}

	.handmade__slider .handmade__scissors {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		margin-bottom: 0.875rem;
	}

	.handmade__slider .handmade__scissors li {
		position: relative;
		margin: 0 0.3125rem;
		width: 1.5rem;
		height: 1.375rem;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		background-image: url('../img/svg/handmade-scissors-2.svg');
	}

	.handmade__slider .btn { margin: 0 auto; }

	.handmade__slider .handmade__scissors li.active { background-image: url('../img/svg/handmade-scissors-1.svg'); }

	.handmade__author {
		margin-bottom: 0;
		color: #fff;
		font: 300 1rem/1.75 "Raleway", Arial, sans-serif;
		text-align: center;
	}

	.handmade__author b,
	.handmade__author a {
		color: #fff;
		font-weight: 500;
		text-decoration: none;
	}

	.handmade__author a:hover { text-decoration: underline; }

	.handmade__gog {
		width: 100%;
		height: 11.5625rem;
		background: url('../img/catalog-bg.jpg') no-repeat 50%/cover;
	}
/* BOT END */

@media (max-width: 1024px) {
	/* TOP START */
		.handmade .container { max-width: 100%; }

		.handmade__top-family { top: 1.5rem; height: 49.3125rem; }

		.handmade .arrow-bot { top: 93.75rem; }

		.handmade__top {
			padding-top: 49.875rem;
			height: 123.75rem;
			text-align: center;
			background: url('../img/about-top-bg-mob.jpg') no-repeat 100%/cover;
		}

		.handmade__top h1 { margin-bottom: 0.75rem; font-size: 3.75rem; }

		.handmade__top p { font-size: 2.8125rem; line-height: 4rem; }

		.handmade__top p br { display: none; }
	/* TOP END */

	/* BOT START */
		.handmade__bot {
			margin-top: -31.25rem;
			padding-top: 13.5rem;
			height: 175rem;
			background: url('../img/handmade-bg-mob-2.png') no-repeat 50%/contain;
		}

		.handmade__bot::before,
		.handmade__bot::after,
		.handmade__bot-pattern { display: none; }

		.handmade__instruction {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-bottom: 1rem;
		}

		.handmade__instruction li {
			margin: 0 auto 3.75rem;
			width: 50%;
		}

		.handmade__instruction li:not(:last-child)::after { display: none; }

		.handmade__instruction li span { margin: 0 auto 2rem; height: 10.75rem; }

		.handmade__instruction li.ico-1 span { background-size: 9.625rem; }
		.handmade__instruction li.ico-2 span { background-size: 9.125rem; }
		.handmade__instruction li.ico-3 span { background-size: 8.625rem; }
		.handmade__instruction li.ico-4 span { background-size: 11.625rem; }

		.handmade__instruction li p { font-size: 2.8125rem; }

		.handmade__slider { margin-bottom: 6rem; }

		.handmade__slider .slick-arrow {
			width: 2rem;
			height: 2.625rem;
			background-size: contain;
		}

		.handmade__slider .slick-arrow:hover { opacity: 1; }

		.handmade__slider .slick-prev {
			left: 0;
			background-image: url('../img/svg/slick-prev-2.svg');
		}

		.handmade__slider .slick-next {
			right: 0;
			background-image: url('../img/svg/slick-next-2.svg');
		}

		.handmade__slider .slick-slide {
			margin: 0 8.5rem;
			width: 39.75rem;
			text-align: center;
		}

		.handmade__slider .handmade__card {
			width: 39.75rem;
			height: 65.75rem;
			background: #FDF3EE;
			box-shadow: 0 0.75rem 2.375rem rgba(0, 0, 0, 0.08);
			border-radius: 4.625rem;
		}

		.handmade__slider .handmade__card h3 {
			margin-bottom: 1rem;
			padding: 1.375rem 1.375rem 0;
			font-size: 3.625rem;
		}

		.handmade__slider .handmade__card .img {
			margin-bottom: 1.5rem;
			width: 100%;
			height: 27.75rem;
		}

		.handmade__slider .handmade__card p {
			margin-bottom: 1.875rem;
			padding: 0 2rem;
			font-size: 2.375rem;
			line-height: 1.2;
		}

		.handmade__slider .handmade__scissors { margin-bottom: 1.875rem; }

		.handmade__slider .handmade__scissors li {
			margin: 0 0.875rem;
			width: 3.75rem;
			height: 3.5rem;

		}

		.handmade__slider .btn { width: 34rem; }

		.handmade__author {
			margin-bottom: 2rem;
			padding: 0 2rem;
			font-size: 2.8125rem;
		}

		.handmade__gog { height: 0; }
	/* BOT END */
}