/* COMMON START */
	.catalog {
		position: relative;
		padding-top: 16.375rem;
		width: 100%;
		background: url('../img/catalog-bg.jpg') repeat-y 50% 0%/100% auto;
		z-index: 1;
	}

	.catalog::after {
		content: '';
		position: absolute;
		top: 33.375rem;
		right: 0;
		width: 100%;
		height: 21.5625rem;
		background: url('../img/catalog-pieces.png') no-repeat 50%/contain;
		z-index: -1;
	}
/* COMMON END */

/* HEAD START */
	.catalog__head {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 7.25rem;
		width: 100%;
		height: 14.9375rem;
		background: url('../img/catalog-head-2.png') no-repeat 50%/cover;
	}

	.catalog__head h1 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		margin-bottom: 0.375rem;
		color: #fff;
		font: 700 3.375rem "Raleway", Arial, sans-serif;
	}

	.catalog__head h1 .btn {
		margin-left: 1.2rem;
		height: 2.2rem;
		width: 10rem;
		margin-top: 0.7rem;
	}

	.catalog__head .breadcrumbs {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.catalog__head .breadcrumbs a,
	.catalog__head .breadcrumbs p,
	.catalog__head .breadcrumbs span {
		margin-bottom: 0;
		color: #fff;
		font: 400 1rem "Raleway", Arial, sans-serif;
	}

	.catalog__head .breadcrumbs a { text-decoration: underline; }
	.catalog__head .breadcrumbs a.current { text-decoration: none; }

	.catalog__head .breadcrumbs a:hover { text-decoration: none; }

	.catalog__head .breadcrumbs span { margin: 0 0.25rem; }
/* HEAD END */

/* FILTER START */
	.catalog__filter { margin-bottom: 0.875rem; }

	.catalog__filter.mob { display: none; }

	.catalog__filter ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-right: -0.75rem;
	}

	.catalog__filter ul li {
		margin-bottom: 0.75rem;
		margin-right: 0.75rem;
	}

	.catalog__filter ul li a {
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
		padding: 0 0.74rem;
		width: 100%;
		height: 2rem;
		color: #A93439;
		font: 400 0.9375rem "Raleway", Arial, sans-serif;
		text-decoration: none;
		text-align: center;
		border: 0.08rem solid #A93439;
		border-radius: 2.5rem;
	}

	.catalog__filter ul li a:hover { color: #fff; background: #A93439; }
	.catalog__filter ul li.current a { color: #fff; background: #A93439; }
/* FILTER END */

/* CATALOG START */
	.catalog__wrap { padding-bottom: 1.125rem; }

	.catalog .row { margin-left: -1.4375rem; margin-right: -1.4375rem; }

	.catalog .col-4 { padding: 0 1.4375rem; }

	.catalog__block {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-bottom: 1.5625rem;
		padding-bottom: 1.25rem;
		width: 100%;
		height: 21.25rem;
		text-align: center;
		background: #999;
		border-radius: 0.9375rem;
		box-shadow: 0 0 1.875rem rgba(240, 120, 36, 0.15);
	}

	.catalog__block.bg__color-PersianRed { background: #CD3A31; } /* Persian Red */
	.catalog__block.bg__color-MediumCarmine { background: #B03C36; } /* Medium Carmine */
	.catalog__block.bg__color-Stiletto { background: #8E2E3C; } /* Stiletto */
	.catalog__block.bg__color-Japonica { background: #D56F6D; } /* Japonica */
	.catalog__block.bg__color-SeaGreen { background: #328E31; } /* Sea Green */
	.catalog__block.bg__color-ChestnutRose { background: #D56264; } /* Chestnut Rose */
	.catalog__block.bg__color-SeaGreen { background: #328E31; } /* Sea Green */
	.catalog__block.bg__color-Carmine { background: #9B0014; } /* Carmine */
	.catalog__block.bg__color-OrangeRoughy { background: #CC5414; } /* Orange Roughy */
	.catalog__block.bg__color-Thunderbird { background: #C12A21; } /* Thunderbird */
	.catalog__block.bg__color-GuardsmanRed { background: #B7000D; } /* Guardsman Red */
	.catalog__block.bg__color-Carmine { background: #9B0014; } /* Carmine */
	.catalog__block.bg__color-Supernova { background: #FCC400; } /* Supernova */
	.catalog__block.bg__color-JapaneseMaple { background: #7C0312; } /* Japanese Maple */
	.catalog__block.bg__color-SelectiveYellow { background: #FCB600; } /* Selective Yellow */
	.catalog__block.bg__color-AlizarinCrimson { background: #E31C2B; } /* Alizarin Crimson */
	.catalog__block.bg__color-Tosca { background: #923F4C; } /* Tosca */
	.catalog__block.bg__color-CrownofThorns { background: #74202B; } /* Crown of Thorns */
	.catalog__block.bg__color-Japonica { background: #D86C72; } /* Japonica */
	.catalog__block.bg__color-Wisteria { background: #A66DA9; } /* Wisteria */
	.catalog__block.bg__color-Sushi { background: #74B645; } /* Sushi */
	.catalog__block.bg__color-Amaranth { background: #EA2145; } /* Amaranth */

	.catalog__block p {
		position: absolute;
		top: 0.875rem;
		left: 0;
		margin-bottom: 0;
		padding: 0 2rem;
		width: 100%;
		color: #fff;
		font: 700 1.25rem/1.5625rem "Raleway", Arial, sans-serif;
	}

	.catalog__block .img {
		width: 95%;
		height: 58%;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.catalog__block .btn {
		position: absolute;
		bottom: 1rem;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0.125rem 0 0;
		width: 12rem;
		height: 3.4375rem;
	}
/* CATALOG END */

@media (max-width: 1024px) {
	/* COMMON START */
		.catalog { padding-top: 25.375rem; }

		.catalog::after { display: none; }
	/* COMMON END */

	/* HEAD START */
		.catalog__head {
			display: inline;
			padding-top: 1rem;
			height: 25.25rem;
			background-image: url('../img/catalog-head-mob.jpg');
		}

		.catalog__head h1 { margin-bottom: 0.5rem; font-size: 5.625rem; }

		.catalog__head .breadcrumbs {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			max-width: 80%;
		}

		.catalog__head .breadcrumbs a,
		.catalog__head .breadcrumbs p,
		.catalog__head .breadcrumbs span { font-size: 2.1875rem; }

		.catalog__head .breadcrumbs span { margin: 0 0.375rem; }
	/* HEAD END */

	/* FILTER START */
		.catalog__filter { margin-bottom: 0.875rem; }

		.catalog__filter.desk { display: none; }

		.catalog__filter.mob {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
			margin-bottom: 3.125rem;
			padding: 0 4rem;
		}

		.catalog__filter .selectric {
			padding: 0 6.875rem 0 4.625rem;
			width: 32rem;
			height: 8rem;
			background: rgba(0, 0, 0, 0);
			border: 0.2rem solid #A93439;
			border-radius: 62.5rem;
			overflow: hidden;
		}

		.catalog__filter .selectric span {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			margin: 0;
			width: 100%;
			height: 100%;
			color: #A93439;
			font: 500 2rem "Raleway", Arial, sans-serif;
			text-align: center;
		}

		.catalog__filter .selectric .button {
			position: absolute;
			top: 50%;
			right: 2.5rem;
			width: 2.25rem;
			height: 1.25rem;
			background: url('../img/svg/arrow-select.svg') no-repeat 50%/contain;
			transform: translate(0, -50%);
			transition: 0.3s;
		}

		.catalog__filter .selectric-open .selectric .button { transform: translate(0, -50%) rotate(180deg); }

		.catalog__filter .selectric-items {
			top: 0;
			padding-top: 6rem;
			background: #FFECDC;
			border-radius: 3rem;
			border: 0;
		}

		.catalog__filter .selectric-items ul {
			display: block;
			height: 50vh;
		}

		.catalog__filter .selectric-items ul li {
			margin: 0;
			padding: 0;
			color: #A93439;
			font: 500 2rem/2 "Raleway", Arial, sans-serif;
			text-align: center;
		}

		.catalog__filter .selectric-items ul li.selected { color: #fff; background: #A93439; }

		.catalog__filter .btn.mob {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			width: 21.625rem;
			height: 8rem;
		}
	/* FILTER END */

	/* CATALOG START */
		.catalog__wrap { padding-bottom: 0; }

		.catalog .row { margin-left: 0; margin-right: 0; }

		.catalog .row { margin: 0 -2rem; }

		.catalog .col-4 {
			flex: 1 1 100%;
			padding: 0 2rem;
			width: 50%;
			max-width: 50%;
		}

		.catalog__block {
			margin-bottom: 4rem;
			padding: 2.5rem 0 2rem;
			height: 29.25rem;
			border-radius: 3rem;
			box-shadow: none;
		}

		.catalog__block p {
			position: relative;
			top: 0;
			padding: 0 2.625rem;
			font-size: 2rem;
			line-height: 2.1875rem;
		}

		.catalog__block .img {
			width: 100%;
			height: 100%;
		}

		.catalog__block .btn {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			line-height: 0;
			opacity: 0;
			border: 0;
			border-radius: 3rem;
			z-index: 1;
		}
	/* CATALOG END */
}