.materials-decor .title {
	margin-bottom: 15px;
}
.materials-decor .desc {
	line-height: 130%;
	margin-bottom: 20px;
}
.materials-decor .content__box {
	display: grid;
	gap: 15px;
}
.materials-decor .select__list-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.materials-decor .select__item {
    display: flex;
	align-items: center;
    gap: 10px;
    padding: 5px;
    border: 1.50px solid #c7c7c7;
    border-radius: 6px;
    background: #f6f6f6;
	cursor: pointer;
}
.materials-decor .select__item.is-active {
	border: 1.50px solid #f26422;
	font-weight: 700;
    pointer-events: none;	
}
.materials-decor .select__item-label {
	border-radius: 6px;
    width: 38px;
    height: 42px;
}
.materials-decor .select__item-label.background-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;	
}
.materials-decor .select__item-title {
	line-height: 110%;
}
.materials-decor .content__img {
    position: relative;	
}
.materials-decor .content__img img {
    border-radius: 6px;
	max-width: 100%;
}
.materials-decor .content__picture {
	display: flex;
}
.materials-decor .color-fir {
	background-image: url("../../../img/materials-decor/wooden-lining/img-thumb/fir.jpg");
}
.materials-decor .color-pine {
	background-image: url("../../../img/materials-decor/wooden-lining/img-thumb/pine.jpg");
}
.materials-decor .color-larch {
	background-image: url("../../../img/materials-decor/wooden-lining/img-thumb/larch.jpg");
}
.materials-decor .color-oak {
	background-image: url("../../../img/materials-decor/wooden-lining/img-thumb/oak.jpg");
}
.materials-decor .color-birch {
	background-image: url("../../../img/materials-decor/wooden-lining/img-thumb/birch.jpg");
}
.materials-decor .color-aspen {
	background-image: url("../../../img/materials-decor/wooden-lining/img-thumb/aspen.jpg");
}
.materials-decor .color-orekh-dizhon {
	background-image: url("../../../img/materials-decor/laminate/img-thumb/orekh-dizhon.jpg");
}
.materials-decor .color-buk-tirol {
	background-image: url("../../../img/materials-decor/laminate/img-thumb/buk-tirol.jpg");
}
.materials-decor .color-orekh-karini {
	background-image: url("../../../img/materials-decor/laminate/img-thumb/orekh-karini.jpg");
}
.materials-decor .color-dub-ostin {
	background-image: url("../../../img/materials-decor/laminate/img-thumb/dub-ostin.jpg");
}
.materials-decor .color-dub-belyj {
	background-image: url("../../../img/materials-decor/laminate/img-thumb/dub-belyj.jpg");
}
.materials-decor .color-bereza {
	background-image: url("../../../img/materials-decor/laminate/img-thumb/bereza.jpg");
}
.materials-decor .color-el-gornaya {
	background-image: url("../../../img/materials-decor/laminate/img-thumb/el-gornaya.jpg");
}
.materials-decor .color-kamen {
	background-image: url("../../../img/materials-decor/laminate/img-thumb/kamen.jpg");
}
.materials-decor .color-pvh-matte {
	background-image: url("../../../img/materials-decor/panels-pvh/img-thumb/matte.jpg");
}
.materials-decor .color-pvh-glossy {
	background-image: url("../../../img/materials-decor/panels-pvh/img-thumb/glossy.jpg");
}
.materials-decor .color-pvh-marble {
	background-image: url("../../../img/materials-decor/panels-pvh/img-thumb/marble.jpg");
}
.materials-decor .color-pvh-wood {
	background-image: url("../../../img/materials-decor/panels-pvh/img-thumb/wood.jpg");
}
.materials-decor .color-pvh-plaster {
	background-image: url("../../../img/materials-decor/panels-pvh/img-thumb/plaster.jpg");
}
.materials-decor .color-pvh-stone {
	background-image: url("../../../img/materials-decor/panels-pvh/img-thumb/stone.jpg");
}
.materials-decor .color-pvh-illustration {
	background-image: url("../../../img/materials-decor/panels-pvh/img-thumb/illustration.jpg");
}
.materials-decor .color-pvh-abstraction {
	background-image: url("../../../img/materials-decor/panels-pvh/img-thumb/abstraction.jpg");
}
.materials-decor .color-mdf-veneer {
	background-image: url("../../../img/materials-decor/panels-mdf/img-thumb/veneer.jpg");
}
.materials-decor .color-mdf-lamination {
	background-image: url("../../../img/materials-decor/panels-mdf/img-thumb/lamination.jpg");
}
.materials-decor .color-mdf-alder {
	background-image: url("../../../img/materials-decor/panels-mdf/img-thumb/alder.jpg");
}
.materials-decor .color-mdf-ash-tree {
	background-image: url("../../../img/materials-decor/panels-mdf/img-thumb/ash-tree.jpg");
}
.materials-decor .color-mdf-oak {
	background-image: url("../../../img/materials-decor/panels-mdf/img-thumb/oak.jpg");
}
.materials-decor .color-mdf-slat-panels {
	background-image: url("../../../img/materials-decor/panels-mdf/img-thumb/slat-panels.jpg");
}
.materials-decor .color-drywall {
	background-image: url("../../../img/materials-decor/decor-drywall/img-thumb/drywall.jpg");
}
.materials-decor .color-drywall-under-wallpaper {
	background-image: url("../../../img/materials-decor/decor-drywall/img-thumb/drywall-under-wallpaper.jpg");
}
.materials-decor .color-drywall-under-plaster {
	background-image: url("../../../img/materials-decor/decor-drywall/img-thumb/drywall-under-plaster.jpg");
}
.materials-decor .color-drywall-venetian-plaster {
	background-image: url("../../../img/materials-decor/decor-drywall/img-thumb/drywall-venetian-plaster.jpg");
}
.materials-decor .color-drywall-decor-stone {
	background-image: url("../../../img/materials-decor/decor-drywall/img-thumb/drywall-decor-stone.jpg");
}
.materials-decor .color-drywall-slat-panels {
	background-image: url("../../../img/materials-decor/decor-drywall/img-thumb/drywall-slat-panels.jpg");
}
.materials-decor .color-white {
	background-color: #FFF;	
}
.materials-decor .color-blue {
	background-color: #AFDDD4;
}
.materials-decor .color-peach {
	background-color: #FDD7B3;
}
.materials-decor .color-light {
	background-color: #F4DCA5;
}
.materials-decor .color-dark {
	background-color: #5D5D5D;
}
.materials-decor .button {
	margin-top: 25px;
}
.materials-decor .content__offer {
    position: absolute;
    left: 10px;
    bottom: 10px;
	border-radius: 10px;
    width: 237px;
    height: 60px;
    background: #fff;
    padding: 7px 8px;
    display: flex;
    justify-content: space-between;	
}
.materials-decor .content__offer-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;	
}
.materials-decor .content__offer .caption {
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0.01em;	
}
.materials-decor .content__offer .price {
    font-size: 24px;
    line-height: 100%;
}
.materials-decor .content__offer .word,
.materials-decor .content__offer .currency {
	font-size: 18px;
	line-height: 100%;	
}
.materials-decor .content__offer .word {
	margin-right: 5px;
}
.materials-decor .content__offer .currency {
	margin-left: 5px;
}
.materials-decor .content__offer-sticker {
	position: relative;
	z-index: 1;
    min-width: 80px;
    height: 46px;
	background-color: #f26422;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    font-size: 14px;
	text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding: 6px;	
}
.materials-decor .content__offer-sticker:before {
	content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #F26421;
    border-radius: 5px;
    -webkit-transform: translate(50%, -50%) scaleY(1.2) rotate(45deg);
    transform: translate(50%, -50%) scaleY(1.2) rotate(45deg);
    position: absolute;
    top: 50%;
    left: -26px;
    z-index: -1;	
}
.materials-decor .content__offer-sticker:after {
	content: '';
    display: inline-block;
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: calc( 50% - 4px );
    left: -5px;
    box-shadow: inset 0.125em 0.125em 0.188em rgba(0, 0, 0, 0.25);
    z-index: 1;	
}
.materials-decor .content__offer-sticker span {
	display: block;
}
@media (max-width: 767px) {
	.materials-decor.decor-drywall .select__item {
		gap: 8px;
		font-size: 15px;
	}	
}
@media (min-width: 768px) {	
	.materials-decor .title {
		margin-bottom: 20px;
	}
	.materials-decor .desc {
		font-size: 18px;
		line-height: 122%;		
		margin-bottom: 30px;
	}
	.materials-decor .content__box {
		gap: 20px;
	}
	.materials-decor .select__list-items {
		grid-template-columns: repeat(3, 1fr);
	}	
	.materials-decor .select__item {
		padding: 5px;
	}
	.materials-decor .select__item-label {
		width: 76px;
		height: 51px;		
	}
	.materials-decor .select__item-title {
		font-size: 18px;
		line-height: 130%;
	}
	.materials-decor .button {
		width: 304px;
		margin-top: 30px;
	}
	.materials-decor .content__offer {
		left: 15px;
		bottom: 15px;
		width: 289px;
		height: 84px;
		padding: 15px;
	}
	.materials-decor .content__offer-price {
		gap: 5px;
	}
	.materials-decor .content__offer .caption {
		font-size: 16px;
	}	
	.materials-decor .content__offer .price {
		font-size: 28px;
	}
	.materials-decor .content__offer .word,
	.materials-decor .content__offer .currency {
		font-size: 20px;
	}
	.materials-decor .content__offer-sticker {
		min-width: 100px;
		height: 54px;
		font-size: 16px;
		line-height: 120%;
	}
	.materials-decor .content__offer-sticker:before {
		width: 34px;
		height: 34px;
		left: -30px;
	}	
}
@media (min-width: 1200px) {	
	.materials-decor .title {
		margin-bottom: 40px;
	}
	.materials-decor .select__list-items {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
	.materials-decor .content__offer {
		left: 20px;
		bottom: 20px;
	}	
}

